访问 React 组件中的函数

Accessing functions inside a React component

提问人:xunux 提问时间:11/14/2023 最后编辑:xunux 更新时间:11/14/2023 访问量:24

问:

我知道,我到处都读过它,我不应该尝试直接访问和测试我的组件功能,而是测试行为。好吧,我想测试行为,但我需要能够在测试中调用这些函数,然后测试行为。问题是,这个组件定义了一些处理程序,然后将这些处理程序作为 props 传递给另一个组件。另一个组件是模块联合组件,因此在 UT 运行时,我无法访问它。

const MyComp = () => {
 const innerF = () => {
    //logic and redux calls
  }

  return <FederatedComponent funcHanlder={innerF} />
}

这是我的组件的过度简化版本。 需要自己的测试,但可以在远程存储库中完成。我有自己的一组挑战,试图在主机应用程序中测试这一点,但现在,我只想测试处理程序。在 Jest 中,我怎样才能访问这些内部函数?我想在 UT 中调用它们并模拟调用这些函数(redux 调度调用)的预期行为,但首先我需要一种方法来简单地访问该函数并调用它。FederatedComponent

我怎样才能在 Jest 中做到这一点?有什么办法吗?

ReactJS 测试 JESTJS 组件

评论


答: 暂无答案