Jest Vue，测试触发器单击按钮，预期1，已收到：0

Question

我对触发点击的单元测试有疑问。错误：预期：1，已收到：0 我正在使用Vue，Jest和Vue测试实用程序。我想测试按钮是否被触发

Search.vue

moth
dog
zebra
elephant
yak
horse
ant
moose
snake
walrus
lion
turtle
kangaroo

test.spec.js

<v-btn id="searchBtn" @click="searchItem"></v-btn>

methods: {
    searchItem() {}
        ...
    }

错误： 预期：1 收到：0

Answer 1

因为是 vuetify 按钮，所以需要用到 shallowMount 到 mount。

import Search from '...'

describle(Search, () => {
    it('trigger button', () => {
       const wrapper = mount(Search)

        const clickMethodStub = jest.fn()

        wrapper.setMethods({ searchItem: clickMethodStub })
        wrapper.find('#searchBtn').trigger('click') 

        expect(clickMethodStub.mock.calls.length).toBe(1) 
        })
    })
}