测试
在 React 和 Next.js 中,你可以编写几种不同类型的测试,每种测试都有其自己的目的和用例。本页概述了你可以用来测试应用程序的类型和常用工具。
测试类型
- 单元测试 涉及隔离测试单个单元(或代码块)。在 React 中,一个单元可以是一个单独的函数、Hook 或组件。
- 组件测试 是单元测试的更专注版本,其中测试的主要对象是 React 组件。这可能涉及测试组件的渲染方式、它们与 props 的交互以及它们对用户事件的响应行为。
- 集成测试 涉及测试多个单元如何协同工作。这可以是组件、Hook 和函数的组合。
- 端到端 (E2E) 测试 涉及在模拟真实用户场景(如浏览器)的环境中测试用户流程。这意味着在类似生产环境的环境中测试特定任务(例如注册流程)。
- 快照测试 涉及捕获组件的渲染输出并将其保存到快照文件中。当测试运行时,组件的当前渲染输出将与保存的快照进行比较。快照中的更改用于指示行为的意外更改。
指南
请参阅以下指南,了解如何使用这些常用的测试工具设置 Next.js
Vitest
了解如何使用 Vitest 和 React Testing Library(两个流行的单元测试库)设置 Next.js。
Jest
了解如何使用 Jest 为 Next.js 设置单元测试。
Playwright
了解如何使用 Playwright 为 Next.js 设置端到端 (E2E) 和集成测试。
Cypress
了解如何使用 Cypress 为 Next.js 设置端到端 (E2E) 和组件测试。
这篇文章对您有帮助吗?