@jekanok

Как работает vue test utils jest?

Я использую в проекте готовые компоненти element.io и хотел протестировать выполненую работу с помощью vue test utils он написан на jest, когда я написал первый тест для пробы
import {
  mount
} from '@vue/test-utils'
import register from '@/components/form-reg.vue'

describe('Register', () => {
  const wrapper = mount(register)
  it('имеет кнопку', () => {
    expect(wrapper.contains('button')).toBe(true)
  })
})
мне выдал ошибку:
[Vue warn]: Unknown custom element: <el-row> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

....
Кто знает как решить эту проблему?
Спасибо за ответ!
  • Вопрос задан
  • 22 просмотра
Решения вопроса 1
yarkov
@yarkov Куратор тега Vue.js
https://github.com/yarkovaleksei/toster-extension
Либо где-нибудь в setup.js импортируете element-ui (типа такого):
import Vue from "vue";
import ElementUI from 'element-ui';

Vue.use(ElementUI);


Либо в тесте делайте заглушки:
import {mount} from '@vue/test-utils'
import register from '@/components/form-reg.vue'

describe('Register', () => {
  const wrapper = mount(register, {
    stubs: {
      'el-row': '<div></div>'
    }
  })
  it('имеет кнопку', () => {
    expect(wrapper.contains('button')).toBe(true)
  })
})
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Kozack
@Kozack
Вам нужно вызвать use перед вашими тестами. Например так
import { createLocalVue, mount } from '@vue/test-utils'
import ElementUI from 'element-ui';

const localVue = createLocalVue()
localVue.use(ElementUI);


И далее передавать экземпляр в тест
const wrapper = mount(register, {localVue})

См. документацию
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Enapter Санкт-Петербург
от 160 000 до 240 000 ₽
Junto Москва
от 120 000 до 180 000 ₽
18 февр. 2020, в 23:53
8000 руб./за проект
18 февр. 2020, в 22:14
10000 руб./за проект