Vue & Jest - How to test a method with parameters? With vue/test-utils NOT jest-dom

Question

After a lot of research I was finally able to test an method with the follow code

  it('should call myFunction - on Desktop', async () => {
    const mockMethod = jest.spyOn(myComponent.methods, 'myFunction')
    const wrapper = shallowMount(
      myComponent,
      {
        store,
        localVue,
        propsData,
        stubs,
      },
    )
    await wrapper.findAll('.container button-stub').at(0).trigger('click')
    expect(mockMethod).toHaveBeenCalled()
  })

And it worked :pray-pep: But know I need to test an method passing an parameter and comparing the result. This method changes my data, my data is like follows

  data () {
    return {
      myOptions: [],
    }
  },

This method adds the argument, that is an number, in myOptions. That is what an want to test, call the function and compare if the parameter passed was added to myOptions

Sorry for my english and talks for the help

tony19 · Accepted Answer · 2022-06-10 01:30:26Z

0

Assuming myFunction is the method you speak of, and it's called like this:

this.myFunction(123)

You could use Jest's toHaveBeenCalledWith() assertion to verify it was called with specific arguments, and then check the value of myOptions:

expect(mockMethod).toHaveBeenCalledWith(123)
expect(wrapper.vm.myOptions).toInclude(123)

answered Jun 10, 2022 at 1:30

tony19

140k23 gold badges281 silver badges354 bronze badges

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

Collectives™ on Stack Overflow

Vue & Jest - How to test a method with parameters? With vue/test-utils NOT jest-dom

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