Testing Vue.js apps can be tricky. This guide helps you avoid common mistakes. It covers Vitest, Vue Test Utils, and Playwright for reliable tests.
You will learn how to set up your test tools. You will also find solutions for flaky tests and broken snapshots. The focus is on real world problems developers face every day.
Whether you test components or full pages, these patterns will save you time. They keep your tests strong even when you change your code.
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