[[
wikihub
]]
Search
⌘K
Explore
People
For Agents
Sign in
Explore
People
For Agents
Sign in
@harrisonqian / Awesome / wiki/testing/visual-regression-testing.md
Suggest edit
Cancel
Submit suggestion
Title
Name
Note
--- visibility: public --- # Visual Regression Testing **repo:** [mojoaxel/awesome-regression-testing](https://github.com/mojoaxel/awesome-regression-testing) **category:** [[testing|Testing]] **related:** [[selenium|Selenium]] --- # Awesome Visual Regression Testing [](https://github.com/sindresorhus/awesome) > Curated list of awesome visual regression testing resources. Regression testing is a type of software testing which verifies that software which was previously developed and tested still performs the same way after it was changed or interfaced with other software. The purpose of regression testing is to ensure that changes to the software have not introduced new faults. ## Foreword This is intended to be an *incomplete* list of resources about visual regression testing. It is not tailored to a specific area or role (Developer/QA/UX-Designer). Note that this is for all areas of regression software testing *after* the code in question is written. For a awesome list on general software testing see e.g. [awesome-testing](https://github.com/TheJambo/awesome-testing). Finally, I'm sure everyone who reads this list has one thing they want to add. Please read the [How to Contribute](.github/CONTRIBUTING.md) page and **Feel free to add to the list!!**. If you think this is helpful **Please give a Star ⭐️**. ## Contents - [General information](#general-information) - [Browser automation](#browser-automation) - [Tools and frameworks](#tools-and-frameworks) - [Online services](#online-services) - [Blog posts](#blog-posts) - [Slideshows, [talks](/@harrisonqian/awesome/wiki/theory/talks) and videos](#slideshows-talks-and-videos) - [Deprecated](#deprecated) - [Miscellaneous](#Miscellaneous) - [Contributing](#contributing) - [Code of Conduct](#code-of-conduct) - [License](#license) ## General information - [Survey of screenshot-based CSS [testing](/@harrisonqian/awesome/wiki/testing/testing) tools](https://gist.[github](/@harrisonqian/awesome/wiki/development-environment/github).com/cvrebert/adf91e429906a4d746cd) - [Wikipedia: Regression testing](https://en.wikipedia.org/wiki/Regression_testing) ## Browser automation - [Cypress.io](https://www.cypress.io/) - An automation framework that runs in-browser. - [Selenium](https://github.com/SeleniumHQ/selenium) - Browser automation framework and ecosystem. - [SlimerJS](https://github.com/laurentj/slimerjs) - [Scriptable](/@harrisonqian/awesome/wiki/miscellaneous/scriptable) browser like PhantomJS, based on Firefox. - [Webdriver.io](https://github.com/webdriverio/webdriverio/) - [Node.js](/@harrisonqian/awesome/wiki/platforms/node-js) bindings implementation for the W3C WebDriver protocol. ## Tools and frameworks (a-z↓) - [AET](https://github.com/Cognifide/aet) - Scalable [testing](/@harrisonqian/awesome/wiki/testing/testing) tool providing visual regression testing, accessibility and performance validation, markup analysis and more. - [AyeSpy](https://github.com/newsuk/ayespy) - 44 image comparisons in 90 seconds. - [BackstopJS](https://github.com/garris/BackstopJS) - Config-driven automated screenshot test framework. - [basset](https://basset.io) - Open source platform for generating and reviewing visual differences. Supports multiple browsers, integrations for [github](/@harrisonqian/awesome/wiki/development-environment/github) and [slack](/@harrisonqian/awesome/wiki/work/slack). - [BitDive](https://bitdive.io/) - BitDive is a zero-code regression [testing](/@harrisonqian/awesome/wiki/testing/testing) tool for Java/[Kotlin](/@harrisonqian/awesome/wiki/programming-languages/kotlin) applications. It captures real runtime behavior (methods, SQL, HTTP) and enables Live Context Replay with automatic mocking to detect semantic drift between versions. - [BFFless](https://bffless.app) - Self-hosted platform for hosting and viewing visual regression screenshots from CI/CD pipelines with [GitHub](/@harrisonqian/awesome/wiki/development-environment/github) Actions [integration](/@harrisonqian/awesome/wiki/platforms/integration). - [Chimp](https://github.com/xolvio/chimp) - Develop acceptance tests & end-to-end tests with realtime feedback. - [CodeceptJS](https://github.com/codeception/codeceptjs/) - Modern Era Acceptance [Testing](/@harrisonqian/awesome/wiki/testing/testing) Framework for NodeJS. - [Creevey](https://github.com/wKich/creevey) - Cross-browser visual [testing](/@harrisonqian/awesome/wiki/testing/testing) with magic. Feature-rich tool with UI Runner, Tests Hot Reloading, [Docker](/@harrisonqian/awesome/wiki/back-end-development/docker) and [Storybook](/@harrisonqian/awesome/wiki/front-end-development/storybook) [integration](/@harrisonqian/awesome/wiki/platforms/integration). - [CSSCritic](https://github.com/cburgmer/csscritic) - Lightweight CSS regression [testing](/@harrisonqian/awesome/wiki/testing/testing). - [Differencify](https://github.com/NimaSoroush/differencify) - A library for visual regression [testing](/@harrisonqian/awesome/wiki/testing/testing) using [Puppeteer](https://github.com/GoogleChrome/puppeteer). - [ember-visual-test](https://github.com/Cropster/ember-visual-test) - Simple visual regression [testing](/@harrisonqian/awesome/wiki/testing/testing) for [Ember](https://emberjs.com/). - [FuncUnit](https://github.com/bitovi/funcunit) - A functional test suite based on [jQuery](/@harrisonqian/awesome/wiki/front-end-development/jquery) - [Galen](https://github.com/galenframework/galen) - [Java](/@harrisonqian/awesome/wiki/programming-languages/java) framework based on [Selenium](https://github.com/SeleniumHQ/selenium). - [gatling](https://github.com/gabrielrotbart/gatling) - Integrated visual RSpec matcher which makes real visual [testing](/@harrisonqian/awesome/wiki/testing/testing) easy (Ruby). - [grunt-photobox](https://github.com/stefanjudis/grunt-photobox) - Plugin to prevent your project of broken layout via screenshot photo sessions of your site. - [Happo](https://github.com/happo/happo.io) - Visual diffing in CI for user interfaces. - [Hardy](https://github.com/thingsinjars/Hardy) - [Selenium](/@harrisonqian/awesome/wiki/testing/selenium)-driven, cucumber-powered CSS [testing](/@harrisonqian/awesome/wiki/testing/testing). - [jest-image-snapshot](https://github.com/americanexpress/jest-image-snapshot) - Jest matcher that performs image comparisons using [pixelmatch](https://www.npmjs.com/package/pixelmatch) - [jest-puppeteer-react](https://github.com/Hapag-Lloyd/jest-puppeteer-react) - Visual regression [testing](/@harrisonqian/awesome/wiki/testing/testing) with Jest and puppeteer for [React](/@harrisonqian/awesome/wiki/front-end-development/react) components - [Karma](http://karma-runner.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/latest/index.html) - A test runner by the AngularJS team, that fits all our needs. - [Loki](https://github.com/oblador/loki) - Visual regression [testing](/@harrisonqian/awesome/wiki/testing/testing) for [Storybook](/@harrisonqian/awesome/wiki/front-end-development/storybook) using Chrome in [docker](/@harrisonqian/awesome/wiki/back-end-development/docker) et al. - [Look-alike](https://github.com/kdzwinel/Look-alike) - Chrome Extension for taking and comparing screenshots. - [Lost Pixel](https://github.com/lost-pixel/lost-pixel) - Holistic visual regression [testing](/@harrisonqian/awesome/wiki/testing/testing) for full pages, components (via [Storybook](/@harrisonqian/awesome/wiki/front-end-development/storybook) and Ladle integration), and custom shots (e.g. via Cypress). - [Muppeteer](https://github.com/HuddleEng/Muppeteer) - Visual regression [testing](/@harrisonqian/awesome/wiki/testing/testing) framework for Chrome using [Mocha](https://mochajs.org/) and [Puppeteer](https://github.com/GoogleChrome/puppeteer). - [Needle](https://github.com/python-needle/needle) - Needle is a tool for [testing](/@harrisonqian/awesome/wiki/testing/testing) visuals with [Selenium](/@harrisonqian/awesome/wiki/testing/selenium) and nose (Python). - [Nightmare](https://github.com/segmentio/nightmare) - High-level browser automation library based on [Electron](/@harrisonqian/awesome/wiki/platforms/electron). - [Nightwatch](https://github.com/nightwatchjs/nightwatch) - Automated [testing](/@harrisonqian/awesome/wiki/testing/testing) and continuous [integration](/@harrisonqian/awesome/wiki/platforms/integration) framework based on [Node.js](/@harrisonqian/awesome/wiki/platforms/node-js) and using the Webdriver protocol. - [OSnap](https://github.com/eWert-Online/osnap) - The speedy and easy to use Snapshot [Testing](/@harrisonqian/awesome/wiki/testing/testing) tool for your project (1200 snapshots will run in under 3 minutes). - [Playwright](https://github.com/microsoft/playwright) - Node library to automate Chromium, Firefox and WebKit with a single API. - [Protractor](https://github.com/angular/protractor) - E2E test framework for [Angular](/@harrisonqian/awesome/wiki/front-end-development/angular) [apps](/@harrisonqian/awesome/wiki/platforms/apps). - [Puppeteer](https://github.com/GoogleChrome/puppeteer) - Headless Google Chrome Node API. - [qd_screenshottests](https://www.[drupal](/@harrisonqian/awesome/wiki/content-management-systems/drupal).org/project/qd_screenshottests) - CasperJS-based UI regression and functional [testing](/@harrisonqian/awesome/wiki/testing/testing) focused on [Drupal](/@harrisonqian/awesome/wiki/content-management-systems/drupal) 8 sites. - [reg-cli](https://github.com/bokuweb/reg-cli) - Visual regression test tool which output easy-to-read single file html report. - [reg-suit](https://github.com/reg-viz/reg-suit) - Visual regression [testing](/@harrisonqian/awesome/wiki/testing/testing) suite which compares images, stores snapshots, and notifies the difference to your [GitHub](/@harrisonqian/awesome/wiki/development-environment/github) repo. - [ResembleJS](https://github.com/Huddle/Resemble.js) - Analyse and compare images with [Javascript](/@harrisonqian/awesome/wiki/programming-languages/javascript) and [HTML5](/@harrisonqian/awesome/wiki/front-end-development/html5). - [Selenide](https://github.com/selenide/selenide) - Framework powered by [Selenium](/@harrisonqian/awesome/wiki/testing/selenium) WebDriver for writing easy-to-read and easy-to-maintain automated tests in [Java](/@harrisonqian/awesome/wiki/programming-languages/java). - [Shoov](https://github.com/shoov/shoov) - UI regression and functional [testing](/@harrisonqian/awesome/wiki/testing/testing) focused on [Drupal](/@harrisonqian/awesome/wiki/content-management-systems/drupal) 7 sites. - [Spectre](https://github.com/wearefriday/spectre) - Provides image comparison capabilities and an admin interface for managing screenshots. - [test-crawler](https://github.com/apiel/test-crawler) - Visual regression [testing](/@harrisonqian/awesome/wiki/testing/testing), by crawling a website and providing snapshot comparison reports. - [TestCafe](https://github.com/DevExpress/testcafe) - Automated browser [testing](/@harrisonqian/awesome/wiki/testing/testing) for the modern web development stack. - [Touca](https://github.com/trytouca/trytouca) - Open source continuous regression [testing](/@harrisonqian/awesome/wiki/testing/testing) without the hassle of managing snapshot files. - [vrtest](https://github.com/nathanmarks/vrtest) - [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) library for running visual regression tests on your components cross browser via [selenium](/@harrisonqian/awesome/wiki/testing/selenium). - [wdio-visual-regression](https://github.com/ennjin/wdio-visual-regression) - Visual regression tool for webdriver.io - [Wendigo](https://github.com/angrykoala/wendigo) - Test-oriented browser automation library based on Puppeteer. - [Wraith](https://github.com/BBC-News/wraith) - Easy to use [ruby](/@harrisonqian/awesome/wiki/programming-languages/ruby) tool with [docker](/@harrisonqian/awesome/wiki/back-end-development/docker) support. - [Zombie.js](http://zombie.js.org/) - Insanely fast, headless full-stack [testing](/@harrisonqian/awesome/wiki/testing/testing) using [Node.js](/@harrisonqian/awesome/wiki/platforms/node-js). ## Online services (a-z↓) - [applitools](https://applitools.com) - Cloud base visual tests. - [Argos](https://argos-ci.com) - The open source visual [testing](/@harrisonqian/awesome/wiki/testing/testing) platform for modern engineering teams. - [Axcept](https://axcept.io) - [Testing](/@harrisonqian/awesome/wiki/testing/testing) for the whole team. Up to 100 tests in parallel. Endpoint Mocking. Code Coverage. - [Browser Shots](http://browsershots.org) - Screenshots only. - [browserling](https://www.browserling.com) - LIVE interactive cross-browser [testing](/@harrisonqian/awesome/wiki/testing/testing). - [BrowserStack](https://www.browserstack.com) - Free for Open Source. Supports [Selenium Webdriver](https://github.com/SeleniumHQ/selenium/tree/master/javascript/node/selenium-webdriver). - [BugBug.io](https://bugbug.io/) - Lightweight test 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](/@harrisonqian/awesome/wiki/platforms/integration). - [Chromatic](https://www.chromatic.com/) - Visual [testing](/@harrisonqian/awesome/wiki/testing/testing) and UI review for component libraries. Cloud-based. [Video](https://youtu.be/6KDLJBcutQE) - [CrossBrowserTesting](https://crossbrowsertesting.com) - Manual & exploratory [testing](/@harrisonqian/awesome/wiki/testing/testing) on 1500+ real browsers and mobile devices. - [Diffy](https://diffy.website) - Cloud based visual regression tool that focuses on [Drupal](/@harrisonqian/awesome/wiki/content-management-systems/drupal) and WordPress. Full page screenshots and minimal number of false positives. Just provide URLs of your sites to get started. No coding required. - [Fluxguard](https://fluxguard.com) - Screenshot pixel and DOM change comparisons and regressions. - [Ghost Inspector](https://ghostinspector.com) - See [introduction video](https://vimeo.com/ghostinspector/intro). - [Happo](https://happo.io/) - Cloud-based screenshot [testing](/@harrisonqian/awesome/wiki/testing/testing) service with support for multiple browsers. - [HeadSpin](https://www.headspin.io/) - HeadSpin's Regression [testing](/@harrisonqian/awesome/wiki/testing/testing) gives you a powerful comparison tool for analysing degradation across new app builds, OS releases, feature additions, locations, and more. - [Keploy](https://keploy.io) - Open-source regression [testing](/@harrisonqian/awesome/wiki/testing/testing) tool that automatically generates test cases and mocks from real API calls. - [LambdaTest](https://www.lambdatest.com/) - Perform Automated and Live Interactive Cross Browser [Testing](/@harrisonqian/awesome/wiki/testing/testing) on 2000+ Real Browsers and Operating Systems Online. - [Meticulous.ai](https://meticulous.ai) - 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. - [Micoo](https://github.com/Mikuu/Micoo) - Open source service for all UI application visual regression solution - [percy.io](https://percy.io) - Continuous visual reviews for web [apps](/@harrisonqian/awesome/wiki/platforms/apps). - [Pixeleye](https://pixeleye.io/home) - Open-source, multi-browser visual review and [testing](/@harrisonqian/awesome/wiki/testing/testing) platform with the option to self-host. It has first-class support for [Storybook](/@harrisonqian/awesome/wiki/front-end-development/storybook), Cypress, [Playwright](/@harrisonqian/awesome/wiki/testing/playwright) & Puppeteer. - [Preflight: Cypress Recorder](https://cypress.preflight.com) - Create AI-powered Cypress Tests/POM models in your browser and automate Email & Visual [testing](/@harrisonqian/awesome/wiki/testing/testing) for Cypress. - [Preflight](https://preflight.com) - Easiest Visual regression [testing](/@harrisonqian/awesome/wiki/testing/testing) and Automated Web [Testing](/@harrisonqian/awesome/wiki/testing/testing) tool. (Limited) free use. - [Reflect](https://reflect.run) - Visual regression [testing](/@harrisonqian/awesome/wiki/testing/testing) and test automation tool. - [screener.io](https://screener.io) - For [React](/@harrisonqian/awesome/wiki/front-end-development/react), looks open source. - [screenster.io](http://screenster.io) - Cloud based automation [testing](/@harrisonqian/awesome/wiki/testing/testing) platform for web and mobile UI. - [Sherlo](https://github.com/sherlo-io/sherlo) - Visual [testing](/@harrisonqian/awesome/wiki/testing/testing) platform for [React](/@harrisonqian/awesome/wiki/front-end-development/react) Native [Storybook](/@harrisonqian/awesome/wiki/front-end-development/storybook). Captures screenshots on iOS and [Android](/@harrisonqian/awesome/wiki/platforms/android) simulators in the cloud and detects visual changes automatically. - [TestGrid](https://www.testgrid.io/) - Perform End to End test automation be it cross browser [testing](/@harrisonqian/awesome/wiki/testing/testing), mobile app testing, performance testing or API testing on cloud or on-premise. - [TestingBot](https://testingbot.com) - Provides +3600 browsers to run automated visual tests. Free for Open Source. - [Testomat.io Reporter](https://github.com/testomatio/reporter) - Allows to collect tests to a Test Case Management System (TCMS) like testomat.io and sync manual and automated tests in one place. - [testRigor](https://testrigor.com) - E2E functional test automation tool for web, mobile, and desktop tests. - [Vidiff](https://vidiff.com) - Cloud-based visual regression [testing](/@harrisonqian/awesome/wiki/testing/testing) across stages. - [Visual Knight](https://visual-knight.io/) - Cloud-based visual [testing](/@harrisonqian/awesome/wiki/testing/testing) platform with realtime results for testing tools. - [Visual Regression Tracker](https://github.com/Visual-Regression-Tracker/Visual-Regression-Tracker) - Open Source selfhosted service for visual regression [testing](/@harrisonqian/awesome/wiki/testing/testing) - [VisWiz.io](https://www.viswiz.io) - Flexible visual regression [testing](/@harrisonqian/awesome/wiki/testing/testing) service. - [VRTs - Visual Regression Tests](https://bleech.de/en/products/visual-regression-tests/) – WordPress plugin auto-updating screenshots on content updates, preventing false positives. ## Blog posts (a-z↓) - [Angela Riggs: Visual Regression [Testing](/@harrisonqian/awesome/wiki/testing/testing) with BackstopJS](https://www.metaltoad.com/blog/visual-regression-testing-backstopjs) - Tutorial using BackstopJS. - [Automated screenshot comparison tests with headless Chrome, Puppeteer and Pixelmatch, in Bitbucket pipeline](https://jakobzanker.de/blog/automated-screenshot-comparison-test-with-headless-chrome-in-bitbucket-pipeline/) - [Automatic visual diffing with Puppeteer](https://meowni.ca/posts/2017-puppeteer-tests/) - [Chromeless, Chrominator, Chromy, Navalia, Lambdium, GhostJS, AutoGCD](https://medium.com/@kensoh/chromeless-chrominator-chromy-navalia-lambdium-ghostjs-autogcd-ef34bcd26907) - Headless Chrome is shaking up traditional approaches to test automation. - [CodeLift: Introduction to Diffy for Visual Regression Testing](https://codelift.ai/resources/tech-articles/introduction-diffy-visual-regression-testing) - Catch visual and functional issues before they reach production. - [Everything you need to know about Visual Regression [Testing](/@harrisonqian/awesome/wiki/testing/testing) in 2022](https://david-x.medium.com/the-state-of-visual-regression-testing-in-2022-5de10ffe8f6f) - Intro to visual regression testing with tools updated as of 2022. - [Garris Shipon: Automating CSS Regression Testing](https://css-tricks.com/automating-css-regression-testing/) - Tutorial using BackstopJS. - [Garris Shipon: Visual Regression [Testing](/@harrisonqian/awesome/wiki/testing/testing) For [Angular](/@harrisonqian/awesome/wiki/front-end-development/angular) Applications](https://davidwalsh.name/visual-regression-testing-angular-applications) - Tutorial using BackstopJS. - [Keeping a [React](/@harrisonqian/awesome/wiki/front-end-development/react) Design System consistent: using visual regression [testing](/@harrisonqian/awesome/wiki/testing/testing) to save time and headaches](https://techblog.commercetools.com/keeping-a-react-design-system-consistent-f055160d5166) - Using percy, and jest puppeteer to visually test a [React](/@harrisonqian/awesome/wiki/front-end-development/react) component library. - [Kevin Lamping: The 5 best visual regression [testing](/@harrisonqian/awesome/wiki/testing/testing) tools](http://www.creativebloq.com/features/the-5-best-visual-regression-testing-tools) - Compares: Wraith, PhantomCSS, Gemini, WebdriverCSS and Spectre. - [Make visual regression [testing](/@harrisonqian/awesome/wiki/testing/testing) easier](https://medium.com/@nima.soroush.h/make-visual-regression-testing-easier-4a3dc7073737) - Introduction to [Differencify](https://github.com/NimaSoroush/differencify) and how to use it. - [Pavels Jelisejevs: Visual Regression [Testing](/@harrisonqian/awesome/wiki/testing/testing) with PhantomCSS](https://www.sitepoint.com/visual-regression-testing-with-phantomcss) - Introduction to PhantomCSS. - [Phillip Gourley: Making visual regression useful](https://medium.com/@philgourley/making-visual-regression-useful-acfae27e5031) - Why you should use BackstopJS. - [Poor man's visual regression testing](https://idkshite.com/posts/compare-visual-changes) - Improved manual visual regression [testing](/@harrisonqian/awesome/wiki/testing/testing) with the PerfectPixel chrome plugin. - [theheadless.dev](https://theheadless.dev) - Blog with practical guides and runnable examples on [Playwright](/@harrisonqian/awesome/wiki/testing/playwright) and Puppeteer. - [UI Visual Regression [Testing](/@harrisonqian/awesome/wiki/testing/testing) with Micoo](https://mikuu.medium.com/ui-visual-regression-testing-with-micoo-12c7a4a036b9) - Introduction about how to do visual regression testing with Micoo service - [Visual Regression Test with WebdriverIO & WebdriverCSS](https://medium.com/@dalenguyen/visual-regression-test-with-webdriverio-webdrivercss-d7675a1812b2) - Tutorial using WebdriverIO and WebdriverCSS with Spec Reporter - [Visual regression [testing](/@harrisonqian/awesome/wiki/testing/testing) for Hugo with [Github](/@harrisonqian/awesome/wiki/development-environment/github)-CI and BackstopJS](https://jameskiefer.com/posts/visual-regression-testing-for-hugo-with-github-ci-and-backstopjs/) - How to automate regression testing for Hugo with BackstopJS - [Visual regression [testing](/@harrisonqian/awesome/wiki/testing/testing) using Jest, Chromeless and AWS Lambda](https://github.com/novemberfiveco/visual-regression-testing-jest-chromeless) - Tutorial using Chromeless and jest-image-snapshot. - [Visual Regression [Testing](/@harrisonqian/awesome/wiki/testing/testing) with Puppeteer & Jest](https://www.viswiz.io/help/tutorials/puppeteer) - Tutorial to setup visual testing with Puppeteer, Jest and VisWiz.io. ## Slideshows, talks and videos (a-z↓) - [CSS Regression [Testing](/@harrisonqian/awesome/wiki/testing/testing) with Wraith](https://youtu.be/gE_19L0l2q0) - Screencast: Basic introduction to wraith, a screenshot comparison tool. - [Cypress in 100 Seconds](https://www.youtube.com/watch?v=BQqzfHQkREo&ab_channel=Fireship) - Introduction video by Fireship. - [Look-alike - visual regression [testing](/@harrisonqian/awesome/wiki/testing/testing) tool](https://youtu.be/vTyoQuC0To8) - Demo what the Look-alike Chrome extension is, how it works and how and why it was build. - [Screencast on CSS critic - a lightweight [testing](/@harrisonqian/awesome/wiki/testing/testing) framework for CSS](https://youtu.be/AqQ2bNPtF60) - How to write your first CSS test with CSS critic, make it pass, break it, and make it pass again. - [Screenster Tutorial](https://youtu.be/Zy8y_dGzZXI) - Tutorial on how to create visual automated tests with Screenster. - [Visual Regression [Testing](/@harrisonqian/awesome/wiki/testing/testing) - from a tool to a process](https://speakerdeck.com/nikhilverma/visual-regression-testing-from-a-tool-to-a-process) by Nikhil Verma - How the Mobile Web team in Badoo converted and integrated PhantomCSS into their workflow and connected it to their CI process. - [Visual Regression [Testing](/@harrisonqian/awesome/wiki/testing/testing) with PhantomCSS](https://youtu.be/Vp8vnXMjIfw) - Talk by Jon Bellah on how to use PhantomCSS during wordpress development. - [Visual Regression [Testing](/@harrisonqian/awesome/wiki/testing/testing) with Shoov](https://youtu.be/CBBiJ6YlXLc) - How to setup shoov and get your first test written. - [Visual Regression [Testing](/@harrisonqian/awesome/wiki/testing/testing): Sanity Checks With BackstopJS](https://youtu.be/l8lGj8Zh0k4) - Screencast with code demo and best practices. ## Deprecated (a-z↓) The following projects are no longer maintained actively but are still worth mentioning because of their user base. - [CasperJS](https://github.com/casperjs/casperjs) - Navigation scripting and [testing](/@harrisonqian/awesome/wiki/testing/testing) utility for PhantomJS and SlimerJS. (archived 2018) - [Chromeless](https://github.com/graphcool/chromeless) - Chrome automation made simple. Runs locally or headless on AWS Lambda. (archived 2018) - [DalekJS](https://github.com/dalekjs/dalek) - Automated cross browser [testing](/@harrisonqian/awesome/wiki/testing/testing) with [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript). No longer maintained since 4 Jun 2017. - [dpxdt](https://github.com/bslatkin/dpxdt) - End-to-end [testing](/@harrisonqian/awesome/wiki/testing/testing) with [Python](/@harrisonqian/awesome/wiki/programming-languages/python). - [Gemini](https://github.com/gemini-testing/gemini) - Feature rich framework with support for [Selenium](https://github.com/SeleniumHQ/selenium) and [CasperJS](https://github.com/casperjs/casperjs). Gemini is deprecated, use hermione instead. - [Huxley](https://github.com/facebookarchive/huxley) - [Python](/@harrisonqian/awesome/wiki/programming-languages/python) framework based on [Selenium Webdriver](https://github.com/SeleniumHQ/selenium/tree/master/javascript/node/selenium-webdriver). - [Navalia](https://github.com/joelgriffith/navalia) - Browser Automation based on headless Chrome and [GraphQL](/@harrisonqian/awesome/wiki/miscellaneous/graphql). (archived 2018) - [OcularJS](https://github.com/mmacartney10/ocularjs) - uses [PhantomJS](https://github.com/ariya/phantomjs). - [PhantomCSS](https://github.com/Huddle/PhantomCSS) - Visual/CSS regression [testing](/@harrisonqian/awesome/wiki/testing/testing) with PhantomJS or SlimerJS. No longer maintained since 22 Dec 2017. - [PhantomFlow](https://github.com/Huddle/PhantomFlow) - Experimental approach to UI [testing](/@harrisonqian/awesome/wiki/testing/testing), based on Decision Trees. - [PhantomJS](https://github.com/ariya/phantomjs) - [Scriptable](/@harrisonqian/awesome/wiki/miscellaneous/scriptable) Headless WebKit. No longer maintained since 2 June 2018. - [trifleJS](https://github.com/sdesalas/trifleJS) - Headless automation for Internet Explorer. (last update 2016) - [Visual Review](https://github.com/xebia/VisualReview) - A human-friendly tool for [testing](/@harrisonqian/awesome/wiki/testing/testing) and reviewing visual regressions. - [WebdriverCSS](https://github.com/webdriverio/webdrivercss) - WebdriverCSS sits on top of [Webdriver.io](https://github.com/webdriverio/webdriverio/) and hooks into [Selenium](https://github.com/SeleniumHQ/selenium). ## Miscellaneous ### Contributing See the [Contribution Guide](.github/CONTRIBUTING.md) for details on how to contribute. ### Code of Conduct See the [Code of Conduct](.github/CODE-OF-CONDUCT.md) for details. Basically it comes down to: > In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation. ### License [](http://creativecommons.org/licenses/by-sa/4.0/) This work is licensed under a [Creative Commons Attribution-ShareAlike 4.0 International License](http://creativecommons.org/licenses/by-sa/4.0/). License holders are [all contributors](https://github.com/mojoaxel/awesome-regression-testing/graphs/contributors).