Testing
CSS regressions are invisible to unit tests and integration tests. A button becomes 2px too small. A card's padding collapses on a specific breakpoint. A dark mode color turns slightly wrong. These are real bugs that reach production because no test caught them — there was nothing to assert
Testing
Design systems are the foundation of consistent UI. A broken button component or incorrect token in your design system affects every product that consumes it.
Testing
Storybook interaction testing lets you simulate user behavior directly inside your stories — clicks, typing, keyboard navigation — and assert the results.
Testing
Both Storybook and Playwright can test UI components in a real browser. Both give you real DOM interaction, real CSS, and real browser behavior.
Testing
Storybook 8 made component testing a first-class citizen. What was previously a documentation tool is now a full component testing platform — complete with built-in test runner, Vitest integration, and portable stories that run outside Storybook itself. This guide covers everything: setting up Storybook 8 for testing, writing stories
Testing
Visual regression testing catches unintended UI changes by comparing screenshots of your components against known-good baselines.
JavaScript
Storybook 8 expanded from a documentation tool into a component testing platform.
Testing
Chromatic is a visual testing tool built specifically for Storybook. While Percy and Applitools operate at the page level (snapshot a URL), Chromatic operates at the component level — it captures every story in your Storybook and compares them against approved baselines. This makes Chromatic the right choice for design system