使用redux-saga-test-plan测试forked redux-sagas遇错误求助
这个错误大概率是测试代码里的API调用方式不对,结合你提到的代码行,我帮你梳理几个最可能的原因和修复方案:
1. .dispatch()方法传参错误
Redux-Saga-Test-Plan的dispatch方法只接受单个action对象作为参数,而不是分开传递action type字符串和payload。你现在的写法.dispatch('SET_MENU_REQUEST', menuList)是错误的——库内部会把第一个参数当成action对象,试图读取它的内部属性(比如name,这是库处理action时的逻辑依赖),但字符串没有这个属性,所以抛出错误。
修复方式:把dispatch改成传递完整的action对象:
.expectSaga(yourTargetSaga) .put(setMenu(menuList)) // 改成传递包含type和payload的action对象 .dispatch({ type: 'SET_MENU_REQUEST', payload: menuList }) // 其他测试逻辑 .run()
如果SET_MENU_REQUEST有对应的action creator,也可以直接调用它让代码更简洁:
.dispatch(setMenuRequest(menuList))
2. Action Creator返回undefined
如果setMenu(menuList)返回的是undefined(比如action creator忘记写return,或者返回值不是合法的action对象),那么.put(undefined)会导致库内部处理时抛出"Cannot read property 'name' of undefined"错误。
检查并修复action creator:确保它返回一个包含type属性的对象:
// 正确的action creator示例 export const setMenu = (menuList) => ({ type: 'SET_MENU', payload: menuList });
调用setMenu(menuList)时,确认能得到一个合法的action对象,而不是undefined。
3. 遗漏Forked Saga的断言(针对fork场景)
如果你测试的是包含fork的saga,需要在测试中明确添加.fork()断言来验证被fork的saga是否被正确触发。如果缺少这个断言,可能导致测试流程的内部状态异常,间接引发错误。
比如你的主saga是这样的:
function* menuSaga() { yield take('SET_MENU_REQUEST'); yield fork(fetchMenuSaga); }
对应的测试需要加上.fork(fetchMenuSaga)断言:
return expectSaga(menuSaga) .dispatch({ type: 'SET_MENU_REQUEST' }) .fork(fetchMenuSaga) // 明确断言fork行为 .put(setMenu(menuList)) .run();
先从第一个原因开始排查,这是最常见的触发这个错误的场景,修复后应该能解决问题。
内容的提问来源于stack exchange,提问作者BaconPancakes

