如何测试redux-saga延迟

Question

问题

在redux-saga，我正在使用yield delay(1000);。 在我的单元测试期间，我做expect(generator.next().value).toEqual(delay(1000));。

我希望测试通过。

这是我的sagas.js：

import { delay } from 'redux-saga';

export function* incrementAsync() {
  yield delay(1000);
}

这是我的sagas.test.js

import { delay } from 'redux-saga';
import { incrementAsync } from '../sagas';

describe('incrementAsync Saga test', () => {
  it('should incrementAsync', () => {
    const generator = incrementAsync();
    expect(generator.next().value).toEqual(delay(1000));
  });
});

●incrementAsync Saga test>应该incrementAsync

expect(received).toEqual(expected)

Expected value to equal:
  {"@@redux-saga/CANCEL_PROMISE": [Function anonymous]}
Received:
  {"@@redux-saga/CANCEL_PROMISE": [Function anonymous]}

Difference:

Compared values have no visual difference.

问题

如何测试 redux-saga 延迟？

Answer 1

如果你检查delay传奇效果code，你会发现它是一个绑定函数：

export const delay = call.bind(null, delayUtil)

因此，如果您在两个不同的模块中导入dalay，那么没有视觉差异的两个不同的功能。

您可以在codesandbox示例中查看此内容（请参阅测试标签）：

const testFunction = () => {};

describe("example bound functions equality test", () => {
  it("Two bound functions are not equal", () => {
    expect(testFunction.bind(this))
      .not.toEqual(testFunction.bind(this));
  });
});

结果是：

要测试你的传奇，你应该模仿你的delay效果（如果你使用的是Jest）;

import { delay } from "redux-saga";
import { incrementAsync } from "../sagas";

jest.mock("redux-saga");

describe("incrementAsync Saga test", () => {
  it("should incrementAsync", () => {
    const generator = incrementAsync();
    expect(generator.next().value).toEqual(delay(1000));
  });
});

Answer 2

测试Redux Saga通话的一种好方法是使用call效果。在这种情况下，您可以按如下方式稍微重构您的传奇：

import { delay } from 'redux-saga';
import { call } from 'redux-saga/effects';

export function* incrementAsync() {
  yield call(delay, 1000);
}

然后您将进行如下测试：

import { delay } from 'redux-saga';
import { call } from 'redux-saga/effects';

describe('incrementAsync', () => {
  it('should incrementAsync()', () => {
    const generator = incrementAsync();

    expect(generator.next().value).toEqual(call(delay, 1000));
  });
});

之所以行之有效，是因为call的yield的结果是一个简单的对象，描述了对delay函数的调用。无需任何模拟程序：）

当然也有很棒的redux-saga-test-plan帮助程序库。使用它，您的测试将变为：

import { testSaga } from 'redux-saga-test-plan';
import { delay } from 'redux-saga';
import { call } from 'redux-saga/effects';

describe('incrementAsync', () => {
  it('should incrementAsync()', () => {
    testSaga(incrementAsync)
      .next()
      .call(delay, 1000)
      .next()
      .isDone();
  });
});