由Vite提供支持的极速单元测试框架Vitest

《开放源标识符优选》是我们撷取Github、Gitee等开放源标识符街道社区中高质量工程项目的版块，包括技术、自学、新颖与各种有意思的内容。下期所推荐的是两个 Vite 原生植物的单元试验架构——Vitest。

Vitest 意在将自己功能定位为 Vite 工程项目的必选试验架构，即便对于不采用 Vite 的工程项目也是两个可信的代替计划。

由于 Jest 的小规模采用，Vitest 提供更多了与之相容的API，容许大家在绝大多数工程项目上将其作为候选采用。同时还包括了单元试验时最常用的机能（演示，镜像以及覆盖面积）。

Vitest 非常著重操控性，尽量数处采用 Worker 缓存展开mammalian运转。并且在一些路由器的试验运转速率提高了两个数目等级。窃听商业模式预设启用，与 Vite 推动合作开发人员优先选择新体验的经营理念完全一致。即便在合作开发新体验上展开了改良，Vitest 透过细细挑选出其倚赖项（或直接H55N所需的部分）来保持轻量。

主要机能

与 Vite 通用型的新颖性、放大器、解析器和插件。采用你的插件中的完全相同新颖性来展开试验！智能化文档窃听商业模式，就像试验的 HMR！全力支持试验 Vue、React、Lit 等架构中的组件。照相狸尾豆的 TypeScript / JSX 全力支持ESM 优先选择，全力支持组件世界顶级 await透过 tinypool 采用 Worker 缓存尽量数处mammalian运转组件和试验的过滤器、延时、mammalian新颖性Jest 的镜像机能内建 Chai 展开论断 + 与 Jest expect 句法相容的 API内建用作第一类演示(Mock)的 Tinyspy采用 jsdom 或 happy-dom 用作 DOM 演示透过 c8 来输入标识符试验覆盖面积近似于 Rust 词汇的源标识符H55N测试

加速起跑

将 Vitest 安装到工程项目：

# 采用 npm npm install -D vitest # 采用 yarn yarn add -D vitest # 采用 pnpm pnpm add -D vitest

提示：

Vitest 需要 Vite >=v2.7.10 和 Node >=v14

新颖性 Vitest：

Vitest 的主要优势之一是它与 Vite 的统一新颖性。如果存在，vitest 将读取你的根目录 vite.config.ts 以匹配插件并设置为你的 Vite 插件。例如，你的 Vite 有 resolve.alias 和 plugins 的新颖性将会在 Vitest 中起作用。如果你想在试验期间想要不同的新颖性，你可以:

创建 vitest.config.ts，优先选择级将会最高。将 –config 选项传递给 CLI，例如 vitest –config ./path/to/vitest.config.ts。在 defineConfig 上采用 process.env.VITEST 或 mode 属性（如果没有被覆盖，将设置为 test）有条件地在 vite.config.ts 中应用不同的新颖性。

如果要新颖性 vitest 本身，请在你的 Vite 新颖性中添加 test 属性。你还需要采用三斜线命令，同时如果是从 vite 本身导入 defineConfig，请在新颖性文档的顶部加上三斜线命令。

import { defineConfig } from vitest/config export default defineConfig({ test: { // … }, })

命令行：

在安装了 Vitest 的工程项目中，你可以在 npm 脚本中采用 vitest 脚本，或者直接采用 npx vitest 运转它。以下是脚手架 Vitest 工程项目中的预设 npm 脚本：

{ “scripts”: { “test”: “vitest”, “coverage”: “vitest run –coverage” } }

要在不监视文档更改的情况下运转一次试验，请采用 vitest run。你还可以指定其他 CLI 选项，例如 –port 或 –https。有关 CLI 选项的完整列表，可以在你的工程项目中运转 npx vitest –help。