附录

以下是一些其他概念和信息,可能有助于您的测试开发之旅。

将 Vitest 用作测试运行器

Vitest 是一款越来越受欢迎的测试运行器和框架。本课程在需要特定示例时使用它,但包含的许多示例是通用的,适用于您选择的任何框架。

大多数运行器或测试框架往往有很多共同之处,无论您选择哪种堆栈,本课程都将很有用。我们选择专注于 Vitest 有以下几个原因

  • 它很新颖,并且只需极少的工作即可设置或配置,这与其他测试运行器不同。虽然它构建于 Vite 构建工具之上,但 Vitest 仍然适用于现有项目。

  • 它还对使用 EcmaScript 模块 (ESM)(包括模拟整个导入)提供了出色的支持。虽然它有一些注意事项,但它比其他工具更稳定。

最重要的是,它呈现了一个与 Jest(可能是最流行的运行器)在很大程度上兼容的 API。但同样,无论您使用哪个框架,您构建和分组测试的方式往往是相似的。更高级的功能(如复杂的测试替身)往往会略有不同。本课程使用 Vitest 来描述它们,但也始终描述通用解决方案。

React 作为组件模型

虽然本课程确实提供了测试纯 JavaScript(例如,数学函数)的通用代码示例,但它很快就转向测试 React 组件,然后再普遍包含 Web 组件并使用 Lit。本课程还使用 Next.js。

这是一个实际的选择。尽管受到批评,但在 State of JS 调查中,React 仍然是参与者最常用的框架。