Test a single UI component in isolation with Cypress component testing
Mount one UI component in a real browser, assert on its DOM and events, and check results without a full end-to-end stack.
Loading…
ReadMeFeed / Community knowledge
#component-testing
Real questions. Useful conversations. Find the people who know your stack.
cypressioUsing Storybook 'args' for Type-Safe, Interactive Component Testing
Use Storybook's 'args' metadata to achieve type-safe, interactive component testing without modifying source code. This feature allows runtime prop manipulation via the Controls UI.
typescript
storybookCatching UI Regressions with Storybook's Interaction Tests
Storybook's play functions let you attach behavior assertions directly to stories, turning your component docs into a regression suite. Here's the setup, a worked example, and the limits.
Make Storybook Stories Prove Themselves: Play Functions and the Test-Runner in CI
Storybook play functions turn stories into executable specs, and the test-runner enforces them in CI. A worked dropdown example shows the pattern, plus the version caveats and trade-offs.
Using Storybook Args to Tweak Component Props Live Without Touching Code
Learn how Storybook’s Args feature lets you edit component props live via the Controls panel, instantly see changes, and share configurations through the URL — without altering source code.
Managing Component State with Storybook Controls
Learn how to use Storybook Controls to turn static component props into interactive UI widgets for faster design iteration and edge-case testing.
react