Visual regression testing with webdriverIO & Browserstack

Hylke de Jong
Jan 23 · 7 min read

webdriverIO & Browserstack

Intial setup

wdio.conf.js
spec.js
Et voilà, IE11 automated 💪

wdio-visual-regression-service

$ npm install wdio-visual-regression-service
wdio.conf.js
visual-regression.js
[IE 11.0 Windows 10 #0-0] Session ID: 7ec130fc954e80adeb97b917122669d96c66116f
[IE 11.0 Windows 10 #0-0] Spec: /work/specs/desktop/visual-regression.js
[IE 11.0 Windows 10 #0-0] Running: IE (v11.0) on Windows 10
[IE 11.0 Windows 10 #0-0]
[IE 11.0 Windows 10 #0-0] Visually checking
[IE 11.0 Windows 10 #0-0] ✓ the header
[IE 11.0 Windows 10 #0-0]
[IE 11.0 Windows 10 #0-0]
[IE 11.0 Windows 10 #0-0] 1 passing (32s)
[IE 11.0 Windows 10 #0-0]
[ { misMatchPercentage: 0.34,
isWithinMisMatchTolerance: true,
isSameDimensions: true,
isExactSameImage: false } ]

Wrapping it up


wehkamp-techblog

We'll try to keep up and post on the stuff we're doing and discovering. Interesting in working @wehkamp? Check out https://werkenbij.wehkamp.nl/

Hylke de Jong

Written by

automating test stuff @wehkamp

wehkamp-techblog

We'll try to keep up and post on the stuff we're doing and discovering. Interesting in working @wehkamp? Check out https://werkenbij.wehkamp.nl/