让工程师措手不及的 React 测试问题
这篇文章总结了一系列在 React 测试面试中容易让工程师犯难的高频问题，涵盖组件渲染、状态管理、异步操作和模拟（mock）等核心主题。通过具体代码示例和常见陷阱分析，帮助开发者深入理解 React Testing Library 和 Jest 等工具的使用技巧，提升面试和实际项目中的测试能力。
背景速读
- React 是目前最流行的前端 UI 库之一（由 Meta 维护）。它用组件化的方式构建界面，但这也带来了独特的测试挑战：你的代码不再只是线性逻辑，而是高度依赖状态、用户交互和组件间的数据流。
- 这篇文章列出的面试题专门针对 React 应用的"测试"环节——不是问你怎么写 React，而是问你怎么保证你写的 React 代码不出错。这些题经常让有多年经验的工程师都翻车，因为他们熟悉测试的一般概念（比如单元测试、集成测试），却不熟悉 React 特有的坑，比如组件渲染的异步性、如何模拟用户操作而非直接调用函数、以及如何测试组件挂载/卸载后的状态清理。
- 常见的测试工具链包括 Jest（运行测试）、React Testing Library（模拟用户交互的推荐方式）、以及 Mock Service Worker（拦截网络请求）。这些工具的哲学是"测试行为，而非实现细节"——即应该像用户一样去测试组件，而不是去测试组件内部调用了哪些函数。
- 这类问题之所以重要，是因为前端代码直接面向最终用户，而 React 的声明式编程模型（你描述 UI 应该是什么样，而不是一步步怎么操作 DOM）意味着传统 DOM 测试方法（比如直接检查 HTML 字符串或手动触发事件）在 React 上不好使。面试官想考察的不是背答案的能力，而是候选人是否真正理解 React 渲染机制和编写可测试代码的思维习惯。