vue-testing-best-practices
SkillWeb & browsingHave your AI write dependable tests for your Vue.js apps so bugs get caught before they reach users. This skill gives your AI expert guidance on Vue testing, covering Vitest, Vue Test Utils, component testing, mocking, and Playwright for end-to-end tests. Your AI follows proven testing patterns instead of guessing at how to check your app.
Available today. Use it from your connected AI after setup.
No other account needed.
After adding the skill, ask your AI to write tests for a component or feature in your Vue app. You can tell it whether you want unit tests, component tests, or end-to-end coverage.
Then ask your AI: use the vue-testing-best-practices skill
What your AI can do with it
- Write tests with Vitest
- Test Vue components with Vue Test Utils
- Test components in isolation
- Mock data and dependencies in tests
- Follow proven testing patterns
- Run end-to-end tests with Playwright
What this skill tells your AI
The instructions your AI receives, as published by antfu/skills in skills/vue-testing-best-practices/SKILL.md and read by ahel’s review.
Vue.js testing best practices, patterns, and common gotchas.
Testing
- Setting up test infrastructure for Vue 3 projects → See testing-vitest-recommended-for-vue
- Tests keep breaking when refactoring component internals → See testing-component-blackbox-approach
- Tests fail intermittently with race conditions → See testing-async-await-flushpromises
- Composables using lifecycle hooks or inject fail to test → See testing-composables-helper-wrapper
- Getting "injection Symbol(pinia) not found" errors in tests → See testing-pinia-store-setup
- Components with async setup won't render in tests → See testing-suspense-async-components
- Snapshot tests keep passing despite broken functionality → See testing-no-snapshot-only
- Choosing end-to-end testing framework for Vue apps → See testing-e2e-playwright-recommended
- Tests need to verify computed styles or real DOM events → See testing-browser-vs-node-runners
- Testing components created with defineAsyncComponent fails → See async-component-testing
- Teleported modal content can't be found in wrapper queries → See teleport-testing-complexity
Reference
Signals
- GitHub stars
- 6k
- Forks
- 331
- Last commit
- Jun 2026
Advanced
- Catalog kind
- skill
- Gateway key
vue-testing-best-practices- Source
- github.com/antfu/skills