Visual Automation

Automated visual testing uses software to automate the process of comparing visual elements across various screen combinations to uncover visual defects. Functional testing changes visual elements, so each step of a functional test creates a new UI state you can visually test.

Visual Automation with BackstopJS

Script to do visual testing with BackstopJS.

Set Up Guide:

• Install dependencies npm install
• Create reference screenshot from source site (For expected results) backstop reference
• Run the test(It will take the screenshot of the given site and will test against reference screenshot) backstop test

Check here for more details here.

Framework link: https://github.com/rtCamp/visual-automation-backstop