21、React 组件测试全解析

React 组件测试全解析

1. 测试的必要性

在软件开发中，手动测试几乎是不可能完成的任务。以 React 库为例，在撰写本文时它就有 4855 个测试用例，没人能手动验证所有这些测试背后的假设。而使用软件来测试软件则是一个很好的解决方案，计算机在速度和一致性方面远超人类，能以手动测试无法企及的方式来测试代码。

即便你认为自己的项目规模小且简单，不太可能出错，但实际上，无论你的编码技能多么出色，错误都是不可避免的。当你对应用进行更改时（甚至有时不做更改），应用都可能会出现故障或以不可预测的方式运行。

因此，我们应该接受错误的必然性，并采取措施来减少其影响和出现的频率，这就是测试的意义所在。

2. 测试类型

2.1 单元测试（Unit）

单元测试专注于单个功能单元。例如，如果你有一个从服务器获取新帖子的实用方法，单元测试将只关注这一个函数，而不关心其他任何事情。这类测试就像组件一样，允许进行重构并促进模块化。

2.2 服务测试（Service）

服务测试专注于功能束。这部分测试的粒度和侧重点各不相同，测试的既不是最高级别的功能（如集成测试），也不是最低级别的功能。例如，一个使用了多个功能单元但本身还未达到集成测试级别的工具，就可以进行服务测试。

2.3 集成测试（Integration）

集成测试关注更高层次的测试，即应用程序各个部分的集成情况。它们测试服务和低级功能如何协同工作，通常通过用户界面来测试应用程序，而不是通过用户界面背后的单个代码。这类测试可能会模拟点击、用户输入和其他驱动应用程序的交互。