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

问题描述 投票:0回答:1

我尝试测试在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: [] }
});

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

javascript unit-testing ecmascript-6 jestjs es6-class
1个回答
0
投票

未调用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);
});
© www.soinside.com 2019 - 2024. All rights reserved.