Justin Ison covers different visual testing techniques; and discusses how visual test automation can increase quality, efficiency, and reduce development bottlenecks.
TLC2018 Justin Ison: Delivering Flawless UI - Challenges and Solutions
1. Justin Ison
Sr. Software Engineer
justin.ison@applitools.com
@isonic1
Delivering Flawless UI
The Challenges and Solutions
2. IN THIS SESSION YOU WILL LEARN:
✓ Challenges of visual testing in an Agile CI/CD environment (OR: why
bad UI bugs happen to good testers?)
✓ What is automated visual testing, and how AI fits in
✓ Why we need it
✓ Benefits and ROI of visual testing
✓ Getting started with Automated Visual Testing – the easy way!
3. WHAT IS VISUAL TESTING?
QUALITY ASSURANCE ACTIVITY AIMED TO VERIFYTHAT YOUR
GRAPHICAL USER INTERFACE (GUI)
APPEARS CORRECTLY TO YOUR END USERS
ACROSS ALL DEVICES, BROWSERS, SCREEN SIZES, AND FORM FACTORS
18. WHAT ARE WE TESTING WITH VISUAL TESTING?
✓ Looking at all the visual aspects of your app/site’s UI
✓ Ensuring all content, data, layout and appearance of all the UI
elements have rendered correctly (preferably with a single
command)
✓ We’re doing it across all platforms: browsers, devices, form factors –
and of course: on all the app/site’s pages & versions!
✓ Desired: validation of UI elements is decoupled from the DOM/html
of the page
19. WHAT IF I TOLD YOU…
✓ This can be easily automated taking away the countless hours we as
humans have been spending doing this for years. Freeing up our team
of (testers, devs) to focus on more critical areas of need
✓ Ensuring all content, data, layout and appearance of all the UI
elements have rendered correctly across the test matrix
✓ Validating entire UI’s from header to footer with one visual snapshot
that asserts an entire page without a human having to ever view it
22. BENEFITS OF VISUAL TESTING WITH APPLITOOLS
Faster and more
accurate testing
Single checkpoint
validates an entire
page
Opens Dev
bottlenecks
Single baselines for
all browsers.
Maintenance is
automated
Continuous
Integration and
Deployment (CI-
CD)
Works with all test
automation
frameworks and
cloud-based
testing platforms