B-модальный компонент BootstrapVue в настраиваемом компоненте Vue правильно загружается в браузере. Однако при тестировании с использованием mocha + mochapack он генерирует предупреждение Vue о том, что b-модальный элемент не зарегистрирован. В тесте используется объект localVue, для которого зарегистрирован BootstrapVue. Кажется, что все остальные настраиваемые элементы начальной загрузки загружаются правильно и не генерируют никаких предупреждений.
Я пробовал разные вещи, в том числе импортировал BModal из bootstrap-vue и регистрировал его как компонент напрямую, но все равно получал ту же ошибку.
import {mount, createLocalVue} from "@vue/test-utils"
import MyCustomModal from '../js/MyCustomModal';
const localVue = createLocalVue();
import BootstrapVue from 'bootstrap-vue'
localVue.use(BootstrapVue);
describe('MyCustomModal', () => {
let wrapper = mount(MyCustomModal,{
localVue
});
it('the content is "this is the content"', () => {
expect(wrapper.find(".modal-content").text()).toEqual('this is the content');
});
});
Пользовательский компонент Vue:
<template>
<b-modal>
<div class="modal-content">this is the content</div>
<b-form>
my form
</b-form>
</b-modal>
</template>
<script>
export default {
data(){
return {};
}
}
</script>
Тесты работают правильно и проходят успешно, но выводит предупреждение Vue для b-модального элемента. Предупреждение для b-формы не выводится.
shallowMount
вместоmount
из vue-utlis? - person Robson Braga   schedule 07.06.2019