https://github.com/saabbir/visual-testing-demo

This is a visual testing automation project using webdriver io and it's visual service package.
https://github.com/saabbir/visual-testing-demo

mocha nodejs webdriverio

Last synced: 9 days ago
JSON representation

This is a visual testing automation project using webdriver io and it's visual service package.

• Host: GitHub
• URL: https://github.com/saabbir/visual-testing-demo
• Owner: Saabbir
• Created: 2024-08-23T10:02:57.000Z (3 months ago)
• Default Branch: master
• Last Pushed: 2024-09-04T10:09:14.000Z (2 months ago)
• Last Synced: 2024-10-11T22:41:08.696Z (about 1 month ago)
• Topics: mocha, nodejs, webdriverio
• Language: JavaScript
• Homepage:
• Size: 203 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Visual Testing Demo

## Table of Contents

- [About](#about)

- [Getting Started](#getting_started)

- [Notes](#notes)

## About 

This is a visual testing automation project using webdriver io and it's visual service package.

## Getting Started 

### Prerequisites

You’ll need [Node.js](https://nodejs.org/en) installed.

- Install at least v16.x or higher as this is the oldest active LTS version

- Only releases that are or will become an LTS release are officially supported

If Node is not currently installed on your system, we suggest utilizing a tool such as NVM or Volta to assist in managing multiple active Node.js versions. NVM is a popular choice, while Volta is also a good alternative.

```sh

node -v # version should be 16 or higher

```

### Install and Run

```sh

# clone the repo

git clone https://github.com/Saabbir/visual-testing-demo.git

# cd into visual-testing-demo

cd visual-testing-demo

# install all packages required

npm i

# run single test

npx wdio run ./wdio.conf.js --spec visual-test.js

# run all tests

npm run dev

```

# Notes

- headless feature doesn't work with `browser.setViewport` properly

- `checkScreen` method works well while `checkFullPageScreen` doesn't

- sometimes color differences are shown event if the images are identical