rhetenor/awesome-awesomeness
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update lists

Browse Source
This commit is contained in:
Jonas Zeunert
2025-07-18 22:22:32 +02:00
parent 55bed3b4a1
commit 5916c5c074
3078 changed files with 331679 additions and 357255 deletions
Download Patch File Download Diff File Expand all files Collapse all files

537
html/regressiontesting.html
View File

@@ -42,14 +42,16 @@ videos</a></li>
<h2 id="general-information">General information</h2>
<ul>
<li><a
href="https://en.wikipedia.org/wiki/Regression_testing">Wikipedia:
Regression testing</a></li>
<li><a
href="https://gist.github.com/cvrebert/adf91e429906a4d746cd">Survey of
screenshot-based CSS testing tools</a></li>
<li><a
href="https://en.wikipedia.org/wiki/Regression_testing">Wikipedia:
Regression testing</a></li>
</ul>
<h2 id="browser-automation">Browser automation</h2>
<ul>
<li><a href="https://www.cypress.io/">Cypress.io</a> - An automation
framework that runs in-browser.</li>
<li><a href="https://github.com/SeleniumHQ/selenium">Selenium</a> -
Browser automation framework and ecosystem.</li>
<li><a href="https://github.com/laurentj/slimerjs">SlimerJS</a> -
@@ -57,49 +59,41 @@ Scriptable browser like PhantomJS, based on Firefox.</li>
<li><a
href="https://github.com/webdriverio/webdriverio/">Webdriver.io</a> -
Node.js bindings implementation for the W3C WebDriver protocol.</li>
<li><a href="https://www.cypress.io/">Cypress.io</a> - An automation
framework that runs in-browser.</li>
</ul>
<h2 id="tools-and-frameworks">Tools and frameworks</h2>
<h2 id="tools-and-frameworks-a-z">Tools and frameworks (a-z↓)</h2>
<ul>
<li><a href="https://github.com/eWert-Online/osnap">OSnap</a> - The
speedy and easy to use Snapshot Testing tool for your project (1200
snapshots will run in under 3 minutes).</li>
<li><a href="https://github.com/Cognifide/aet">AET</a> - Scalable
testing tool providing visual regression testing, accessibility and
performance validation, markup analysis and more.</li>
<li><a href="https://github.com/newsuk/ayespy">AyeSpy</a> - 44 image
comparisons in 90 seconds.</li>
<li><a href="https://github.com/garris/BackstopJS">BackstopJS</a> -
Config-driven automated screenshot test framework.</li>
<li><a href="https://basset.io">basset</a> - Open source platform for
generating and reviewing visual differences. Supports multiple browsers,
integrations for github and slack.</li>
<li><a href="https://github.com/newsuk/ayespy">AyeSpy</a> - 44 image
comparisons in 90 seconds.</li>
<li><a href="https://github.com/BBC-News/wraith">Wraith</a> - Easy to
use ruby tool with docker support.</li>
<li><a href="https://github.com/garris/BackstopJS">BackstopJS</a> -
Config-driven automated screenshot test framework.</li>
<li><a href="https://github.com/galenframework/galen">Galen</a> - Java
framework based on <a
href="https://github.com/SeleniumHQ/selenium">Selenium</a>.</li>
<li><a href="https://github.com/xolvio/chimp">Chimp</a> - Develop
acceptance tests &amp; end-to-end tests with realtime feedback.</li>
<li><a href="https://github.com/codeception/codeceptjs/">CodeceptJS</a>
- Modern Era Acceptance Testing Framework for NodeJS.</li>
<li><a href="https://github.com/wKich/creevey">Creevey</a> -
Cross-browser visual testing with magic. Feature-rich tool with UI
Runner, Tests Hot Reloading, Docker and Storybook integration.</li>
<li><a href="https://github.com/cburgmer/csscritic">CSSCritic</a> -
Lightweight CSS regression testing.</li>
<li><a href="https://github.com/wearefriday/spectre">Spectre</a> -
Provides image comparison capabilities and an admin interface for
managing screenshots.</li>
<li><a href="https://github.com/shoov/shoov">Shoov</a> - UI regression
and functional testing focused on Drupal 7 sites.</li>
<li><a
href="https://www.drupal.org/project/qd_screenshottests">qd_screenshottests</a>
- CasperJS-based UI regression and functional testing focused on Drupal
8 sites.</li>
<li><a href="https://github.com/kdzwinel/Look-alike">Look-alike</a> -
Chrome Extension for taking and comparing screenshots.</li>
<li><a href="https://github.com/thingsinjars/Hardy">Hardy</a> -
Selenium-driven, cucumber-powered CSS testing.</li>
<li><a href="https://github.com/DevExpress/testcafe">TestCafe</a> -
Automated browser testing for the modern web development stack.</li>
<li><a href="https://github.com/python-needle/needle">Needle</a> -
Needle is a tool for testing visuals with Selenium and nose
(Python).</li>
href="https://github.com/NimaSoroush/differencify">Differencify</a> - A
library for visual regression testing using <a
href="https://github.com/GoogleChrome/puppeteer">Puppeteer</a>.</li>
<li><a
href="https://github.com/Cropster/ember-visual-test">ember-visual-test</a>
- Simple visual regression testing for <a
href="https://emberjs.com/">Ember</a>.</li>
<li><a href="https://github.com/bitovi/funcunit">FuncUnit</a> - A
functional test suite based on jQuery</li>
<li><a href="https://github.com/galenframework/galen">Galen</a> - Java
framework based on <a
href="https://github.com/SeleniumHQ/selenium">Selenium</a>.</li>
<li><a href="https://github.com/gabrielrotbart/gatling">gatling</a> -
Integrated visual RSpec matcher which makes real visual testing easy
(Ruby).</li>
@@ -107,87 +101,103 @@ Integrated visual RSpec matcher which makes real visual testing easy
href="https://github.com/stefanjudis/grunt-photobox">grunt-photobox</a>
- Plugin to prevent your project of broken layout via screenshot photo
sessions of your site.</li>
<li><a href="https://github.com/nathanmarks/vrtest">vrtest</a> -
JavaScript library for running visual regression tests on your
components cross browser via selenium.</li>
<li><a href="https://github.com/Galooshi/happo">Happo</a> - Visual
<li><a href="https://github.com/happo/happo.io">Happo</a> - Visual
diffing in CI for user interfaces.</li>
<li><a href="https://github.com/bokuweb/reg-cli">reg-cli</a> - Visual
regression test tool which output easy-to-read single file html
report.</li>
<li><a href="https://github.com/segmentio/nightmare">Nightmare</a> -
High-level browser automation library based on Electron.</li>
<li><a href="https://github.com/GoogleChrome/puppeteer">Puppeteer</a> -
Headless Google Chrome Node API.</li>
<li><a href="https://github.com/microsoft/playwright">Playwright</a> -
Node library to automate Chromium, Firefox and WebKit with a single
API.</li>
<li><a href="https://github.com/reg-viz/reg-suit">reg-suit</a> - Visual
regression testing suite which compares images, stores snapshots, and
notifies the difference to your GitHub repo.</li>
<li><a href="https://github.com/xolvio/chimp">Chimp</a> - Develop
acceptance tests &amp; end-to-end tests with realtime feedback.</li>
<li><a
href="https://github.com/NimaSoroush/differencify">Differencify</a> - A
library for visual regression testing using <a
href="https://github.com/GoogleChrome/puppeteer">Puppeteer</a>.</li>
<li><a href="https://github.com/Huddle/Resemble.js">ResembleJS</a> -
Analyse and compare images with Javascript and HTML5.</li>
<li><a href="https://github.com/HuddleEng/Muppeteer">Muppeteer</a> -
Visual regression testing framework for Chrome using <a
href="https://mochajs.org/">Mocha</a> and <a
href="https://github.com/GoogleChrome/puppeteer">Puppeteer</a>.</li>
<li><a
href="https://github.com/Cropster/ember-visual-test">ember-visual-test</a>
- Simple visual regression testing for <a
href="https://emberjs.com/">Ember</a>.</li>
<li><a href="https://github.com/Cognifide/aet">AET</a> - Scalable
testing tool providing visual regression testing, accessibility and
performance validation, markup analysis and more.</li>
<li><a href="https://github.com/angrykoala/wendigo">Wendigo</a> -
Test-oriented browser automation library based on Puppeteer.</li>
<li><a href="https://github.com/oblador/loki">Loki</a> - Visual
regression testing for Storybook using Chrome in docker et al.</li>
<li><a href="http://zombie.js.org/">Zombie.js</a> - Insanely fast,
headless full-stack testing using Node.js.</li>
<li><a href="https://github.com/codeception/codeceptjs/">CodeceptJS</a>
- Modern Era Acceptance Testing Framework for NodeJS.</li>
<li><a href="https://github.com/bitovi/funcunit">FuncUnit</a> - A
functional test suite based on jQuery</li>
<li><a href="https://github.com/nightwatchjs/nightwatch">Nightwatch</a>
- Automated testing and continuous integration framework based on
Node.js and using the Webdriver protocol.</li>
<li><a href="https://github.com/angular/protractor">Protractor</a> - E2E
test framework for Angular apps.</li>
<li><a
href="https://github.com/Hapag-Lloyd/jest-puppeteer-react">jest-puppeteer-react</a>
- Visual regression testing with Jest and puppeteer for React
components</li>
<li><a href="https://github.com/thingsinjars/Hardy">Hardy</a> -
Selenium-driven, cucumber-powered CSS testing.</li>
<li><a
href="https://github.com/americanexpress/jest-image-snapshot">jest-image-snapshot</a>
- Jest matcher that performs image comparisons using <a
href="https://www.npmjs.com/package/pixelmatch">pixelmatch</a></li>
<li><a href="https://github.com/apiel/test-crawler">test-crawler</a> -
Visual regression testing, by crawling a website and providing snapshot
comparison reports.</li>
<li><a
href="https://github.com/ennjin/wdio-visual-regression">wdio-visual-regression</a>
- Visual regression tool for webdriver.io</li>
<li><a href="https://github.com/selenide/selenide">Selenide</a> -
Framework powered by Selenium WebDriver for writing easy-to-read and
easy-to-maintain automated tests in Java.</li>
href="https://github.com/Hapag-Lloyd/jest-puppeteer-react">jest-puppeteer-react</a>
- Visual regression testing with Jest and puppeteer for React
components</li>
<li><a href="http://karma-runner.github.io/latest/index.html">Karma</a>
- A test runner by the AngularJS team, that fits all our needs.</li>
<li><a href="https://github.com/trytouca/trytouca">Touca</a> - Open
source continuous regression testing without the hassle of managing
snapshot files.</li>
<li><a href="https://github.com/oblador/loki">Loki</a> - Visual
regression testing for Storybook using Chrome in docker et al.</li>
<li><a href="https://github.com/kdzwinel/Look-alike">Look-alike</a> -
Chrome Extension for taking and comparing screenshots.</li>
<li><a href="https://github.com/lost-pixel/lost-pixel">Lost Pixel</a> -
Holistic visual regression testing for full pages, components (via
Storybook and Ladle integration), and custom shots (e.g. via
Cypress).</li>
<li><a href="https://github.com/HuddleEng/Muppeteer">Muppeteer</a> -
Visual regression testing framework for Chrome using <a
href="https://mochajs.org/">Mocha</a> and <a
href="https://github.com/GoogleChrome/puppeteer">Puppeteer</a>.</li>
<li><a href="https://github.com/python-needle/needle">Needle</a> -
Needle is a tool for testing visuals with Selenium and nose
(Python).</li>
<li><a href="https://github.com/segmentio/nightmare">Nightmare</a> -
High-level browser automation library based on Electron.</li>
<li><a href="https://github.com/nightwatchjs/nightwatch">Nightwatch</a>
- Automated testing and continuous integration framework based on
Node.js and using the Webdriver protocol.</li>
<li><a href="https://github.com/eWert-Online/osnap">OSnap</a> - The
speedy and easy to use Snapshot Testing tool for your project (1200
snapshots will run in under 3 minutes).</li>
<li><a href="https://github.com/microsoft/playwright">Playwright</a> -
Node library to automate Chromium, Firefox and WebKit with a single
API.</li>
<li><a href="https://github.com/angular/protractor">Protractor</a> - E2E
test framework for Angular apps.</li>
<li><a href="https://github.com/GoogleChrome/puppeteer">Puppeteer</a> -
Headless Google Chrome Node API.</li>
<li><a
href="https://www.drupal.org/project/qd_screenshottests">qd_screenshottests</a>
- CasperJS-based UI regression and functional testing focused on Drupal
8 sites.</li>
<li><a href="https://github.com/bokuweb/reg-cli">reg-cli</a> - Visual
regression test tool which output easy-to-read single file html
report.</li>
<li><a href="https://github.com/reg-viz/reg-suit">reg-suit</a> - Visual
regression testing suite which compares images, stores snapshots, and
notifies the difference to your GitHub repo.</li>
<li><a href="https://github.com/Huddle/Resemble.js">ResembleJS</a> -
Analyse and compare images with Javascript and HTML5.</li>
<li><a href="https://github.com/selenide/selenide">Selenide</a> -
Framework powered by Selenium WebDriver for writing easy-to-read and
easy-to-maintain automated tests in Java.</li>
<li><a href="https://github.com/shoov/shoov">Shoov</a> - UI regression
and functional testing focused on Drupal 7 sites.</li>
<li><a href="https://github.com/wearefriday/spectre">Spectre</a> -
Provides image comparison capabilities and an admin interface for
managing screenshots.</li>
<li><a href="https://github.com/apiel/test-crawler">test-crawler</a> -
Visual regression testing, by crawling a website and providing snapshot
comparison reports.</li>
<li><a href="https://github.com/DevExpress/testcafe">TestCafe</a> -
Automated browser testing for the modern web development stack.</li>
<li><a href="https://github.com/trytouca/trytouca">Touca</a> - Open
source continuous regression testing without the hassle of managing
snapshot files.</li>
<li><a href="https://github.com/nathanmarks/vrtest">vrtest</a> -
JavaScript library for running visual regression tests on your
components cross browser via selenium.</li>
<li><a
href="https://github.com/ennjin/wdio-visual-regression">wdio-visual-regression</a>
- Visual regression tool for webdriver.io</li>
<li><a href="https://github.com/angrykoala/wendigo">Wendigo</a> -
Test-oriented browser automation library based on Puppeteer.</li>
<li><a href="https://github.com/BBC-News/wraith">Wraith</a> - Easy to
use ruby tool with docker support.</li>
<li><a href="http://zombie.js.org/">Zombie.js</a> - Insanely fast,
headless full-stack testing using Node.js.</li>
</ul>
<h2 id="online-services">Online services</h2>
<h2 id="online-services-a-z">Online services (a-z↓)</h2>
<ul>
<li><a href="https://applitools.com">applitools</a> - Cloud base visual
tests.</li>
<li><a href="https://argos-ci.com">Argos</a> - The open source visual
testing platform for modern engineering teams.</li>
<li><a href="https://axcept.io">Axcept</a> - Testing for the whole team.
Up to 100 tests in parallel. Endpoint Mocking. Code Coverage.</li>
<li><a href="http://browsershots.org">Browser Shots</a> - Screenshots
only.</li>
<li><a href="https://www.browserling.com">browserling</a> - LIVE
interactive cross-browser testing.</li>
<li><a href="https://www.browserstack.com">BrowserStack</a> - Free for
Open Source. Supports <a
href="https://github.com/SeleniumHQ/selenium/tree/master/javascript/node/selenium-webdriver">Selenium
@@ -196,176 +206,164 @@ Webdriver</a>.</li>
automation tool for web applications. Easy to learn and doesn’t require
coding. It’s free, with unlimited tests. For an additional monthly fee,
you also get cloud monitoring and CI/CD integration.</li>
<li><a href="https://www.chromatic.com/">Chromatic</a> - Visual testing
and UI review for component libraries. Cloud-based. <a
href="https://youtu.be/6KDLJBcutQE">Video</a></li>
<li><a href="https://crossbrowsertesting.com">CrossBrowserTesting</a> -
Manual &amp; exploratory testing on 1500+ real browsers and mobile
devices.</li>
<li><a href="https://diffy.website">Diffy</a> - Cloud based visual
regression tool that focuses on Drupal and WordPress. Full page
screenshots and minimal number of false positives. Just provide URLs of
your sites to get started. No coding required.</li>
<li><a href="https://fluxguard.com">Fluxguard</a> - Screenshot pixel and
DOM change comparisons and regressions.</li>
<li><a href="https://ghostinspector.com">Ghost Inspector</a> - See <a
href="https://vimeo.com/ghostinspector/intro">introduction
video</a>.</li>
<li><a href="https://happo.io/">Happo</a> - Cloud-based screenshot
testing service with support for multiple browsers.</li>
<li><a href="https://www.headspin.io/">HeadSpin</a> - HeadSpin’s
Regression testing gives you a powerful comparison tool for analysing
degradation across new app builds, OS releases, feature additions,
locations, and more.</li>
<li><a href="https://www.testgrid.io/">TestGrid</a> - Perform End to End
test automation be it cross browser testing, mobile app testing,
performance testing or API testing on cloud or on-premise.</li>
<li><a href="https://www.lambdatest.com/">LambdaTest</a> - Perform
Automated and Live Interactive Cross Browser Testing on 2000+ Real
Browsers and Operating Systems Online.</li>
<li><a href="https://screener.io">screener.io</a> - For React, looks
open source.</li>
<li><a href="https://applitools.com">applitools</a> - Cloud base visual
tests.</li>
<li><a href="https://percy.io">percy.io</a> - Continuous visual reviews
for web apps.</li>
<li><a href="http://screenster.io">screenster.io</a> - Cloud based
automation testing platform for web and mobile UI.</li>
<li><a href="https://www.browserling.com">browserling</a> - LIVE
interactive cross-browser testing.</li>
<li><a href="http://browsershots.org">Browser Shots</a> - Screenshots
only.</li>
<li><a href="https://ghostinspector.com">Ghost Inspector</a> - See <a
href="https://vimeo.com/ghostinspector/intro">introduction
video</a>.</li>
<li><a href="https://crossbrowsertesting.com">CrossBrowserTesting</a> -
Manual &amp; exploratory testing on 1500+ real browsers and mobile
devices.</li>
<li><a href="https://www.argos-ci.com">Argos-CI</a> - Automate visual
regression testing.</li>
<li><a href="https://diffy.website">Diffy</a> - Cloud based visual
regression tool. Uses puppeteer and proprietary comparison algorithm
(detect layout shifts). Great scalability with AWS Lambda.</li>
<li><a href="https://www.chromatic.com/">Chromatic</a> - Visual testing
and UI review for component libraries. Cloud-based. <a
href="https://youtu.be/6KDLJBcutQE">Video</a></li>
<li><a href="https://www.viswiz.io">VisWiz.io</a> - Flexible visual
regression testing service.</li>
<li><a href="https://happo.io/">Happo</a> - Cloud-based screenshot
testing service with support for multiple browsers.</li>
<li><a href="https://visual-knight.io/">Visual Knight</a> - Cloud-based
visual testing platform with realtime results for testing tools.</li>
<li><a href="https://axcept.io">Axcept</a> - Testing for the whole team.
Up to 100 tests in parallel. Endpoint Mocking. Code Coverage.</li>
<li><a href="https://fluxguard.com">Fluxguard</a> - Screenshot pixel and
DOM change comparisons and regressions.</li>
<li><a href="https://vidiff.com">Vidiff</a> - Cloud-based visual
regression testing across stages.</li>
<li><a href="https://reflect.run">Reflect</a> - Visual regression
testing and test automation tool.</li>
<li><a
href="https://github.com/Visual-Regression-Tracker/Visual-Regression-Tracker">Visual
Regression Tracker</a> - Open Source selfhosted service for visual
regression testing</li>
<li><a href="https://github.com/Mikuu/Micoo">Micoo</a> - Open source
service for all UI application visual regression solution</li>
<li><a href="https://testingbot.com">TestingBot</a> - Provides +3600
browsers to run automated visual tests. Free for Open Source.</li>
<li><a href="https://preflight.com">Preflight</a> - Easiest Visual
regression testing and Automated Web Testing tool. (Limited) free
use.</li>
<li><a href="https://cypress.preflight.com">Preflight: Cypress
Recorder</a> - Create AI-powered Cypress Tests/POM models in your
browser and automate Email &amp; Visual testing for Cypress.</li>
<li><a href="https://meticulous.ai">Meticulous.ai</a> - Easily create
frontend tests without writing code. Use Meticulous to record workflows
on your web app. You can then replay those flows on new frontend code,
and create a test by diffing two replays.</li>
<li><a href="https://testrigor.com">testRigor</a> - E2E functional test
automation tool for web, mobile, and desktop tests.</li>
<li><a
href="https://bleech.de/en/products/visual-regression-tests/">VRTs -
Visual Regression Tests</a> – WordPress plugin auto-updating screenshots
on content updates, preventing false positives.</li>
<li><a href="https://github.com/Mikuu/Micoo">Micoo</a> - Open source
service for all UI application visual regression solution</li>
<li><a href="https://percy.io">percy.io</a> - Continuous visual reviews
for web apps.</li>
<li><a href="https://pixeleye.io/home">Pixeleye</a> - Open-source,
multi-browser visual review and testing platform with the option to
self-host. It has first-class support for Storybook, Cypress, Playwright
&amp; Puppeteer.</li>
<li><a href="https://cypress.preflight.com">Preflight: Cypress
Recorder</a> - Create AI-powered Cypress Tests/POM models in your
browser and automate Email &amp; Visual testing for Cypress.</li>
<li><a href="https://preflight.com">Preflight</a> - Easiest Visual
regression testing and Automated Web Testing tool. (Limited) free
use.</li>
<li><a href="https://reflect.run">Reflect</a> - Visual regression
testing and test automation tool.</li>
<li><a href="https://screener.io">screener.io</a> - For React, looks
open source.</li>
<li><a href="http://screenster.io">screenster.io</a> - Cloud based
automation testing platform for web and mobile UI.</li>
<li><a href="https://www.testgrid.io/">TestGrid</a> - Perform End to End
test automation be it cross browser testing, mobile app testing,
performance testing or API testing on cloud or on-premise.</li>
<li><a href="https://testingbot.com">TestingBot</a> - Provides +3600
browsers to run automated visual tests. Free for Open Source.</li>
<li><a href="https://github.com/testomatio/reporter">Testomat.io
Reporter</a> - Allows to collect tests to a Test Case Management System
(TCMS) like testomat.io and sync manual and automated tests in one
place.</li>
<li><a href="https://testrigor.com">testRigor</a> - E2E functional test
automation tool for web, mobile, and desktop tests.</li>
<li><a href="https://vidiff.com">Vidiff</a> - Cloud-based visual
regression testing across stages.</li>
<li><a href="https://visual-knight.io/">Visual Knight</a> - Cloud-based
visual testing platform with realtime results for testing tools.</li>
<li><a
href="https://github.com/Visual-Regression-Tracker/Visual-Regression-Tracker">Visual
Regression Tracker</a> - Open Source selfhosted service for visual
regression testing</li>
<li><a href="https://www.viswiz.io">VisWiz.io</a> - Flexible visual
regression testing service.</li>
<li><a
href="https://bleech.de/en/products/visual-regression-tests/">VRTs -
Visual Regression Tests</a> – WordPress plugin auto-updating screenshots
on content updates, preventing false positives.</li>
</ul>
<h2 id="blog-posts">Blog posts</h2>
<h2 id="blog-posts-a-z">Blog posts (a-z↓)</h2>
<ul>
<li><a
href="http://www.creativebloq.com/features/the-5-best-visual-regression-testing-tools">Kevin
Lamping: The 5 best visual regression testing tools</a> - Compares:
Wraith, PhantomCSS, Gemini, WebdriverCSS and Spectre.</li>
<li><a
href="https://davidwalsh.name/visual-regression-testing-angular-applications">Garris
Shipon: Visual Regression Testing For Angular Applications</a> -
Tutorial using BackstopJS.</li>
<li><a
href="https://www.metaltoad.com/blog/visual-regression-testing-backstopjs">Angela
Riggs: Visual Regression Testing with BackstopJS</a> - Tutorial using
BackstopJS.</li>
<li><a
href="https://css-tricks.com/automating-css-regression-testing/">Garris
Shipon: Automating CSS Regression Testing</a> - Tutorial using
BackstopJS.</li>
<li><a
href="https://medium.com/@philgourley/making-visual-regression-useful-acfae27e5031">Phillip
Gourley: Making visual regression useful</a> - Why you should use
BackstopJS.</li>
<li><a
href="https://www.sitepoint.com/visual-regression-testing-with-phantomcss">Pavels
Jelisejevs: Visual Regression Testing with PhantomCSS</a> - Introduction
to PhantomCSS.</li>
<li><a
href="https://medium.com/@kensoh/chromeless-chrominator-chromy-navalia-lambdium-ghostjs-autogcd-ef34bcd26907">Chromeless,
Chrominator, Chromy, Navalia, Lambdium, GhostJS, AutoGCD</a> - Headless
Chrome is shaking up traditional approaches to test automation.</li>
<li><a
href="https://github.com/novemberfiveco/visual-regression-testing-jest-chromeless">Visual
regression testing using Jest, Chromeless and AWS Lambda</a> - Tutorial
using Chromeless and jest-image-snapshot.</li>
<li><a
href="https://medium.com/@nima.soroush.h/make-visual-regression-testing-easier-4a3dc7073737">Make
visual regression testing easier</a> - Introduction to <a
href="https://github.com/NimaSoroush/differencify">Differencify</a> and
how to use it.</li>
<li><a href="https://www.viswiz.io/help/tutorials/puppeteer">Visual
Regression Testing with Puppeteer &amp; Jest</a> - Tutorial to setup
visual testing with Puppeteer, Jest and VisWiz.io.</li>
<li><a
href="https://techblog.commercetools.com/keeping-a-react-design-system-consistent-f055160d5166">Keeping
a React Design System consistent: using visual regression testing to
save time and headaches</a> - Using percy, and jest puppeteer to
visually test a React component library.</li>
<li><a
href="https://medium.com/@dalenguyen/visual-regression-test-with-webdriverio-webdrivercss-d7675a1812b2">Visual
Regression Test with WebdriverIO &amp; WebdriverCSS</a> - Tutorial using
WebdriverIO and WebdriverCSS with Spec Reporter</li>
<li><a
href="https://jakobzanker.de/blog/automated-screenshot-comparison-test-with-headless-chrome-in-bitbucket-pipeline/">Automated
screenshot comparison tests with headless Chrome, Puppeteer and
Pixelmatch, in Bitbucket pipeline</a></li>
<li><a href="https://meowni.ca/posts/2017-puppeteer-tests/">Automatic
visual diffing with Puppeteer</a></li>
<li><a
href="https://medium.com/@kensoh/chromeless-chrominator-chromy-navalia-lambdium-ghostjs-autogcd-ef34bcd26907">Chromeless,
Chrominator, Chromy, Navalia, Lambdium, GhostJS, AutoGCD</a> - Headless
Chrome is shaking up traditional approaches to test automation.</li>
<li><a
href="https://david-x.medium.com/the-state-of-visual-regression-testing-in-2022-5de10ffe8f6f">Everything
you need to know about Visual Regression Testing in 2022</a> - Intro to
visual regression testing with tools updated as of 2022.</li>
<li><a
href="https://css-tricks.com/automating-css-regression-testing/">Garris
Shipon: Automating CSS Regression Testing</a> - Tutorial using
BackstopJS.</li>
<li><a
href="https://davidwalsh.name/visual-regression-testing-angular-applications">Garris
Shipon: Visual Regression Testing For Angular Applications</a> -
Tutorial using BackstopJS.</li>
<li><a
href="https://techblog.commercetools.com/keeping-a-react-design-system-consistent-f055160d5166">Keeping
a React Design System consistent: using visual regression testing to
save time and headaches</a> - Using percy, and jest puppeteer to
visually test a React component library.</li>
<li><a
href="http://www.creativebloq.com/features/the-5-best-visual-regression-testing-tools">Kevin
Lamping: The 5 best visual regression testing tools</a> - Compares:
Wraith, PhantomCSS, Gemini, WebdriverCSS and Spectre.</li>
<li><a
href="https://medium.com/@nima.soroush.h/make-visual-regression-testing-easier-4a3dc7073737">Make
visual regression testing easier</a> - Introduction to <a
href="https://github.com/NimaSoroush/differencify">Differencify</a> and
how to use it.</li>
<li><a
href="https://www.sitepoint.com/visual-regression-testing-with-phantomcss">Pavels
Jelisejevs: Visual Regression Testing with PhantomCSS</a> - Introduction
to PhantomCSS.</li>
<li><a
href="https://medium.com/@philgourley/making-visual-regression-useful-acfae27e5031">Phillip
Gourley: Making visual regression useful</a> - Why you should use
BackstopJS.</li>
<li><a href="https://idkshite.com/posts/compare-visual-changes">Poor
man’s visual regression testing</a> - Improved manual visual regression
testing with the PerfectPixel chrome plugin.</li>
<li><a href="https://theheadless.dev">theheadless.dev</a> - Blog with
practical guides and runnable examples on Playwright and Puppeteer.</li>
<li><a
href="https://mikuu.medium.com/ui-visual-regression-testing-with-micoo-12c7a4a036b9">UI
Visual Regression Testing with Micoo</a> - Introduction about how to do
visual regression testing with Micoo service</li>
<li><a
href="https://medium.com/@dalenguyen/visual-regression-test-with-webdriverio-webdrivercss-d7675a1812b2">Visual
Regression Test with WebdriverIO &amp; WebdriverCSS</a> - Tutorial using
WebdriverIO and WebdriverCSS with Spec Reporter</li>
<li><a
href="https://jameskiefer.com/posts/visual-regression-testing-for-hugo-with-github-ci-and-backstopjs/">Visual
regression testing for Hugo with Github-CI and BackstopJS</a> - How to
automate regression testing for Hugo with BackstopJS</li>
<li><a
href="https://mikuu.medium.com/ui-visual-regression-testing-with-micoo-12c7a4a036b9">UI
Visual Regression Testing with Micoo</a> - Introduction about how to do
visual regression testing with Micoo service</li>
<li><a href="https://idkshite.com/posts/compare-visual-changes">Poor
man’s visual regression testing</a> - Improved manual visual regression
testing with the PerfectPixel chrome plugin.</li>
<li><a
href="https://david-x.medium.com/the-state-of-visual-regression-testing-in-2022-5de10ffe8f6f">Everything
you need to know about Visual Regression Testing in 2022</a> - Intro to
visual regression testing with tools updated as of 2022.</li>
href="https://github.com/novemberfiveco/visual-regression-testing-jest-chromeless">Visual
regression testing using Jest, Chromeless and AWS Lambda</a> - Tutorial
using Chromeless and jest-image-snapshot.</li>
<li><a href="https://www.viswiz.io/help/tutorials/puppeteer">Visual
Regression Testing with Puppeteer &amp; Jest</a> - Tutorial to setup
visual testing with Puppeteer, Jest and VisWiz.io.</li>
</ul>
<h2 id="slideshows-talks-and-videos">Slideshows, talks and videos</h2>
<h2 id="slideshows-talks-and-videos-a-z">Slideshows, talks and videos
(a-z↓)</h2>
<ul>
<li><a href="https://youtu.be/gE_19L0l2q0">CSS Regression Testing with
Wraith</a> - Screencast: Basic introduction to wraith, a screenshot
comparison tool.</li>
<li><a href="https://youtu.be/CBBiJ6YlXLc">Visual Regression Testing
with Shoov</a> - How to setup shoov and get your first test
written.</li>
<li><a href="https://youtu.be/Vp8vnXMjIfw">Visual Regression Testing
with PhantomCSS</a> - Talk by Jon Bellah on how to use PhantomCSS during
wordpress development.</li>
<li><a href="https://youtu.be/l8lGj8Zh0k4">Visual Regression Testing:
Sanity Checks With BackstopJS</a> - Screencast with code demo and best
practices.</li>
<li><a href="https://youtu.be/Zy8y_dGzZXI">Screenster Tutorial</a> -
Tutorial on how to create visual automated tests with Screenster.</li>
<li><a
href="https://www.youtube.com/watch?v=BQqzfHQkREo&amp;ab_channel=Fireship">Cypress
in 100 Seconds</a> - Introduction video by Fireship.</li>
<li><a href="https://youtu.be/vTyoQuC0To8">Look-alike - visual
regression testing tool</a> - Demo what the Look-alike Chrome extension
is, how it works and how and why it was build.</li>
@@ -373,61 +371,69 @@ is, how it works and how and why it was build.</li>
lightweight testing framework for CSS</a> - How to write your first CSS
test with CSS critic, make it pass, break it, and make it pass
again.</li>
<li><a href="https://youtu.be/Zy8y_dGzZXI">Screenster Tutorial</a> -
Tutorial on how to create visual automated tests with Screenster.</li>
<li><a
href="https://speakerdeck.com/nikhilverma/visual-regression-testing-from-a-tool-to-a-process">Visual
Regression Testing - from a tool to a process</a> by Nikhil Verma - How
the Mobile Web team in Badoo converted and integrated PhantomCSS into
their workflow and connected it to their CI process.</li>
<li><a
href="https://www.youtube.com/watch?v=BQqzfHQkREo&amp;ab_channel=Fireship">Cypress
in 100 Seconds</a> - Introduction video by Fireship.</li>
<li><a href="https://youtu.be/Vp8vnXMjIfw">Visual Regression Testing
with PhantomCSS</a> - Talk by Jon Bellah on how to use PhantomCSS during
wordpress development.</li>
<li><a href="https://youtu.be/CBBiJ6YlXLc">Visual Regression Testing
with Shoov</a> - How to setup shoov and get your first test
written.</li>
<li><a href="https://youtu.be/l8lGj8Zh0k4">Visual Regression Testing:
Sanity Checks With BackstopJS</a> - Screencast with code demo and best
practices.</li>
</ul>
<h2 id="deprecated">Deprecated</h2>
<h2 id="deprecated-a-z">Deprecated (a-z↓)</h2>
<p>The following projects are no longer maintained actively but are
still worth mentioning because of their user base.</p>
<ul>
<li><a href="https://github.com/ariya/phantomjs">PhantomJS</a> -
Scriptable Headless WebKit. No longer maintained since 2 June 2018.</li>
<li><a href="https://github.com/Huddle/PhantomCSS">PhantomCSS</a> -
Visual/CSS regression testing with PhantomJS or SlimerJS. No longer
maintained since 22 Dec 2017.</li>
<li><a href="https://github.com/Huddle/PhantomFlow">PhantomFlow</a> -
Experimental approach to UI testing, based on Decision Trees.</li>
<li><a href="https://github.com/casperjs/casperjs">CasperJS</a> -
Navigation scripting and testing utility for PhantomJS and SlimerJS.
(archived 2018)</li>
<li><a href="https://github.com/graphcool/chromeless">Chromeless</a> -
Chrome automation made simple. Runs locally or headless on AWS Lambda.
(archived 2018)</li>
<li><a href="https://github.com/dalekjs/dalek">DalekJS</a> - Automated
cross browser testing with JavaScript. No longer maintained since 4 Jun
2017.</li>
<li><a href="https://github.com/bslatkin/dpxdt">dpxdt</a> - End-to-end
testing with Python.</li>
<li><a href="https://github.com/xebia/VisualReview">Visual Review</a> -
A human-friendly tool for testing and reviewing visual regressions.</li>
<li><a href="https://github.com/gemini-testing/gemini">Gemini</a> -
Feature rich framework with support for <a
href="https://github.com/SeleniumHQ/selenium">Selenium</a> and <a
href="https://github.com/casperjs/casperjs">CasperJS</a>. Gemini is
deprecated, use hermione instead.</li>
<li><a href="https://github.com/facebookarchive/huxley">Huxley</a> -
Python framework based on <a
href="https://github.com/SeleniumHQ/selenium/tree/master/javascript/node/selenium-webdriver">Selenium
Webdriver</a>.</li>
<li><a href="https://github.com/joelgriffith/navalia">Navalia</a> -
Browser Automation based on headless Chrome and GraphQL. (archived
2018)</li>
<li><a href="https://github.com/mmacartney10/ocularjs">OcularJS</a> -
uses <a href="https://github.com/ariya/phantomjs">PhantomJS</a>.</li>
<li><a href="https://github.com/Huddle/PhantomCSS">PhantomCSS</a> -
Visual/CSS regression testing with PhantomJS or SlimerJS. No longer
maintained since 22 Dec 2017.</li>
<li><a href="https://github.com/Huddle/PhantomFlow">PhantomFlow</a> -
Experimental approach to UI testing, based on Decision Trees.</li>
<li><a href="https://github.com/ariya/phantomjs">PhantomJS</a> -
Scriptable Headless WebKit. No longer maintained since 2 June 2018.</li>
<li><a href="https://github.com/sdesalas/trifleJS">trifleJS</a> -
Headless automation for Internet Explorer. (last update 2016)</li>
<li><a href="https://github.com/xebia/VisualReview">Visual Review</a> -
A human-friendly tool for testing and reviewing visual regressions.</li>
<li><a
href="https://github.com/webdriverio/webdrivercss">WebdriverCSS</a> -
WebdriverCSS sits on top of <a
href="https://github.com/webdriverio/webdriverio/">Webdriver.io</a> and
hooks into <a
href="https://github.com/SeleniumHQ/selenium">Selenium</a>.</li>
<li><a href="https://github.com/gemini-testing/gemini">Gemini</a> -
Feature rich framework with support for <a
href="https://github.com/SeleniumHQ/selenium">Selenium</a> and <a
href="https://github.com/casperjs/casperjs">CasperJS</a>. Gemini is
deprecated, use hermione instead.</li>
<li><a href="https://github.com/mmacartney10/ocularjs">OcularJS</a> -
uses <a href="https://github.com/ariya/phantomjs">PhantomJS</a>.</li>
<li><a href="https://github.com/sdesalas/trifleJS">trifleJS</a> -
Headless automation for Internet Explorer. (last update 2016)</li>
<li><a href="https://github.com/casperjs/casperjs">CasperJS</a> -
Navigation scripting and testing utility for PhantomJS and SlimerJS.
(archived 2018)</li>
<li><a href="https://github.com/joelgriffith/navalia">Navalia</a> -
Browser Automation based on headless Chrome and GraphQL. (archived
2018)</li>
<li><a href="https://github.com/graphcool/chromeless">Chromeless</a> -
Chrome automation made simple. Runs locally or headless on AWS Lambda.
(archived 2018)</li>
</ul>
<h2 id="miscellaneous">Miscellaneous</h2>
<h3 id="contributing">Contributing</h3>
@@ -452,3 +458,6 @@ Attribution-ShareAlike 4.0 International License</a>. License holders
are <a
href="https://github.com/mojoaxel/awesome-regression-testing/graphs/contributors">all
contributors</a>.</p>
<p><a
href="https://github.com/mojoaxel/awesome-regression-testing">regressiontesting.md
Github</a></p>