SuperAPI AI 工具集

Vitest

测试与质量

查看项目

更新于 10-16 03:13

技能介绍

用途:Vitest 是 Vite 原生的测试框架,用于编写单元测试与集成测试,支持模拟(mocking)、覆盖率统计,并可与 React Testing Library 集成测试 React 组件,提供 TypeScript 一等支持。

主要能力:由 Vite 驱动,速度快并支持即时热更新;API 与 Jest 兼容;内置基于 v8/istanbul 的覆盖率;提供测试结果 UI;支持 vi.fn 模拟函数、mockReturnValue、mockResolvedValue 以及 vi.mock 模拟模块。

安装:npm install --save-dev vitest;npm install --save-dev @vitest/ui;npm install --save-dev @testing-library/react @testing-library/jest-dom。

配置:在 vitest.config.ts 中使用 defineConfig,可设置 plugins、test.globals、test.environment(如 jsdom)、test.setupFiles 以及 coverage.provider 与 reporter。setup 文件可扩展 jest-dom matchers 并在 afterEach 中调用 cleanup。

用法:使用 describe、it、expect 编写测试;React 组件测试使用 render、screen 与 userEvent;模拟使用 vi.fn 与 vi.mock。

最佳实践:用 describe 分组、命名清晰、遵循 AAA 模式、一次只测一件事、模拟外部依赖、追求高覆盖率、保持测试快速且相互独立、优先使用 userEvent 而非 fireEvent、使用可访问性查询。

限制:资料未提供具体版本要求、性能基准数据、收费或价格信息,也未说明除 React 外其他框架的集成细节。