附录

以下是一些其他概念和信息,可能会对您的测试开发流程有所帮助。

将 Vitest 用作测试运行程序

Vitest 是一个日益流行的测试运行程序和框架。本课程在需要特定示例时会使用它,但其中包含的许多示例都是通用的,适用于您选择的任何框架。

大多数运行程序或测试框架往往有很多共同之处,无论您选择的是哪种堆栈,本课程都将对您有所帮助。我们选择专注于 Vitest 原因如下:

  • 与其他测试运行程序相比,它采用了现代技术,并且设置或配置工作量非常少。虽然它基于 Vite build 工具构建,但 Vitest 仍可与现有项目搭配使用。

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

最重要的是,它提供了与 Jest(可能是最热门的运行器)高度兼容的 API。但同样,无论您使用哪个框架,构建和分组测试的方式往往都是相似的。更高级的功能(例如复杂的测试双胞胎)往往会偏离得更远。本课程使用 Vitest 来介绍这些问题,但始终也会介绍通用解决方案。

React 作为组件模型

虽然本课程提供了用于测试纯 JavaScript(例如数学函数)的一般代码示例,但它会迅速转入测试 React 组件,然后再介绍常规的 Web 组件并使用 Lit。本课程也使用 Next.js。

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