1
How Screener works
2
Get Automated UI Tests
Screener will use each component state as a visual test case for automated testing.
3
Review Visual Changes
Screener will automatically detect and report on visual regressions.
Move Faster
Dramatically reduce the time it takes to setup 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 expectations, while testing both functional and visual aspects of your UIs.
Release with Confidence
Be confident moving quickly and making code changes, knowing that if there are any visual or functional issues, we’ve got you covered.
Features
See what sets Screener apart
Smart Diff
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.
Continuous Testing
Easily integrate Screener into your CI pipeline for continuous visual regression testing. Learn More
GitHub Workflow
Screener integrates into your GitHub PR workflow for code review + visual review in one place. Learn More
Baseline Branching & Merging
Screener optimizes your workflow by pulling the baseline when branching, and auto-accepting changes when merging. Learn More
