Question

我有一个像这样的组件：

export const FCContainer = function () {
   const dispatch = useDispatch();
   const user = useSelector((state: RootState) => state.user);
   const update = (details: {password: string}) => {
       dispatch({...details, user: user})
   };
   return <FCPresentational user={user} update={update}>
}

我的覆盖率报告显示功能更新未覆盖。

如何测试？

Answer 1

为了对您的函数进行单元测试，您通常会导出它。这将用于具有关键功能的复杂功能。

在这个特定示例中，您可以重构以便将匿名函数传递给子组件，或者您可以编写一个集成测试来呈现此组件和子组件，并测试子组件是否正确调用了 {{1} } 函数。

React/Jest，测试功能组件内的功能

1 个答案: