Sponsor
ntab.devntab.dev 提升效率的新标签页组件
点击查看
Menu

Testing

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

测试类型

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

异步服务器组件

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

指南

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