小小小幸运 发表于 2025-2-20 16:43:54

Jest单元测试

由于格式和图片解析题目,可前去 阅读原文
前端自动化测试在提高代码质量、减少错误、提高团队协作和加速交付流程方面发挥着紧张作用。它是今世软件开发中不可或缺的一部分,可以资助开发团队构建可靠、高质量的应用步伐
单元测试(Unit Testing)和端到端测试(End-to-End Testing)是两种常见的测试方法,它们在测试的范围、目的和实行方式上有所差别。单元测试和端到端测试不是相互排斥的,而是互补的。它们在差别的层面和阶段提供了差别的价值,共同构成了一个全面的测试策略
单测和端测区别

单元测试(Unit)



[*]单元测试关注于最小的可测试单元,如函数、方法或模块
[*]目的是验证代码中的每个独立单元(如函数)是否按照预期工作
[*]通常是自动化的、快速实行的,且不依赖于外部资源或其他模块
[*]验证单个代码单元的举动,提供快速反馈,并资助捕获和修复题目
端到端测试(End-to-End)



[*]从用户角度出发,测试整个应用步伐的功能和流程
[*]模拟真实的用户交互和场景,从应用步伐的外部举行测试。跨多个模块、组件和服务举行,以确保整个应用步伐的各个部分正常协同工作
[*]涉及用户界面(UI)交互、网络哀求、数据库操纵等,以验证整个应用步伐的功能和可用性
总之,单元测试主要关注代码内部的正确性,而端到端测试关注整体功能和用户体验。联合使用这两种测试方法可以提高软件的质量和可靠性。在项目中尤其是公共依赖如组件库至少都须要单测,端测相对来说比力繁琐点,但是也是步伐稳固的紧张验证渠道
单元测试 - Jest

这里使用Jest作为单元测试工具,Jest 是一个用于 JavaScript 应用步伐的开源测试框架。它是由 Facebook 开发和维护的,通常用于单元测试。Jest 具有简单易用的 API、丰富的功能和强盛的断言库,广泛应用于前端开发和 Node.js 环境中
安装

➜ npm install jest -D
初始化

使用npx举行交互式天生默认的配置文件,它会提示你每步的选择:
➜ 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

页: [1]
查看完整版本: Jest单元测试