Guides the implementation of robust Vue 3 component tests using Vue Test Utils and Vitest best practices.
This skill provides a comprehensive framework for testing Vue 3 components with Vue Test Utils. It standardizes critical testing patterns such as full component rendering with mount(), resilient element selection using data-test attributes, and proper handling of asynchronous operations with flushPromises(). By offering domain-specific guidance on Pinia store mocking, Vue Router integration, and testing Composition API composables, this skill helps developers create stable, high-fidelity tests that focus on user behavior rather than implementation details.
Key Features
010 GitHub stars
02Resilient querying patterns using data-test attributes
03Patterns for testing Composition API composables in isolation
04Pinia store mocking using createTestingPinia()
05Asynchronous testing guides for DOM updates and API calls
06Standardized mounting strategies favoring mount() over shallowMount()
Use Cases
01Mocking state management and routing in integration tests
02Developing reliable unit tests for shared Composition API logic
03Testing complex Vue 3 component interactions and event bubbling
