You are here

Visual Regression Testing with BackstopJS

Timeslot: 
Friday, 10:45am - 11:30am
Room: 
321
Track: 
Site Building
Back-end Design & Development
Front-end Design & Development
DevOps
Experience Level: 
Beginner
Session Length: 
45 minutes

How do you tell if a change you made to your website has unintended side effects? Security updates should rarely result in anything changing visually, but how can you be sure?

Visual regression testing automates the comparison process by taking screenshots of two URLs and comparing them. You can view a report that highlights the differences and use the pass/fail result to make decisions.

In this session, we will use the BackstopJS visual regression tool locally, via Node JS, to run visual QA. We will also learn how to scale and automate these tests across multiple sites and URLs.

Learning Objectives & Outcomes: 

By the end of the session I will understand:
- how to run a single visual regression test from my computer
- how to share tests with others to ensure consistency
- how to automate tests with steps in continuous integration
- how a Node app can package up tests for others