Testing
在 React 和 Next.js 中,有几种不同类型的测试可以编写,每种类型都有其特定的目的和用例。本页面概述了可用于测试应用程序的类型和常用工具。
测试类型
- 单元测试涉及在隔离环境中测试单个单元 (或代码块)。在 React 中,一个单元可以是单个函数、hook 或组件。
- 组件测试是单元测试的一个更专注版本,测试的主要对象是 React 组件。这可能涉及测试组件的渲染方式、它们与 props 的交互以及它们对用户事件的响应行为。
- 集成测试涉及测试多个单元如何协同工作。这可以是组件、hook 和函数的组合。
- 端到端 (E2E) 测试涉及在模拟真实用户场景的环境中 (如浏览器) 测试用户流程。这意味着在类生产环境中测试特定任务 (例如注册流程)。
- 快照测试涉及捕获组件的渲染输出并将其保存到快照文件中。当测试运行时,将组件当前的渲染输出与保存的快照进行比较。快照的变化用于指示行为的意外变化。
指南
查看以下指南,了解如何使用这些常用测试工具配置 Next.js:
Setting up Vitest with Next.js
Learn how to set up Next.js with Vitest and React Testing Library - two popular unit testing libraries.
Setting up Jest with Next.js
Learn how to set up Next.js with Jest for Unit Testing.
Setting up Playwright with Next.js
Learn how to set up Next.js with Playwright for End-to-End (E2E) and Integration testing.
Setting up Cypress with Next.js
Learn how to set up Next.js with Cypress for End-to-End (E2E) and Component Testing.