如何在 vueJs 测试中模拟调度

Question

我目前正在对我的应用程序执行单元测试，如图所示。但我有一个问题。如何模拟或利用 Vuex 的调度？

我的测试方法：

methodA({ dispatch, commit }, { data }) {
        dispatch('methodB', { data });
    }
  };

我的单元测试：

describe('UnitTesting', () => {
  it('if method called', () => {
    const commit = jest.fn();
    const dispatch = jest.fn('methodB');
    service.actions.methodA({ dispatch, commit });
    expect(dispatch).toHaveBeenCalledTimes(1);
  });

我有一条错误消息：Dispatch 不是函数。 为什么 ？你帮帮我好吗？我不明白为什么我会收到此消息。

谢谢

Answer 1

如果您还想创建一个 localVue 并让商店在您的测试中正常工作，您可以使用spyOn：

const storeDispatch = jest.spyOn(wrapper.vm.$store, 'dispatch')
expect(storeDispatch).toHaveBeenCalledWith('module/action', {})

Answer 2

jest.fn('methodB') 不是正确的调用，因此生成的 dispatch 常量不是函数。

fn 参数应该是一个函数。 要么做jest.fn(() => Promise.resolve('functionB'))要么jest.fn().mockResolvedValue('functionB')

但只要jest.fn() 就可以到达这里。