redux-saga 单元测试意外失败

redux-saga unit test fails unexpectedly

我们有这样一个函数:

export function* postPermitApplicationRequest() {
  try {
    const uris = yield select(state => getUris(state));

    .... (more yields hereafter)

我们用 Jest 和 Chai 测试这个函数如下:

...
const action = { type: Action.POST_PERMIT_APPLICATION };
const generator = postPermitApplicationRequest(action);    

it('must select uris from state', () => {
  const nextCall = generator.next().value;
  const uris = select(state => getUris(state));
  expect(nextCall).to.deep.equal(uris);
});

然而期望失败:

AssertionError: expected { Object (@@redux-saga/IO, SELECT) } to deeply equal { Object (@@redux-saga/IO, SELECT) }

  at Assertion.assertEqual (node_modules/chai/lib/chai/core/assertions.js:485:19)
  at Assertion.ctx.(anonymous function) [as equal] (node_modules/chai/lib/chai/utils/addMethod.js:41:25)
  at Object.<anonymous> (src/app/pa/PermitApplicationServiceSagas.test.js:20:43)
  at process._tickCallback (internal/process/next_tick.js:109:7)

这两个对象看起来都像:

{ '@@redux-saga/IO': true,
  SELECT: { selector: [Function], args: [] } }

但是选择器的功能不同。 generator.next() 的结果包含代码覆盖率跳过提示:

function (state) {/* istanbul ignore next */cov_zrpq42gyn.f[12]++;cov_zrpq42gyn.s[19]++;return (/* istanbul ignore next */(0, _Selectors.getUris)(state));}

而原始函数没有:

function (state) {return (0, _Selectors.getUris)(state);}

看起来 generator.next() 添加了这些提示,但断言失败了

我们哪里错了?

我们使用 redux-saga 0.14.8

测试失败是因为在您的 saga 和测试中,您每次执行代码时都会创建一个新函数。这两个函数将进行比较,但不是同一个实例。

您可以简单地在您的 saga 和您的测试中使用 select(getUris),因为两者将引用相同的函数。

你的故事:

export function* postPermitApplicationRequest() {
  try {
    const uris = yield select(getUris);

    .... (more yields hereafter)

你的测试:

...
const action = { type: Action.POST_PERMIT_APPLICATION };
const generator = postPermitApplicationRequest(action);    

it('must select uris from state', () => {
  const nextCall = generator.next().value;
  const uris = select(getUris);
  expect(nextCall).to.deep.equal(uris);
});