vue-testing-best-practices
starsforks
How to install vue-testing-best-practices?
vuejs-ai/skills/vue-testing-best-practices
$npx -y skills add vuejs-ai/skills --skill vue-testing-best-practicesUse for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
SKILL.md
| 1 | Vue.js testing best practices, patterns, and common gotchas. |
| 2 | |
| 3 | ### Testing |
| 4 | - Setting up test infrastructure for Vue 3 projects → See [testing-vitest-recommended-for-vue](reference/testing-vitest-recommended-for-vue.md) |
| 5 | - Tests keep breaking when refactoring component internals → See [testing-component-blackbox-approach](reference/testing-component-blackbox-approach.md) |
| 6 | - Tests fail intermittently with race conditions → See [testing-async-await-flushpromises](reference/testing-async-await-flushpromises.md) |
| 7 | - Composables using lifecycle hooks or inject fail to test → See [testing-composables-helper-wrapper](reference/testing-composables-helper-wrapper.md) |
| 8 | - Getting "injection Symbol(pinia) not found" errors in tests → See [testing-pinia-store-setup](reference/testing-pinia-store-setup.md) |
| 9 | - Components with async setup won't render in tests → See [testing-suspense-async-components](reference/testing-suspense-async-components.md) |
| 10 | - Snapshot tests keep passing despite broken functionality → See [testing-no-snapshot-only](reference/testing-no-snapshot-only.md) |
| 11 | - Choosing end-to-end testing framework for Vue apps → See [testing-e2e-playwright-recommended](reference/testing-e2e-playwright-recommended.md) |
| 12 | - Tests need to verify computed styles or real DOM events → See [testing-browser-vs-node-runners](reference/testing-browser-vs-node-runners.md) |
| 13 | - Testing components created with defineAsyncComponent fails → See [async-component-testing](reference/async-component-testing.md) |
| 14 | - Teleported modal content can't be found in wrapper queries → See [teleport-testing-complexity](reference/teleport-testing-complexity.md) |
| 15 | |
| 16 | ## Reference |
| 17 | |
| 18 | - [Vue.js Testing Guide](https://vuejs.org/guide/scaling-up/testing) |
| 19 | - [Vue Test Utils](https://test-utils.vuejs.org/) |
| 20 | - [Vitest Documentation](https://vitest.dev/) |
| 21 | - [Playwright Documentation](https://playwright.dev/) |
People who liked this also viewed
6 picksType
- tddSkills for Real Engineers. Straight from my .agents directory.SkillsJul 2026
- test-driven-developmentUse when implementing any feature or bugfix, before writing implementation codeSkillsJul 2026
- qaSkills for Real Engineers. Straight from my .agents directory.SkillsJul 2026
- verification-before-completionUse when about to claim work is complete, fixed, or passing, before committing or creating PRs - requires running verification commands and confirming output before making any success claims; evidenceSkillsJul 2026
- webapp-testingToolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser lSkillsJul 2026
- playwright-best-practicesUse when writing Playwright tests, fixing flaky tests, debugging failures, implementing Page Object Model, configuring CI/CD, optimizing performance, mocking APIs, handling authentication or OAuth, teSkillsJul 2026
