如何使用Jest在ES6类方法中测试对redux存储的调度？

Posted 2021-04-03

我尝试测试在ES6类方法中发生对redux存储的调度，但我失败了。

不知何故，我无法找到如何模拟商店以获得响应。

方法很简单：

class Foo {
  …
  bar() {
    store.dispatch({ type: FOO_BAR_BAZ });
  }
  …
};

我只是想测试发送的是什么。

我尝试了几件事，包括redux-mock-store，但我没有得到商店的反馈。

it('should foo bar baz', () => {
  const store = {
    dispatch: jest.fn(),
  };

  const foobar = new Foo();
  foobar.bar();

  console.log(store.dispatch.mock);
  //=> { calls: [], instances: [], invocationCallOrder: [], results: [] }
});

如果有人能指出我正确的方向，我将深表感谢。

答案

未调用jest store mock，因为该类无法访问它。解决这个问题的一种方法是将商店传递给构造函数：

class Foo {
  constructor(store) {
    this.store = store
  }

  bar() {
    this.store.dispatch({ type: FOO_BAR_BAZ });
  }
}

-

it('should foo bar baz', () => {
  const store = {
    dispatch: jest.fn(),
  };

  const foobar = new Foo(store);
  foobar.bar();

  console.log(store.dispatch.mock);
});