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

【问题标题】：React/Jest, test functions inside of functional componentsReact/Jest，功能组件内部的测试功能
【发布时间】：2021-08-30 09:04:14
【问题描述】：

我有一个这样的组件：

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}>
}

我的覆盖率报告说没有覆盖功能更新。

如何测试它？

【问题讨论】：

标签： javascript reactjs typescript jestjs enzyme

【解决方案1】：

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

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

【讨论】：