30、React 应用单元测试与 UI 测试：Jest 实战指南

React 应用单元测试与 UI 测试：Jest 实战指南

1. 测试类型与占比

在软件测试中，不同类型的测试有着不同的作用和占比。一般来说，测试可分为单元测试、集成测试和 UI 测试。

测试类型	占比	特点
单元测试	70%	底层测试，更为稳定、不易出错，维护成本较低
集成测试	20%	当有了稳固的单元测试基础和功能测试保障后，不宜过多进行集成测试，因为每次 UI 变更都需更新集成测试，容易导致测试不稳定
UI 测试	10%	通常模拟敏捷用户故事和/或测试整个系统，包含所有可能的依赖和复杂性，较为脆弱，维护困难且成本高

2. 为何选择 Jest

Jest（https://facebook.github.io/jest）是基于 Jasmine 的命令行工具，与 React 常搭配使用。它具有以下特点：
- 强大的模拟功能 ：可对 JavaScript/Node 模块进行模拟，便于隔离代码进行单元测试。
- 较少的初始设置 ：