Instantly get UI tests across your React & Vue components
How Screener works
Document the different states of your UI components using Storybook.
Get Automated UI Tests
Screener will use each component state as a visual test case for automated testing.
Review Visual Changes
Screener will automatically detect and report on visual regressions.
Dramatically reduce the time it takes to write and maintain automated UI tests, so that you can focus on your project code, not test code, and deliver faster.
Less Code, More Coverage
A single visual snapshot with Screener can replace hundreds of coded assertions, while testing both functional andvisual aspects of your UIs.
Simply develop your components in Storybook, and automatically get living documentation and automated UI tests at the same time.
See what sets Screener apart
Screener's Smart Diff algorithm understands your UI, automatically deciphering structure, layout, content and styling, allowing it to know and control what is being compared. Unlike pixel-to-pixel image diffs which have high false positives.
Interaction Testing In Storybook
Screener supports testing interaction flows directly in your Stories, for stateful components, functional flows and integration testing. Learn More
Visual Change Details
Screener not only highlights visual changes; it also provides details on each change to help developers debug. Learn More
Test Across Devices & Browsers
Render and test your UIs across different mobile devices and browsers to ensure all your users have a great experience.
Easily integrate Screener into your CI pipeline for continuous visual regression testing. Learn More