为什么 wrapper.findComponent 不适用于 @vue/test-utils

Question

当我尝试使用wrapper.findComponent 时，我收到以下错误：

ErrorWrapper { 选择器： { ref: 'loginTab' } }

我在网上搜索过，但无济于事。这是我的测试代码：

describe('Sign-Up Test Cases', () => {
    const wrapper = mount(SignUp, {
        methods: {
            getProv: jest.fn()
        },
        localVue
    })
    
    it('Dialog contains a Login Input Field', () => {
        console.log(wrapper.findComponent({ ref: 'loginTab' }))
        expect(wrapper.findComponent({ ref: 'loginTab' }))
    })
})

localVue 已定义。 检查我使用findComponent 函数的it 语句。

更新：我尝试了其他方法。

我试过了，没用。

import Vuetify, {VTab} from 'vuetify/lib'
// Some Code here
console.log(wrapper.findComponent(VTab))

它没有工作。我收到以下错误：

ErrorWrapper {selector: [Function: VueComponent]}

Answer 1

您必须导入组件并将其用作findComponent 方法的有效负载：

const VTab = {
   template: '<div><slot></div>
}

const wrapper = shallowMount(SignUp, {
        global: {
           stubs: { VTab }
        },
    })

wrapper.findComponent(VTab)