使用 Vitest 进行 TypeScript 测试

什么是 Vitest，为什么需要它？

Vitest 是一个面向 Vite 和 TypeScript 生态系统的现代单元测试库。它被设计为 Jest 的快速替代品，但无需额外配置即可“开箱即用”地完全支持 TypeScript。Vitest 使用原生 TypeScript 解析器和 Vite 的模块系统，即使在大型项目中也能实现即时测试。

安装

通过 npm 将 Vitest 安装到您的 TypeScript 项目中：

npm install -D vitest

另外，如果您使用 React 或 Vue，请安装相关的工具库：

npm install -D @testing-library/react @testing-library/jest-dom

主要功能

速度：测试使用工作线程并行运行，执行速度比 Jest 快 10 倍。
TypeScript 兼容性：无需 ts-jest 或 babel —— 直接处理 .ts 和 .tsx 文件。
内置模拟和间谍函数：vi.mock、vi.spyOn 和 vi.fn 函数用于代码隔离。
快照测试：能够保存和比较组件或数据的快照。
覆盖率：内置支持 c8 或 istanbul，用于生成代码覆盖率报告。

TypeScript 代码示例

为一个简单的加法函数编写测试：

// math.tsexport function add(a: number, b: number): number {  return a + b;}

// math.test.tsimport { describe, it, expect } from 'vitest';import { add } from './math';

describe('add function', () => {  it('should add two positive numbers', () => {    expect(add(2, 3)).toBe(5);  });

  it('should handle negative numbers', () => {    expect(add(-1, 1)).toBe(0);  });

  it('should return zero for zero arguments', () => {    expect(add(0, 0)).toBe(0);  });});

运行测试：