vue-integration-testing
✓使用 Vitest 浏览器模式和页面对象编写 Vue 3 集成测试。每当为视图、具有路由的组件、用户流或跨多个组件的功能添加测试时，请主动使用。触发器包括“添加测试”、“编写测试”、“测试此”、“需要测试”、“集成测试”、“测试功能”、“测试用户流程”或涉及测试 UI 交互、导航、对话框、表单或多步骤工作流程的任何任务。
SKILL.md
Write integration tests that verify complete user flows using Vitest Browser Mode (Playwright) with the createTestApp helper and Page Objects.
Tests share fake-indexeddb. Always use the provided setup/cleanup helpers:
| router | Router | Vue Router instance for navigation/assertions | | container | Element | Rendered DOM container |
使用 Vitest 浏览器模式和页面对象编写 Vue 3 集成测试。每当为视图、具有路由的组件、用户流或跨多个组件的功能添加测试时，请主动使用。触发器包括“添加测试”、“编写测试”、“测试此”、“需要测试”、“集成测试”、“测试功能”、“测试用户流程”或涉及测试 UI 交互、导航、对话框、表单或多步骤工作流程的任何任务。 来源：alexanderop/workouttracker。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/alexanderop/workouttracker --skill vue-integration-testing- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 vue-integration-testing？
使用 Vitest 浏览器模式和页面对象编写 Vue 3 集成测试。每当为视图、具有路由的组件、用户流或跨多个组件的功能添加测试时，请主动使用。触发器包括“添加测试”、“编写测试”、“测试此”、“需要测试”、“集成测试”、“测试功能”、“测试用户流程”或涉及测试 UI 交互、导航、对话框、表单或多步骤工作流程的任何任务。 来源：alexanderop/workouttracker。
如何安装 vue-integration-testing？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/alexanderop/workouttracker --skill vue-integration-testing 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/alexanderop/workouttracker
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-01