使用Jest测试Redux-Saga的catch错误分支时遇报错求助

嘿，我来帮你搞定这个Redux-Saga测试的问题～

问题根源 #

你当前的catch测试用例里，直接调用了gen.throw()，但此时generator函数还停在函数起始位置（还没进入try代码块执行yield call(api.fetchProductAPI)这一步）。这时候抛出的错误不会被saga内部的catch捕获，而是直接跑出generator，导致测试报错Error [object Object] thrown。

另外，你原来的测试还有个小细节问题：你throw的是一个对象{ error: 'product not found' }，但expect里的error变量是字符串'product not found'，这会导致expect断言不匹配哦。

修正后的测试代码 #

你需要先让generator走到try里的第一个yield，再抛出错误，这样错误才会被内部的catch捕获并执行对应的逻辑。同时要保证throw的错误和expect里的错误一致：

it('catch', () => {
  // 定义要抛出的错误对象，保持和后续断言一致
  const errorObj = { error: 'product not found' };
  const gen = fetchProduct();
  
  // 第一步：先调用gen.next()，让generator执行到try里的yield call(api.fetchProductAPI)
  gen.next();
  
  // 第二步：此时generator处于try内部，抛出错误会被catch捕获
  expect(gen.throw(errorObj).value).toEqual(
    put({ type: 'PRODUCTS_REQUEST_FAILED', error: errorObj })
  );
});

额外优化：模拟API抛出错误（更贴近真实场景） #

如果想让测试更贴合实际业务逻辑，你可以用Jest模拟API方法抛出错误，这样不需要手动调用gen.throw()，流程更真实：

1. 先在测试文件顶部模拟API模块：

// 模拟api.fetchProductAPI方法抛出错误
jest.mock('./api', () => ({
  fetchProductAPI: jest.fn(() => {
    throw { error: 'product not found' };
  })
}));

2. 然后编写测试用例：

it('handles API error and dispatches failure action', () => {
  const gen = fetchProduct();
  
  // 执行第一个yield，调用模拟的API（会抛出错误）
  const firstYield = gen.next();
  expect(firstYield.value).toEqual(call(api.fetchProductAPI));
  
  // 错误被catch捕获，执行失败动作的dispatch
  expect(gen.throw(firstYield.value.error).value).toEqual(
    put({ type: 'PRODUCTS_REQUEST_FAILED', error: firstYield.value.error })
  );
});

这样既验证了catch分支的逻辑，又模拟了真实的API错误场景，测试覆盖更完整。

内容的提问来源于stack exchange，提问作者Hsueh-Jen