У меня есть компонент, чья идентичность устанавливается динамически.Я хотел бы создать модульный тест, чтобы убедиться, что он был выполнен правильно.
Я пытался использовать .attributes('is')
и .is()
, но ни одна не дает правильную информацию.
Мой компонент:
<component
:is="field.component"
:name="field.name"
v-bind="field.attributes"
v-validate="field.validation"
v-model="localData"
test-id="FormField"
/>
Модульный тест:
const formField = {
display: 'unique-test-name-not-found-in-i18n 1',
type: 'string',
name: 'testField',
component: 'v-text-field',
validation: 'required|max:255',
attributes: {},
};
wrapper = mount(TheFormField, {
propsData: {
field: formField,
input: 'test data',
},
attachToDocument: true,
sync: false, // a bug in Vuetify requires `sync: false`
});
console.log(wrapper.find('[test-id="FormField"]').is('v-text-field'))
Компонент отображается как, что правильно, но я должен убедиться, что он не просто, а специально vuetify v-text-field