Начиная с нового приложения NUXT, созданное с помощью перспективной поддержки, я пытался получить тесты, но изо всех сил пытались получить пропускные тесты без Vue предупреждений. Вещи как
[Vuetify] Multiple instances of Vue detected
или
[Vue warn]: Unknown custom element:- did you register the component correctly? For recursive components, make sure to provide the "name" option.
Решение
Глобально установка Vue с поддержкой VUETIFY перед запуском испытаний.
Добавить в . jest.config.js.
setupFiles: ['/test/setup.js']
Настройка файла в соответствии с рекомендациями Vuetify Docs.
// /test/setup.js import Vue from 'vue' import Vuetify from 'vuetify' Vue.config.productionTip = false Vue.use(Vuetify)
Пример теста
// /test/index.test.js import { createLocalVue, shallowMount } from '@vue/test-utils' import index from '@/pages/index' describe('index', () => { const localVue = createLocalVue() let wrapper beforeEach(() => { wrapper = shallowMount(index, { localVue }) }) test('is a Vue instance', () => { expect(wrapper.vm).toBeTruthy() }) test('Matches Snapshot', () => { expect(wrapper.html()).toMatchSnapshot() }) })
Счастливое тестирование!
Оригинал: “https://dev.to/mftruso/jest-nuxt-vuetify-54io”