vuejs-aiInstall Vue Testing Best Practices
Pick your agent. Every command is ready to paste.
npx skills add vuejs-ai/skills --skill vue-testing-best-practicesThe open skills CLI detects your agents (Claude Code, Cursor, Codex and 70+ more) and installs to the right folder. Add -g to install globally.
01
Install it
Run the command above, or upload the folder in Claude.
02
Ask naturally
Describe the task. Your agent loads vue-testing-best-practices when the request matches its description.
03
Name it if needed
If it does not trigger, say “use the vue-testing-best-practices skill”. In Codex, type $vue-testing-best-practices.
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
Tips for Vue Testing Best Practices
- • Start a fresh session after installing so your agent picks up the new skill.
- • It bundles reference files. The agent reads them only when needed, so they cost no context until then.
- • It is part of a pack with 8 skills. Install only the ones you need with --skill to keep triggers precise.
- • If two skills overlap, mention the one you want by name.
Questions about Vue Testing Best Practices
What does the Vue Testing Best Practices skill do?
Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
How do I install Vue Testing Best Practices?
Run "npx skills add vuejs-ai/skills --skill vue-testing-best-practices" in your project. The skills CLI installs it for Claude Code, Cursor, Codex and 70+ other agents. In Claude on the web, upload the skill folder as a ZIP under Customize > Skills.
Does Vue Testing Best Practices work in Cursor and Codex?
Yes. Vue Testing Best Practices uses the open SKILL.md format, so it works in Claude Code, Claude, Cursor, OpenAI Codex, Gemini CLI, GitHub Copilot and other agents that support agent skills.
Is Vue Testing Best Practices free?
Vue Testing Best Practices is open source on GitHub under the MIT license. It is free to install; check the license before commercial use.
Who made Vue Testing Best Practices?
Vue Testing Best Practices is published by vuejs-ai in the vuejs-ai/skills repository, together with 7 other skills.
