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