由于格式和图片解析题目，可前去 阅读原文
前端自动化测试在提高代码质量、减少错误、提高团队协作和加速交付流程方面发挥着紧张作用。它是今世软件开发中不可或缺的一部分，可以资助开发团队构建可靠、高质量的应用步伐
单元测试（Unit Testing）和端到端测试（End-to-End Testing）是两种常见的测试方法，它们在测试的范围、目的和实行方式上有所差别。单元测试和端到端测试不是相互排斥的，而是互补的。它们在差别的层面和阶段提供了差别的价值，共同构成了一个全面的测试策略
单测和端测区别
单元测试(Unit)
- 单元测试关注于最小的可测试单元，如函数、方法或模块
- 目的是验证代码中的每个独立单元（如函数）是否按照预期工作
- 通常是自动化的、快速实行的，且不依赖于外部资源或其他模块
- 验证单个代码单元的举动，提供快速反馈，并资助捕获和修复题目
端到端测试(End-to-End)
- 从用户角度出发，测试整个应用步伐的功能和流程
- 模拟真实的用户交互和场景，从应用步伐的外部举行测试。跨多个模块、组件和服务举行，以确保整个应用步伐的各个部分正常协同工作
- 涉及用户界面（UI）交互、网络哀求、数据库操纵等，以验证整个应用步伐的功能和可用性
总之，单元测试主要关注代码内部的正确性，而端到端测试关注整体功能和用户体验。联合使用这两种测试方法可以提高软件的质量和可靠性。在项目中尤其是公共依赖如组件库至少都须要单测，端测相对来说比力繁琐点，但是也是步伐稳固的紧张验证渠道
单元测试 - Jest
这里使用Jest作为单元测试工具，Jest 是一个用于 JavaScript 应用步伐的开源测试框架。它是由 Facebook 开发和维护的，通常用于单元测试。Jest 具有简单易用的 API、丰富的功能和强盛的断言库，广泛应用于前端开发和 Node.js 环境中
安装
初始化
使用npx举行交互式天生默认的配置文件，它会提示你每步的选择：
[code]➜ npx jest --init
The following questions will help Jest to create a suitable configuration for your project
✔ Would you like to use Jest when running "test" script in "package.json"? … yes
✔ Would you like to use Typescript for the configuration file? … no
✔ Choose the test environment that will be used for testing › jsdom (browser-like)
✔ Do you want Jest to add coverage reports? … yes
✔ Which provider should be used to instrument code for coverage? › v8
✔ Automatically clear mock calls, instances, contexts and results before every test? … yes
✏️ Modified test/package.json
|
