Тестирование Nuxt JS компонентов, которые используют Vuetify - PullRequest
Новая
       77

Тестирование Nuxt JS компонентов, которые используют Vuetify

1 голос
/ 29 января 2020

Я хочу выполнить модульное тестирование компонентов с помощью jest в проекте Nuxt JS, использующем Vuetify. Когда я хочу выбрать кнопку (v-btn), jest выводит следующее: 

 [vue-test-utils]: find did not return .v-btn, cannot call text() on empty Wrapper

Я следовал официальным документам vuetify для модульного тестирования. 

// myComponent.vue

<template>
  <v-menu offset-y>
    <v-btn color="primary">
      myLabel
    </v-btn>
  </v-menu>
</template>

<script>
export default {
}
</script>


// myComponent.spec.js
import { createLocalVue, mount } from '@vue/test-utils'
import Vuetify from 'vuetify'
import MyComponent from '~/components/MyComponent'

describe('Index Switch', () => {
  const localVue = createLocalVue()
  let wrapper
  let vuetify

  beforeEach(() => {
    vuetify = new Vuetify()
    wrapper = mount(MyComponent, { localVue, vuetify })
  })

  it('should have index switch button', () => {
    const myButton = wrapper.find('.v-btn')
    expect(myButton.text()).toBe('myLabel')
  })
})

Есть идеи, что здесь не так?

...