如何用 Jest 模拟 React.UseContext

Question

我正在尝试为包含来自上下文文件的值的使用的组件编写单元测试。

 import { globalContext } from "../../globalContext";
  const { rowId, num, activeNum } = useContext(globalContext);

在我的单元测试中，如何模拟这个钩子，以便我可以将这些值设置为我需要的任何值？

Answer 1

在您的文本中，您可以将组件包装在上下文提供程序中 - 所以类似

`<YourContext.Provider value={{rowId, num, active num}}>
        <ComponentYouAreTesting/>
</YourContext.Provider>`