Implements standardized testing patterns for Vue 3 components using Vue Test Utils and Vitest.
This skill equips Claude with the expertise to write robust, maintainable tests for Vue 3 components by following industry best practices. It emphasizes testing user behavior over implementation details, promoting the use of full rendering via mount() and stable element selection via data-test attributes. The skill provides structured guidance on handling asynchronous DOM updates, mocking Pinia stores, and testing complex component interactions, ensuring your testing suite is both reliable and reflective of real-world usage.
Key Features
01Full and shallow component mounting strategies
02Standardized selector strategies using data-test attributes
030 GitHub stars
04Asynchronous event handling and DOM update synchronization
05Comprehensive wrapper API usage for form inputs and events
06Automated Pinia store mocking with createTestingPinia
Use Cases
01Mocking global state and routing to test components in isolation
02Unit and integration testing for Vue 3 Composition API components
03Testing complex user interaction flows like form validation and submission
