Рубрики
Без рубрики

Jest + nuxt + Vuetify

Начиная с нового приложения NUXT, созданное с помощью шума, я пытался получить тесты, но борьбу … Теги с JavaScript, Vue, тестированием.

Начиная с нового приложения 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”