Vue Testing Best Practices
Skill Verified ActiveUse for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
To guide users in effectively testing Vue.js applications by covering essential tools, patterns, and common pitfalls.
Features
- Vitest setup and recommendations
- Vue Test Utils component testing patterns
- Mocking strategies for composables and Pinia
- Handling async operations and race conditions
- Playwright for end-to-end testing guidance
Use Cases
- Setting up a Vitest testing environment for a Vue 3 project.
- Implementing black-box testing for Vue components.
- Resolving intermittent test failures due to race conditions.
- Choosing and configuring an end-to-end testing framework for Vue apps.
Non-Goals
- Providing executable test code, but rather guidance on how to write it.
- Covering testing for Vue 2 or non-Vue JavaScript projects.
Installation
First, add the marketplace
/plugin marketplace add hyf0/vue-skills/plugin install vue-skills@vue-skillsQuality Score
VerifiedTrust Signals
Similar Extensions
Develop Web Game
100Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with short input bursts and intentional pauses, inspect screenshots/text, and review console errors with render_game_to_text.
Playwright Best Practices
100Use when writing Playwright tests, fixing flaky tests, debugging failures, implementing Page Object Model, configuring CI/CD, optimizing performance, mocking APIs, handling authentication or OAuth, testing accessibility (axe-core), file uploads/downloads, date/time mocking, WebSockets, geolocation, permissions, multi-tab/popup flows, mobile/responsive layouts, touch gestures, GraphQL, error handling, offline mode, multi-user collaboration, third-party services (payments, email verification), console error monitoring, global setup/teardown, test annotations (skip, fixme, slow), test tags (@smoke, @fast, @critical, filtering with --grep), project dependencies, security testing (XSS, CSRF, auth), performance budgets (Web Vitals, Lighthouse), iframes, component testing, canvas/WebGL, service workers/PWA, test coverage, i18n/localization, Electron apps, or browser extension testing. Covers E2E, component, API, visual, accessibility, security, Electron, and extension testing.
Vitest
97Vitest - Modern TypeScript testing framework with Vite-native performance, ESM support, and TypeScript-first design
Testrail
100Sync tests with TestRail. Use when user mentions "testrail", "test management", "test cases", "test run", "sync test cases", "push results to testrail", or "import from testrail".
Test A2a Interop
100Test A2A interoperability between agents by validating Agent Card conformance, exercising all task lifecycle states, and verifying streaming and error handling. Use when verifying a new A2A server implementation before deployment, validating interoperability between two or more A2A agents, running conformance tests in CI/CD for A2A services, debugging failures in multi-agent A2A workflows, or certifying that an agent meets A2A protocol requirements for a registry.
Run Puzzle Tests
100Run the jigsawR test suite via WSL R execution. Supports full suite, filtered by pattern, or single file. Interprets pass/fail/skip counts and identifies failing tests. Never uses --vanilla flag (renv needs .Rprofile for activation). Use after modifying any R source code, after adding a new puzzle type or feature, before committing changes to verify nothing is broken, or when debugging a specific test failure.