storybook-testing

What problem does it solve?

This Skill provides best practices and patterns for writing robust and maintainable component tests within Storybook, ensuring your UI components function as expected across different states and interactions.

Core Features & Use Cases

• Interaction Testing: Learn how to simulate user events like clicks, typing, and form submissions.
• Querying Strategies: Understand the priority for selecting DOM elements using Testing Library for accessibility and resilience.
• MSW Integration: Effectively mock API responses for isolated component testing.
• Use Case: When developing a new Button component, use this Skill's patterns to write stories that test its various states (disabled, loading, active) and ensure it handles click events correctly, even when interacting with mocked API data.

Quick Start

Use the storybook-testing skill to write interaction tests for your Vue 3 components.