附录

作为测试运行程序使用 Vitest

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

大多数运行程序或测试框架往往有许多共同点,无论您选择哪种堆栈,本课程都非常有用。我们选择使用 Vitest 的原因有很多:

  • 它非常现代,与其他测试运行程序相比,设置或配置所需的工作量非常少。虽然 Vitest 是基于 Vite 构建工具构建的,但仍支持现有项目。

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

最重要的是,它为 Jest 提供了一个高度兼容的 API(可能是最热门的运行程序)。但再次强调,无论您使用哪种框架,构建测试和对测试进行分组的方式都是相似的。更高级的功能(例如复杂的测试替身)往往会偏离一点。本课程使用 Vitest 来介绍它们,但也始终介绍了通用解决方案。

作为组件模型响应

虽然本课程确实提供了一些用于测试普通 JavaScript(例如数学函数)的常规代码示例,但之后会快速开始测试 React 组件,之后再全面纳入 Web 组件并使用 Lit。本课程还使用了 Next.js。

这是一个切实可行的选择。尽管存在一些批评,但在最近的 JS 现状调查问卷中,React 仍然是参与者最常用的框架。