Storybook Testing Skill

Generate Storybook stories with interaction tests for React components using Storybook 10+ CSF Next format and the .test() method.

This file is the complete rule set — everything you need to write correct stories lives here. Open a reference file only when you need the thing it holds:

• references/api-reference.md — exact signatures: every query, assertion, userEvent method, factory option, import path, plus a common-element table (which roles render in portals; dialog/toast/loading patterns). The lookup when you forget an API or how a specific element behaves.
• references/mocking.md — copy-paste recipes for each mock mechanism (fn(), sb.mock(), MSW REST/GraphQL, Next.js navigation, Context decorators, builders, beforeEach).
• references/examples.md — full worked .stories.tsx files and per-component-type templates (Button, Form, Dialog, Select, List, Input, Card, Tabs). Reach for these when you want a whole file to adapt.

When to Use This Skill vs Others