前端单元测试启动

React 最好用的测试框架

• Jest (JavaScript 测试框架)

• React testing library (提供 React 测试相关套件, 简称 RTL)

不同的项目架构不同，我会辅助大家搭建测试环境

需要测试的内容

• ✅ 组件
• ✅ hooks
• ✅ utils
• ❌ service, 仅 mock
• ❌ constants
• ❌ config

测试的目标

覆盖率 (Coverage), Branch 80%;

• 语句覆盖率 (Statement)：是不是每个语句都执行了？
• 分支覆盖率 (Branch)：是不是每个 if 代码块都执行了？
• 函数覆盖率 (Function)：是不是每个函数都调用了？
• 行覆盖率 (Line)：是不是每一行都执行了？

需要帮助

• 📖 官方文档, Google, Github
• 🌰 案例模版(集成监控、集成日志)
• 🦾 UI 组件测试工具库
• 📝 FAQ
• 🍻 找我

前端测试的经验

• ⬛️ 黑盒测试, 从用户角度编写测试用例
• 🎉 复用测试团队自动化测试让我们加的 fieldid, 减少dom结构变化导致的测试更新
• 🎆 从页面入口开始测试, 通过 mock、触发事件, 覆盖每一个方法, 每一个条件判断
• 🎨 从开源库获取灵感, rc, ahooks, mobx-react等
• 👍 遇到错误的逻辑，大胆修改，单元测试的目的

提问环节

THANKS