Building reliable tests for Vue.js applications is easier with the right tools. This guide covers Vitest, Vue Test Utils, and Playwright for end to end testing. You will learn how to set up test infrastructure and avoid common mistakes.
Common problems like failing tests during refactoring or race conditions are explained. You will find solutions for testing composables, async components, and Pinia stores. Snapshot tests and teleported content are also covered.
By following these patterns you can write tests that are fast and dependable. Your Vue.js apps will be more stable and easier to maintain.
Global
mkdir -p ~/.claude/skills/vue-testing-best-practicesProject
mkdir -p .claude/skills/vue-testing-best-practicesSource Repository
Grill Memattpocock/skills
Stress-test your plan with relentless questions until we both understand
Tddmattpocock/skills
Write one test at a time then code to make it pass
Test Driven Developmentobra/superpowers
Write a failing test first then code just enough to pass
Qamattpocock/skills
Turn bug reports into GitHub issues through natural conversation without technical fuss
Migrate To Shoehornmattpocock/skills
Replace unsafe as assertions with type-safe partial test data easily
Webapp Testinganthropics/skills
Test your local web apps quickly with Playwright automation and screenshots
Playwright Best Practicescurrents-dev/playwright-best-practices-skill
Master Playwright testing with best practices for reliable and fast tests
Google Agents Cli Evalgoogle/agents-cli
Run evaluations on your AI agent, find failures, and improve its quality step by step