如何通过模拟选择器和/或 redux 存储来编写 Redux Saga 测试

Context:我是编写 Redux Saga 测试的新手，并且一直在使用反应样板 https://github.com/react-boilerplate开发一个应用程序，该应用程序使用 Jest 进行测试。样板文件非常模块化且复杂，我什至不知道如何开始编写测试来模拟选择器并声明我的 Saga 在测试中使用。

在 Saga 中，我使用 Reselect（在“./selectors”文件中）从减速器中获取“用户名”和“密码”，并使用以下命令将它们分配给常量：yield select，并使用它来运行 API 调用。我不认为我的问题在于测试传奇，而是模拟传奇中的状态和选择器以模仿登录信息已填写并可以从状态中获取。

import { takeLatest, call, put, select } from 'redux-saga/effects';
import { loginSuccess, loginFailed } from '../App/actions';
import { ON_LOGIN } from '../App/constants';
import {
  makeSelectUsername,
  makeSelectPassword,
} from './selectors';
import api from '../../utils/api';

// LISTENER
export default function* loginRequestListener() {
  yield takeLatest(ON_LOGIN, login);
}

// WORKER
export function* login() {
  const loginParams = {
    username: yield select(makeSelectUsername()),
    password: yield select(makeSelectPassword()),
    isForceLoginAttempt: yield select(makeSelectIsForceLogin()),
  };

    try {
      const user = yield call(api.user.login, loginParams);
      yield put(loginSuccess(user));
    } catch (error) {
      yield put(loginFailed(error.response.data));
    }
}

基本上我正在寻找的是一种在测试中运行传奇的方法，以便在传奇中，我可以“强制”loginParams对象使用“fakeState”供选择器使用，因为显然状态不存在这里：

const fakeState = {username: 'test', password: 'test'}

export function* login() {
  const loginParams = {
    username: yield select(makeSelectUsername()) // 'test'
    password: yield select(makeSelectPassword()) // 'test'
  };

我一直在看redux-saga-tester作为测试传奇的一种手段，我只是想我不知道从哪里开始模拟测试中的状态，我的传奇可以将常量分配给......我认为从那里我可以处理其余的事情。

有没有人，特别是如果您使用过样板文件，有什么建议吗？

我们在我们的应用程序中使用 redux-saga-tester ，我们处理这个问题的方式不是通过传递一个假状态，我们使用 .next 方法，然后返回我们期望的特定测试结果。请参阅下面的案例了解我所描述的内容。

const activeOrderId = '1111';

//returns the value for a isConnected boolean
  it.next('should get isConnected', (result) => {
    expect(result).toEqual(select(getIsConnected));
    return true;
  });

// returns the value for an activeOrderId
  it.next('should get activeOrderId', (result) => {
    expect(result).toEqual(select(getActiveOrderId));
    return activeOrderId;
  });`

这种方法的优点是，您不必为所有传奇定义一个大的“假状态”，并且每个传奇的测试都与之分离。无论如何，您应该对选择器进行单独的测试，以确保它们正常工作。一般而言，saga 测试的一个痛点是，如果您的 saga 中有任何类型的控制流（if/else），那么全面测试所有内容的最佳策略似乎是为该 saga 编写整个其他测试流程。说你有这个

isConnected = yield select(getIsConnected)
if(isConnected) {
   // do x
} else {
   // do y
}

我们通过编写两个描述来处理这个问题。一个我们将 isConnected 设置为 true（如上例所示），另一个我们将其设置为 false，如下所示

    //returns the value for a isConnected boolean
  it.next('should get isConnected', (result) => {
    expect(result).toEqual(select(getIsConnected));
    return false;
  });

如果您需要将有效负载传递给 saga，您可以使用 sagaHelper 函数来处理它，如下所示

  it.next = sagaHelper(login({
     username: 'testUsername',
     password: 'testPassword',
     // etc
  }));

希望有帮助！