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