storybook-testing
CommunityMaster Storybook component testing.
Authoryonatangross
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the process of writing robust tests for your UI components within Storybook, ensuring visual consistency, interaction correctness, and accessibility compliance.
Core Features & Use Cases
- Component Testing: Write interaction tests using
play()functions and Vitest. - Visual Regression: Integrate Chromatic TurboSnap for efficient visual diffing.
- Accessibility Audits: Automatically scan for WCAG violations with the a11y addon.
- Use Case: When developing a new React component, use this Skill to write type-safe CSF3 stories, implement interaction tests for user flows, and set up Chromatic for visual regression testing in your CI pipeline.
Quick Start
Write a Storybook story for my Button component that tests the click handler, has variants for primary/secondary/danger, and generates documentation automatically.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: storybook-testing Download link: https://github.com/yonatangross/orchestkit/archive/main.zip#storybook-testing Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.