如何模拟组件方法？

Question

我只是想找出在存储操作之后是否调用了组件方法，但我收到了这个错误：

expect(jest.fn())[.not].toHaveBeenCalled()

jest.fn() value must be a mock function or spy.
Received:
  function: [Function bound mockConstructor]

这是我的单元测试：

describe('MyComponent.spec.js', () => {
  let methods = {
    setLocation: jest.fn()
    // more methods...
  }

  it('calls setLocation on undo/redo', () => {
    let wrapper = mount(MyComponent, {
      store,
      localVue,
      methods
    })

    store.dispatch('doUndo')
    expect(wrapper.vm.setLocation).toHaveBeenCalled()
  })
})

不确定这是否是一个好习惯，但我正在使用实际的商店和本地 Vue 实例。

Answer 1

要验证模拟方法，请使用实际模拟变量本身（不是通过wrapper）：

expect(methods.setLocation).toHaveBeenCalled()