Visual Regression Testing with Webdriver.io

lhridley

Manual testing of user interfaces for visual and style components is a tedious and time consuming process, and by very nature introduces the human error aspect to web application QA review.  While tools such as Behat have made testing certain aspects of the user interface less tedious, and have removed some of the "human error" aspect from the process, Behat doesn't provide the capability of testing the "layout" of site changes for those unintended consequences of misapplied HTML, CSS or Javascript.

There has been a great deal of growing interest, and emerging toolsets, to give developers the ability to conducting automated visual regression testing.  In this session we will take a look at one of those tools -- Webdriver.io -- discuss what it takes to get a test environment set up to execute visual regression tests using Webdriver, and how you can write visual regression tests and conduct cross browser testing using online services such as BrowserStack, Sauce Labs or TestingBot.

In this session we'll cover:

  • What is Visual Regression Testing?
  • What is Webdriver.io?
  • Skillset Requirements to write test suites for Webdriver.io
  • How can I use Webdriver.io to improve my QA process?
  • Live demonstration of a Webdriver.io test suite, including a review of the output of test results

Session Track

Coding and Development

Experience Level

Intermediate

Drupal Version