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