Вы можете создать fragment_wrapper
для упаковки ваших Компонентов с Фрагментами (несколькими корневыми элементами).
//File: fragment_wrapper.js
exports.fragment_wrapper = function(FragmentComponent){
const wrapper = {
components: { FragmentComponent },
props: FragmentComponent.props,
template: `<div><FragmentComponent v-bind="$props" v-on="$listeners"/></div>`
}
return wrapper;
}
Затем вы можете использовать это для проверки всех ваших фрагментированных компонентов следующим образом:
import { mount } from '@vue/test-utils'
import { fragment_wrapper } from './fragment_wrapper'
import Cell from './components/Cell'
describe('Test Cell', () => {
let WrappedCell = fragment_wrapper(Cell);
const wrapper = mount(WrappedCell, {
propsData: {
cellData: {
category: 'foo',
description: 'bar'
}
}
});
it('renders the correct markup', () => {
expect(wrapper.html()).toContain('<td>foo</td>')
});
});
Из Меню свойства окна просмотрите к панели Java–Errors/Warnings. Разверните настройки "Code style" и установите "Доступ к недоступному члену типа включения": опция "Проигнорировать".