Your first time on this page? Allow me to give some explanations.
Awesome Visual Regression Testing
🕶️ A curated list of resources around the topic: visual regression testing
Here you can see meta information about this topic like the time we last updated this page, the original creator of the awesome list and a link to the original GitHub repository.
Thank you mojoaxel & contributors
View Topic on GitHub:
Search for resources by name or description.
Simply type in what you are looking for and the results will be filtered on the fly.
Further filter the resources on this page by type (repository/other resource), number of stars on GitHub and time of last commit in months.
A browser automation framework and ecosystem.
A scriptable browser like PhantomJS, based on Firefox
Headless automation for Internet Explorer
CasperJS is no longer actively maintained. Navigation scripting and testing utility for PhantomJS and SlimerJS
Next-gen browser and mobile automation test framework for Node.js
A bullet-proof, fast, and reliable headless browser API
🖥 Chrome automation made simple. Runs locally or headless on AWS Lambda.
Tools and frameworks
A performant visual regression testing tool
Wraith — A responsive screenshot comparison tool
Catch CSS curve balls.
Layout and functional testing framework for websites
Visual testing with magic
Lightweight CSS regression testing
A simple UI for browsing and inspecting diffs, and an API for runner scripts to submit screenshots to and receive a pass or fail in real time. (For use with Wraith, Backstop, Selenium etc)
UI regression and functional testing on dev and live sites
Visual regression testing tool.
Selenium-driven, cucumber-powered CSS testing.
A Node.js tool to automate end-to-end web testing.
Automated tests for your CSS.
Automated visual testing
Grunt plugin for creating screenshots of any site and compare them
Visual diffing in CI for user interfaces
📷 Visual regression test tool.
A high-level browser automation library.
Headless Chrome Node.js API
Node.js library to automate Chromium, Firefox and WebKit with a single API
Visual Regression Testing tool
Tooling that helps you do quality, faster.
Differencify is a library for visual regression testing
Image analysis and comparison
Visual regression testing framework for Chrome
Test screens for visual differences to previous versions.
AET - a system that detects visual changes on web sites and performs basic page health checks
A proper monster for front-end automated testing
👁 Visual Regression Testing for Storybook
Supercharged End 2 End Testing Framework for NodeJS
A functional test suite based on jQuery
End-to-end testing framework written in Node.js and using the Webdriver API
E2E test framework for Angular apps
Screenshot tests for your react components in chromium using puppeteer & jest
Visual regression tool for webdriver.io
Concise UI Tests with Java!
Open source platform for generating and reviewing visual differences. Supports multiple browsers, integrations for github and slack.
CasperJS-based UI regression and functional testing focused on Drupal 8 sites.
Backend and Frontend application for tracking differences via image comparison
browserstack](https://twitter.com/browserstack) | $29/mo - $199/mo | Live, web-based browser testing. |
Perform Automated and Live Interactive Cross Browser Testing on 2000+ Real Browsers and Operating Systems Online.
Manual & exploratory testing on 1500+ real browsers and mobile devices.
Cloud based visual regression tool. Uses puppeteer and proprietary comparison algorithm (detect layout shifts). Great scalability with AWS Lambda.
Visual testing and UI review for component libraries. Cloud-based. Video
Cloud-based visual testing platform with realtime results for testing tools.
Testing for the whole team. Up to 100 tests in parallel. Endpoint Mocking. Code Coverage.
Compares: Wraith, PhantomCSS, Gemini, WebdriverCSS and Spectre.
Tutorial using BackstopJS.
Tutorial using BackstopJS.
Tutorial using BackstopJS.
Why you should use BackstopJS.
Introduction to PhantomCSS.
Headless Chrome is shaking up traditional approaches to test automation.
Tutorial using Chromeless and jest-image-snapshot.
Introduction to Differencify and how to use it.
Tutorial to setup visual testing with Puppeteer, Jest and VisWiz.io.
Using percy, and jest puppeteer to visually test a React component library.
Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter
Blog with practical guides and runnable examples on Playwright and Puppeteer.
Slideshows, talks and videos
Screencast: Basic introduction to wraith, a screenshot comparison tool.
How to setup shoov and get your first test written.
Talk by Jon Bellah on how to use PhantomCSS during wordpress development.
Screencast with code demo and best practices.
Tutorial on how to create visual automated tests with Screenster.
Demo what the Look-alike Chrome extension is, how it works and how and why it was build.
How to write your first CSS test with CSS critic, make it pass, break it, and make it pass again.
by Nikhil Verma - How the Mobile Web team in Badoo converted and integrated PhantomCSS into their workflow and connected it to their CI process.
Scriptable Headless Browser
Visual/CSS regression testing with PhantomJS
Describe and visualise user flows through tests with PhantomJS
[unmaintained] DalekJS Base framework
Make continuous deployment safe by comparing before and after webpage screenshots for each release. Depicted shows when any visual, perceptual differences are found. This is the ultimate, automated end-to-end test.
VisualReview, a human-friendly tool for testing and reviewing visual regressions.
A testing system for catching visual regressions in Web applications.
Regression testing tool for WebdriverIO v4
💀💀💀[DEPRECATED] Use hermione
Quicker, more user friendly visual regression testing