Get Started with Visual Regression Testing and WebdriverIO
With Membership
Minimum paid price

Get Started with Visual Regression Testing and WebdriverIO

About the Book

Note: This book was written to take advantage of a library called WebdriverCSS. Unfortunately, support for WebdriverCSS has ended, and therefore many of the examples in the book no longer apply.

In this short book, you will learn how to:

  • Automate testing of HTML and JavaScript changes.
  • Keep on top of breaks in your design as they happen during development.
  • Add this visual regression technique to speed up old project workflows.

Pre-requisites are simply a basic understanding of:

If you're interested in learning more, check out

About the Authors

Kevin Lamping
Kevin Lamping

Front-end Engineer, Father, Disc Golfer, Stargazer, Gardener, Gamer, Geek, Soccer Player, Scale Modeller, Piano Player, Spurs Fan, Freelancer, Teacher, Writer, Designer, Developer, RC Plane/Heli Pilot, et cetera.

About the Contributors

Chris Ruppel
Chris Ruppel


Michael Gilbert
Michael Gilbert


Table of Contents

  • Preface
  • What to know about Visual Regression Testing
    • Some Terminology
    • The Benefits of Functional Testing
    • Some Disclaimers
    • The Technology
    • Course Requirements (aka today’s homework)
    • What’s Next?
  • Today you’re going to write your first regression test
    • WebdriverIO
    • WebdriverCSS
  • ChromeDriver
    • Let’s make a test!
  • Real Visual Regression Testing with WebdriverCSS
    • GraphicsMagick
    • Setting Up WebdriverCSS
    • Writing our first Visual Regression Tests
    • Hey, that wasn’t a test!
    • Seeing what’s wrong
    • I meant to change that…
    • Up next
  • And… Action! Take Control with WebdriverIO Commands
    • Starting Off
    • Clicking around
    • Finishing up
    • The Full Tests
    • In Review
  • Advanced WebdriverCSS Usage
    • Customize the setup
    • Customize a screenshot
    • Excluding, hiding and removing
    • Managing Baseline images
    • Updating baseline images
  • What’s Next for You?
    • That’s It

Causes Supported

Code Club

A nationwide network of volunteer-led after school coding clubs for children aged 9-11.

We create projects for our volunteers to teach at after school coding clubs or at non-school venues such as libraries. The projects we make teach children how to program by showing them how to make computer games, animations and websites. Our volunteers go to their local club for an hour a week and teach one project a week. Each term the students will progress and learn more whilst at the same time using their imaginations and making creative projects. Terms 1 & 2 use Scratch to teach the basics of programming. Term 3 teaches the basics of web development using HTML and CSS. Term 4 teaches Python and so on. We’d like to put a Code Club in every single primary school in the country. There are over 21,000 primary schools in the UK, it’s a big task but we think we can do it!

The Leanpub 60 Day 100% Happiness Guarantee

Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.

You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!

So, there's no reason not to click the Add to Cart button, is there?

See full terms...

80% Royalties. Earn $16 on a $20 book.

We pay 80% royalties. That's not a typo: you earn $16 on a $20 sale. If we sell 5000 non-refunded copies of your book or course for $20, you'll earn $80,000.

(Yes, some authors have already earned much more than that on Leanpub.)

In fact, authors have earnedover $13 millionwriting, publishing and selling on Leanpub.

Learn more about writing on Leanpub

Free Updates. DRM Free.

If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.

Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

Learn more about Leanpub's ebook formats and where to read them

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.

Learn more about writing on Leanpub