https://github.com/dalenguyen/visual-regression-testing

This will capture images as a baseline for the first run, then compare with the images from the next run.
https://github.com/dalenguyen/visual-regression-testing

hacktoberfest regression-testing visual-regression-testing webdrivercss webdriverio

Last synced: 3 months ago
JSON representation

This will capture images as a baseline for the first run, then compare with the images from the next run.

• Host: GitHub
• URL: https://github.com/dalenguyen/visual-regression-testing
• Owner: dalenguyen
• Created: 2018-11-21T16:18:46.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-08T05:57:59.000Z (about 2 years ago)
• Last Synced: 2024-10-09T05:43:45.885Z (3 months ago)
• Topics: hacktoberfest, regression-testing, visual-regression-testing, webdrivercss, webdriverio
• Language: JavaScript
• Homepage: https://itnext.io/visual-regression-test-with-webdriverio-webdrivercss-d7675a1812b2
• Size: 279 KB
• Stars: 4
• Watchers: 3
• Forks: 3
• Open Issues: 3
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Visual Regression Test with WebDriverIO & WebDriverCSS

This will capture images as a baseline for the first run, and compare with the images from the next run.

This project is based on WebdriverIO, WebdriverCSS with Mocha Testing Framework and Spec reporting.

[WebDriverCSS](https://github.com/visualregressiontesting/webdrivercss) requires [GraphicsMagick](http://www.graphicsmagick.org/) for image processing, so remember to install it to your local machine before running any tests.

## Prerequisites

Install packages

```sh

npm install

```

## Getting Started

Run this command to run your test

```sh

npm test

```

The first time you run, it will create base images. The next time you run, it will create regression images. If there are any differents. It will be saved under screenshots/--/**diffs** folder.

## For Development

If you want run one test only, you can use

```sh

npm run dev path-to-file.js

```

## Reference

[WebDriverIO API](http://webdriver.io/api.html)

[Get Started with Visual Regression Testing and WebdriverIO](https://leanpub.com/visual-regression-testing-and-webdriverio-guide)