Vue-test-utilsshallowMount输出“ [Vue警告]：未知自定义元素”，用于vuetify组件

Question

我在Vue中的单元测试不仅为<v-col>还会为每个单个vuetify组件输出以下警告：

[[Vue警告]：未知的自定义元素：-您是否注册了组件正确吗？对于递归组件，请确保提供“名称”选项。

我创建了localVue并添加了Vuetify，但这似乎不起作用。这是我的测试用例：

import { shallowMount, createLocalVue } from '@vue/test-utils'
import expect from 'expect'
import ProjetoShow from '../../views/Projeto/ProjetoShow.vue'
import Vuetify from 'vuetify'

describe('ProjetoShow component', () => {
    let wrapper
    let localVue
    beforeEach(() => {
        localVue = createLocalVue()
        localVue.use(Vuetify)
    })

    it('renders correctly', ()=> {
        wrapper = shallowMount(ProjetoShow, {localVue})
        expect(wrapper.find('h2').text()).toContain('PROJETO')
    })

})

Answer 1

在Vuetify关于Unit Testing的文档中，他们在let vuetify块中声明describe，然后在beforeEach中将该变量分配给new Vuetify()