前端测试

场景

这边指的测试是指白盒测试，用代码来测试代码。

测试有利于提升代码质量。

测试的另一个好处是，可以通过现有测试，来直观的了解需求。

根据测试对象类型不同，测试包含如下类型：

单元测试的测试对象主要是函数和组件。

测试传不同的参数或属性值，返回值是否和预期一致，报错情况是否与预期一致，回调函数的执行情况是否和预期一致，造成的副作用是否和预期一致。副作用包括 DOM 操作，BOM 操作。

UI 测试的测试对象是 UI。

测试在页面未做过交互或交互(如点击，输入）后，UI 的结果是否和预期一致。

手写 UI 测试用例工作量很大。常用的 2 种替换方式是：截图比较(Snapshot Testing) 和 UI 自动化测试。

截图比较是当前程序生成的 UI 的截图和之前程序生成的 UI 的截图比较。第一次运行程序要生成截图。当 UI 改动后，可以更新截图。截图适用用检查代码重构后，是否改坏了 UI。

UI 自动化测试需要录制测试脚本。根据测试脚本生成对应的测试用例代码。以后每次运行测试用例，就是执行录制脚本中的操作。具体看 UI 自动化录制工具: UI Recorder。

接口测试的测试对象是 API 接口。

调 API 接口，传不同的参数，接口返回的结果是否和预期一致。

用测试覆盖率来衡量测试的效果。