Vue Testing Best Practices

vuejs-ai/skills

This is a troubleshooting-oriented testing guide that maps specific Vue 3 testing problems to solutions. It covers the practical stuff you'll actually hit: Pinia injection errors, flaky async tests, composables that won't test because of lifecycle hooks, and teleported content that disappears from your queries. The structure is problem-first rather than theoretical, which is refreshing. It assumes you're using Vitest and Vue Test Utils, pushes you toward black-box component testing over implementation details, and includes Playwright guidance for E2E. If you're already testing Vue apps, you've probably searched for half these issues. If you're just starting, this gives you the modern stack without wading through outdated Vue 2 advice.

skills.sh installs

14.8K

GitHub stars

3.3K

last updated

Aug 21, 2026

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Recommended

More Frontend Development

1mobile-app-ui-designceorkm/mobile-app-ui-designDesign high-quality mobile app UI/UX screens, flows, and components. Use this skill whenever the user asks to design a mobile app screen, create app mockups, bu12.7Kskills.sh installs

2svelte-core-bestpracticessveltejs/ai-toolsGuidance on writing fast, robust, modern Svelte code. Load this skill whenever in a Svelte project and asked to write/edit or analyze a Svelte component or modu12.1Kskills.sh installs

3rivetkit-client-reactrivet-dev/skillsRivetKit React client guidance. Use for React apps that connect to Rivet Actors with @rivetkit/react, create hooks with createRivetKit, or manage realtime state7.5Kskills.sh installs

4frontend-design-deslopsamber/cc-skillsProduce distinctive, non-generic UI and design applications well, working strategy-first. Identify the project (landing page, SaaS app, dashboard, ecommerce, pr5.8Kskills.sh installs

5react-patternsgiuseppe-trisciuoglio/developer-kitProvides comprehensive React 19 patterns for Server Components, Server Actions, useOptimistic, useActionState, useTransition, concurrent features, Suspense boun4.9Kskills.sh installs

6react-devsoftaworks/agent-toolkitThis skill should be used when building React components with TypeScript, typing hooks, handling events, or when React TypeScript, React 19, Server Components a4.2Kskills.sh installs