如何使用 redux-saga-test-plan 测试所有效果。所有效果不匹配

Question

我有一个生成器，我想用单元测试来介绍

export default function* gatawayFlow() {
  yield all([
    takeEvery(actionTypes.GET_GATEWAYS_REQUEST, getGatewaysFlow),
    takeLatest(actionTypes.SELECT_GATEWAY_REQUEST, selectGatewayFlow),
  ]);
}

我用 redux-sag-test-plan 写了一个简单的测试

import {expectSaga, testSaga} from 'redux-saga-test-plan';
import gatawayFlow, {getGatewaysFlow, selectGatewayFlow} from '../logic/sagas';
import * as actions from '../logic/actions';
import * as actionTypes from '../logic/actionTypes';
import {takeEvery, takeLatest} from '@redux-saga/core/effects';

// Unit-test
describe('Unit tests', () => {
  test('Test all effect', () => {
    const saga = testSaga(gatawayFlow);
    saga
        .next()
        .all({
          [actionTypes.GET_GATEWAYS_REQUEST]: takeEvery(actionTypes.GET_GATEWAYS_REQUEST, getGatewaysFlow),
          [actionTypes.SELECT_GATEWAY_REQUEST]: takeLatest(actionTypes.SELECT_GATEWAY_REQUEST, selectGatewayFlow)
        })
        .next()
        .isDone();
    // expect(gatawayFlow().next().value).toEqual(all([
    //   takeEvery(actionTypes.GET_GATEWAYS_REQUEST, getGatewaysFlow),
    //   takeEvery(actionTypes.SELECT_GATEWAY_REQUEST, selectGatewayFlow),
    // ])); ---> THIS TEST WORKS CORRECT
  });
});

我的测试没有通过。我的终端出现此错误。有什么想法可以解决吗？

Answer 1

您应该使用all([...effects]) - parallel effects 而不是{label: effect, ...} 形式的字典对象

saga.ts:

import { all, takeEvery, takeLatest } from 'redux-saga/effects';

export const actionTypes = {
  GET_GATEWAYS_REQUEST: 'GET_GATEWAYS_REQUEST',
  SELECT_GATEWAY_REQUEST: 'SELECT_GATEWAY_REQUEST',
};

export function* getGatewaysFlow() {}
export function* selectGatewayFlow() {}

export default function* gatawayFlow() {
  yield all([
    takeEvery(actionTypes.GET_GATEWAYS_REQUEST, getGatewaysFlow),
    takeLatest(actionTypes.SELECT_GATEWAY_REQUEST, selectGatewayFlow),
  ]);
}

saga.test.ts:

import { expectSaga, testSaga } from 'redux-saga-test-plan';
import gatawayFlow, { actionTypes, getGatewaysFlow, selectGatewayFlow } from './saga';
import { takeEvery, takeLatest } from '@redux-saga/core/effects';

describe('Unit tests', () => {
  test('Test all effect', () => {
    const saga = testSaga(gatawayFlow);
    saga
      .next()
      .all([
        takeEvery(actionTypes.GET_GATEWAYS_REQUEST, getGatewaysFlow),
        takeLatest(actionTypes.SELECT_GATEWAY_REQUEST, selectGatewayFlow),
      ])
      .next()
      .isDone();
  });
});

测试结果：

 PASS   redux-saga-examples  packages/redux-saga-examples/src/stackoverflow/69252089/saga.test.ts
  Unit tests
    ✓ Test all effect (2 ms)

----------|---------|----------|---------|---------|-------------------
File      | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s 
----------|---------|----------|---------|---------|-------------------
All files |      75 |      100 |      20 |     100 |                   
 saga.ts  |      75 |      100 |      20 |     100 |                   
----------|---------|----------|---------|---------|-------------------
Test Suites: 1 passed, 1 total
Tests:       1 passed, 1 total
Snapshots:   0 total
Time:        3.553 s
Ran all test suites related to changed files.