Menu

单元测试

在 React 和 Next.js 中,有几种不同类型的测试可以编写,每种类型都有其特定的目的和用例。本页面概述了可用于测试应用程序的类型和常用工具。

测试类型

  • 单元测试涉及在隔离环境中测试单个单元 (或代码块)。在 React 中,一个单元可以是单个函数、hook 或组件。
    • 组件测试是单元测试的一个更专注版本,测试的主要对象是 React 组件。这可能涉及测试组件的渲染方式、它们与 props 的交互以及它们对用户事件的响应行为。
    • 集成测试涉及测试多个单元如何协同工作。这可以是组件、hook 和函数的组合。
  • 端到端 (E2E) 测试涉及在模拟真实用户场景的环境中 (如浏览器) 测试用户流程。这意味着在类生产环境中测试特定任务 (例如注册流程)。
  • 快照测试涉及捕获组件的渲染输出并将其保存到快照文件中。当测试运行时,将组件当前的渲染输出与保存的快照进行比较。快照的变化用于指示行为的意外变化。

异步服务器组件

由于 async 服务器组件是 React 生态系统中的新事物,一些工具还不能完全支持它们。在此期间,我们建议对 async 组件使用端到端测试而不是单元测试

指南

查看以下指南,了解如何使用这些常用测试工具配置 Next.js: