在 React 中进行单元测试,目前业界最标准的组合是 Jest(测试运行器/断言库)加上 React Testing Library (RTL)(用于渲染组件并模拟用户行为)。 RTL 的核心哲学是:“你的测试越像软件的使用方式,它们就越能给你信心。” 这意味着你应该测试用户看到的内容(如文本、按钮),而不是代码的实现细节(如 state 状态、类名)。 以下是一份循序渐进的实战指南。 --- 1. 环境搭建 如果你是使用 或 创建的项目,这些库通常已经预装好了。 如果是手动配置,你需要安装以下依赖: Jest: 运行测试的框架。 @testing-library/react: 渲染 React 组件。 @testing-library/jest-dom: 提供了一组实用的自定义匹配器(如 )。 @testing-library/user-event: 模拟真实的用户浏览器交互(比内置的 更强大)。 --- 2. 基础测试:渲染与断言 假设我们有一个简单的组件 : 编写测试 (): --- 3. 交互测试:点击与输入 测试用户交互时,推荐使用 。 假设有一个计数器组件 : 编写...