reactjs - 测试 React 组件时 Jest AutoMocking 是否有效？

Question

我有限的测试次数似乎表明答案是否定的。我正在为依赖于存储的父级 React 组件(也称为 Controller View )编写单元测试。然而，Jest 并没有像文档建议的那样为商店提供自动模拟，而是调用真正的实现。

这是一个错误还是设计使然？如果是后者，那么单元测试 React 组件是不可取的吗？

编辑1

在测试 CommonJs 模块时，自动模拟工作得很好；它只是不适用于 react 组件。

Answer 1

听起来您的测试是集成测试而不是单元测试。 Jest 会模拟一切，因为它主要用于单元测试。我与您分享帮助我简化和加速单元测试的模式。

提取辅助方法

提取执行逻辑的方法，例如。映射、过滤等到不同文件中的 Utils 模块。然后测试 Utils 模块而不是 React 组件。这样就可以降低测试的复杂性。

这同样适用于商店...尝试运行 Utils 模块中的所有逻辑。让 Stores 拥有自己的方法，仅用于 getter 和 setter。

不要忘记解锁 keyMirror 和 Dispatcher

当使用KeyMirror管理常量时，很容易忘记unMock这个模块。商店通常使用大量 ActionType 常量。

Dispatcher 依赖项和 EventEmitter 也是如此。