vue-testing-best-practices

To test Vue 3 components, use Vitest as the test runner and Vue Test Utils to mount components. This Skill provides structured workflows for blackbox testing approaches, helping you avoid relying on internal state while validating component behavior and outputs.

Testing Pinia stores in a Vue application is best handled using the @pinia/testing package. This Skill outlines specific tooling patterns to isolate and test state management logic cleanly without leaking state across test cases.

Yes, this Vue testing guidance covers end-to-end testing with Playwright. It provides comprehensive strategies for setting up E2E tests alongside unit and component tests to ensure full application coverage across common patterns.

Migrating from Jest to Vitest involves adopting a cohesive Vue testing workflow. This Skill consolidates best practices and curated references to guide your setup, strategy, and tooling decisions for a smooth transition to Vitest.

Common anti-patterns when testing Vue composables include relying on internal state rather than blackbox outputs. This Skill details specific gotchas and provides concrete fixes with examples to improve your testing strategy.