The document focuses on the challenges and solutions for automated visual testing in agile CI/CD environments, highlighting why visual bugs occur and the importance of automation. It outlines the benefits of visual testing, such as increased accuracy and efficiency, and emphasizes the ability to validate UI elements across multiple platforms with minimal manual intervention. The session also aims to provide insights into getting started with automated visual testing using AI technologies.

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

4. VISUAL BUGS
JUST HAPPEN
TO THE
“SMALL” GUYS...
DON’T

5. MICROSOFT

6. TWITTER

7. AMAZON

8. UPS

9. Financial Times

10. WHY* DO
BAD UI BUGS
HAPPEN TO THE
GOOD GUYS?
*HINT: IT’S NOT (ALL) YOUR FAULT

11. TOO MANY
DEVICES
+
BROWSERCOMBINATIONS
TO TEST
TEST MATRIX IS
TOO BIG
TO COVER
MANUALLY

12. Responsive Design

13. Don’t end
up like
this!

14. RELEASE
CYCLES
KEEP GETTING
SHORTER
CI-CD PROCESSES DEMAND
AUTOMATION
AND
ZERO
MANUAL BOTTLENECKS

15. WHY
AUTOMATE?
ohad@applitools.com

16. HUMAN
ERROR
VISUAL VALIDATION IS A
BORING
REPETITIVE
TIME CONSUMING
PROCESS
PRONE TO HUMAN ERROR

17. DIGITAL IS
VISUAL
APPS ARE THE
FACEOF THE BUSINESS

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

20. Sound too
good to be
true?

21. DEMO

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

23. Q&A
Justin Ison
Sr. Software Engineer
justin.ison@applitools.com
@isonic1