Lost Pixel is an open-source visual regression testing tool designed to catch visual bugs before your users do. It serves as an alternative to tools like Percy, Chromatic, and Applitools, providing a seamless integration with GitHub for quick and efficient UI testing.
- First Class GitHub Integration: Set up in minutes with automatic GitHub status checks for a smooth GitHub action experience.
- Power of Composition: Utilize your existing Storybook, Next.js, and Playwright to compose visual tests for a holistic view.
- Streamlined Review Flow: Offers a battle-tested visual testing flow suitable for projects of various sizes and stacks.
- Mask Elements: Ignore unneeded elements while comparing screenshots.
- Execute Browser Code: Adjust page CSS & HTML before taking screenshots. Hide elements, change texts - full control.
- Set Thresholds: Fine-grained control with absolute & relative thresholds per screenshot or globally.
- Multiple Browsers: Execute tests in multiple browsers to catch maximum visual regressions.
- Multiple Breakpoints: Test with various device widths to catch visual issues on different devices.
- Speedy Execution: Run tests in parallel to speed up your suite.
- Approval Flow: Approve, reject, and comment on screenshots in a user-friendly manner.
- Fight Flakiness: Retry flaky tests and use custom wait times and network utilities to enhance reliability.
Lost Pixel provides a modern, open-source solution for visual regression testing that balances convenience, features, and pricing. It enables engineering teams to ship frontend changes with confidence, ensuring that visual problems are caught early in the development cycle.