Jest Vue, test trigger click button, Expected 1, received: 0

Question

I have a problem with unit test to trigger click. Error: Expected: 1, Received: 0 I'm using Vue, Jest and Vue test utils. I wanna test if the button is triggered

Search.vue

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

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

test.spec.js

import Search from '...'

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

        const clickMethodStub = jest.fn()

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

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

Error: Expected: 1 Received: 0

Could you please post ur wrapper.html()?

Kick Buttowski
– Kick Buttowski

2021-02-14 19:26:59 +00:00
Commented Feb 14, 2021 at 19:26 — Kick Buttowski
– Kick Buttowski, Commented Feb 14, 2021 at 19:26

Václav Procházka · Accepted Answer · 2021-02-14 10:47:58Z

1

Because it is vuetify button, you need to use to shallowMount to 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) 
        })
    })
}

answered Feb 14, 2021 at 10:47

Václav Procházka

3502 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Jest Vue, test trigger click button, Expected 1, received: 0

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related