如何模擬組件方法？

Question

我只是想找出在 store 操作后是否調用了組件方法，但出現此錯誤：

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()