Vitest Testing
Vitest 测试框架的 AI 辅助 Skill
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Vitest Testing。 它的用途是：Vitest 测试框架的 AI 辅助 Skill 完整的 Skill 内容见：https://321skill.com/skills/vitest-testing-x-2/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'为这个组件编写单元测试，使用vitest和vi.mock模拟API请求'，它会生成包含describe、it、expect以及vi.mock配置的完整测试文件，并自动适配vitest.config中的全局设置。
对AI说：'帮我配置vitest.config，启用coverage并设置测试环境为jsdom'，它会输出配置代码并解释每个选项的作用。
介绍
这个 Skill 解决了你在使用 Vitest 进行单元测试和集成测试时遇到的常见问题：如何快速编写符合最佳实践的测试用例、如何配置 vitest.config、如何正确使用 vi.mock 和 vi.fn 进行模块模拟。它提供了一组经过验证的模式和模板，帮助你减少重复劳动，避免常见的 mock 陷阱。
使用时，你只需在 AI 对话中描述你的测试需求，比如“为这个 React 组件编写单元测试，并 mock 外部 API 调用”，AI 就会借助该 Skill 生成包含 describe、it、expect 和 vi.mock 语句的完整测试文件，同时自动集成 vitest.config 中的常用配置选项（如 coverage、globals 等）。你也可以直接询问“如何 mock 某个模块的默认导出”，AI 会给出具体的代码示例。
该 Skill 特别适合前端开发、全栈开发和测试工程师，尤其是那些正在使用 Vite 构建项目、需要为组件或服务编写高质量测试的团队。无论你是刚接触 Vitest 的新手，还是希望统一团队测试风格的老手，都能从中受益。
建议在使用时明确指定测试类型（单元/集成）、目标文件路径以及需要 mock 的依赖，以便 AI 生成更精准的代码。同时注意，该 Skill 专注于 Vitest，不涉及其他测试框架（如 Jest、Mocha），也不适合需要端到端测试（Playwright/Cypress）的场景。
核心特点
与通用的测试技能不同，本 Skill 专门针对 Vitest 的 vi.mock/vi.fn mock 模式、vitest.config 配置以及 Vue/React 组件测试的最佳实践，提供开箱即用的模板和提示，而非宽泛的测试原则。
注意事项
不适合使用 Jest、Mocha 等其他测试框架的项目，也不适用于端到端测试或性能测试场景。
常见问题
如何配置 vitest.config 以支持 TypeScript？
在 vitest.config.ts 中添加 `test: { globals: true, environment: 'jsdom' }`，并确保安装了 `@vitest/runner` 和 `ts-node`。
如何使用 vi.mock 模拟一个模块的全部导出？
在测试文件顶部使用 `vi.mock('模块路径', () => ({ 默认导出: vi.fn(), 具名导出: vi.fn() }))`，然后在测试中通过 `import` 获取 mock 函数。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/vitest-testing-x-2/raw/index.md 读取 Vitest Testing 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/vitest-testing-x-2/raw/index.md（查看排版版本）