An example for Hermione CSS Regression Testing + HTML Reporter
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.idea
hermione/screens/8c6858d
my/hermione-reports
public
src
tests/common
.gitignore
.hermione.conf.js
README.md
package-lock.json
package.json
yarn.lock

README.md

What is it?

Hermione.js is a “browser test runner based on mocha and wdio”. It opens a desired browser and performs actions defined in the test suites. Tests run in parallel so the waiting process is short. Hermione has very feature-rich API to cover all your needs.

But what’s most important for us - we may take a reference screenshot of a page and then compare this screenshot each time we make a change in UI to make sure that we touched only what was intended.

A quick demo

Original reference view: alt text

Changed view: alt text

Diff view: alt text

Blog post with tutorial

Coming soon!

How to run the project

  1. npm i
  2. npm i -g hermione
  3. Install https://www.npmjs.com/package/selenium-standalone
  4. selenium-standalone start
  5. npm install -g hermione
  6. npm install html-reporter
  7. Update ref images with "npm run hermione-update-refs"
  8. Run tests with "npm run hermione"

Have fun!