SlideShare a Scribd company logo
Automating visual software testing
Adam Carmi
Co-Founder and CTO
Applitools
INTRODUCTION TO
AUTOMATED VISUAL
TESTING
Automating visual software testing
YOU CAN AND SHOULD
AUTOMATE YOUR
VISUAL TESTS!
Automating visual software testing
Automating visual software testing
AGENDA
• Why automated visual testing?
• Tools & Technology
• Where does it fit?
• Q & A
Automating visual software testing
WHAT IS VISUAL TESTING?
A quality assurance activity aimed to verify that a
Graphical User Interface appears correctly to users
Automating visual software testing
Automating visual software testing
Automating visual software testing
Automating visual software testing
WHY AUTOMATE?
The test matrix is too big to cover manually
• Web browsers
• Devices
• Operating systems
• Screen resolutions
• Responsive design
• L10n
• 3rd Party upgrades
Automating visual software testing
WHY AUTOMATE?
Mobile apps quality is critical
• Harder to roll back changes
• Can’t push daily
• Updates take battery and data
• Updates are not mandatory
• Higher quality bar
Automating visual software testing
WHY AUTOMATE?
Release cycles keep getting shorter
Automating visual software testing
AGENDA
• Why automated visual testing?
• Tools & Technology
• Where does it fit?
• Q & A
Automating visual software testing
HOW DOES IT WORK?
Drive the AUT and take screenshots
Compare screenshots with baseline images
Report differences
Update the baseline
Automating visual software testing
DEMOHELLO WORLD
Automating visual software testing
HOW DOES IT WORK?
Drive the AUT and take screenshots
Compare screenshots with baseline images
Report differences
Update the baseline
Automating visual software testing
Automating visual software testing
Automating visual software testing
Automating visual software testing
Automating visual software testing
Automating visual software testing
AND MORE…
• 1 pixel offsets in element positioning
• Dynamic content
• Moving elements
• Images of different size
• Performance
Automating visual software testing
Automating visual software testing
IMAGE COMPARISON ENGINES
Automating visual software testing
IMAGE MAGICK
• A command line tool for bitmap processing
• Fuzzing is used to eliminate slight color differences
• An error ratio is usually used to determine a match
$ compare –metric AE –fuzz 5% img1.png img2.png diff.png
2246
Automating visual software testing
THE JAVASCRIPT ENGINES
• Resemble.js
Pixel by pixel + error ratio + anti-aliasing
http://huddle.github.io/Resemble.js
• Blink-Diff
Pixel by pixel + error ratio + anti-aliasing + perceptual color distance computation
https://github.com/yahoo/blink-diff
• Looks-Same
Pixel by pixel + perceptual color distance computation + ignore Caret
https://github.com/gemini-testing/looks-same
Automating visual software testing
APPLITOOLS EYES
• Handles anti-aliasing, pixel offsets, color similarity, and image scaling
• Dynamic and moving content
• Compare images of different sizes
• No error ratio configuration required
• Validates full UI pages
• Fast!
• Supports layout / structure matching
Automating visual software testing
DEMOVISUAL LAYOUT MATCHING
Automating visual software testing
HOW DOES IT WORK?
Drive the AUT and take screenshots
Compare screenshots with baseline images
Report differences
Update the baseline
Automating visual software testing
QUICK FEEDBACK TOOLS
MOTIVATION
• Get fast feedback on code changes
• Run tests locally in the background
CONS
• Partial coverage
• Chrome, IE?
• Limited navigation
• Stale browser versions
SETUP
• Render screenshots with a headless
browser
• PhatomJS, SlimerJS
• Configuration file driven tests
Automating visual software testing
VISUAL COVERAGE TOOLS
MOTIVATION
• Verify that the app / site looks right in
all real execution environments
• Test as many UI states as possible
• Execute many tests in parallel
CONS
• Requires test infrastructure
• Implement and maintain test code
SETUP
• Render screenshots using real
browsers on a variety of operating
systems and devices in parallel
• WebDriver, Grid
• Code driven tests
• WebDriver, DSL
Automating visual software testing
SAMPLE TOOLS
CODE / SCRIPT
● Needle (Python WD)
● Gemini (JS DSL)
● Selenium Visual Diff (Java WD)
● VisualCeption (PHP CodeCeption)
● Shoov (JS WebDriverIO)
● Vizregress (.NET WD)
● Rspec Page Regression (Capibara)
● Applitools Eyes (Appium, XCUI, Espresso)
● PhantomCSS (JS CasperJS)
● Specter (JS DSL)
● FBSnapshotTestCase (XCTest)
CONFIGURATION
● Viff
● CSS Visual Test
● Wraith
● Dpdxt
● Grunt PhotoBox
● Snap And Compare
● BackstopJS
● CSSCritic
● Kobold
● DiffCop
● SUCCSS
Automating visual software testing
HOW DOES IT WORK?
Drive the AUT and take screenshots
Compare screenshots with baseline images
Report differences
Update the baseline
Automating visual software testing
REPORT DIFFERENCES
As files on the file system
Automating visual software testing
REPORT DIFFERENCES
As a gallery
Automating visual software testing
REPORT DIFFERENCES
In your CI build report
Automating visual software testing
HOW DOES IT WORK?
Drive the AUT and take screenshots
Compare screenshots with baseline images
Report differences
Update the baseline
Automating visual software testing
UPDATE THE BASELINE
Gemini
Automating visual software testing
UI VERSION CONTROL
• Keep CI tests green
• Multiple app versions
• Revert to previous baselines
• A visual change log (documentation)
1 1 1
2
1
2
3 3
2
4
4
Automating visual software testing
Automating visual software testing
DEMOAUTOMATED MAINTENANCE
Automating visual software testing
AGENDA
• Why automated visual testing?
• Tools & Technology
• Where does it fit?
• Q & A
Automating visual software testing
WHERE DOES IT FIT?
CODE UNIT INTEGRATION ACCEPTANCE PRODUCTION
Before committing / merging code:
• See how UI changes appear in other execution environments
• Make sure there are no unintended changes
Automating visual software testing
WHERE DOES IT FIT?
CODE UNIT INTEGRATION ACCEPTANCE PRODUCTION
Visual testing of frontend components by frontend developers
Automating visual software testing
WHERE DOES IT FIT?
CODE UNIT INTEGRATION ACCEPTANCE PRODUCTION
Regression, Localization, Accessibility, Cross browser/device, responsive
design testing and more…
All team members can review and maintain
A collaboration tool
Automating visual software testing
WHERE DOES IT FIT?
CODE UNIT INTEGRATION ACCEPTANCE PRODUCTION
Validate your staging deployment using your production
deployment as a baseline
Automating visual software testing
WHERE DOES IT FIT?
CODE UNIT INTEGRATION ACCEPTANCE PRODUCTION
No missing resources in production
No corruption due to 3rd party data, upgrades, hackers, etc.
Automating visual software testing
Adam Carmi (@carmiadam)
Co-Founder and CTO at Applitools
QUESTIONS?

More Related Content

What's hot (18)

PPTX
Advanced Visual Test Automation With Selenium
adamcarmi
 
PPTX
Sauce Labs+Applitools - Automated Visual Testing in the Cloud
Sauce Labs
 
PPTX
Advanced Automated Visual Testing for Mobile Apps
adamcarmi
 
PPTX
Advanced automated visual testing with Selenium
adamcarmi
 
PPTX
Visual regression with applitools eyes
Shama Ugale
 
PDF
Building Your Own Native App Visual Testing Module with Appium
Wim Selles
 
PDF
Adam carmi
CodeFest
 
PPTX
Conference talk trials and triumphs of visual testing
Kunwardeep Bedi
 
PDF
Learnings from Hybrid App Testing Jijesh Mohan
vodQA
 
PPTX
AIA2018 - Janno Stern - Intro To Product Sprint
European Innovation Academy
 
PDF
Visual AI Testing Using Applitools
Mikhail Laptev
 
PDF
To Deploy or Not-To-Deploy - decide using TTA's Trend & Failure Analysis
Anand Bagmar
 
PDF
Sexy React Stack
KMS Technology
 
DOCX
Cross browser testing
aralikatte
 
PPT
Practical ideas for getting the most out of your working environment
bluebirdtrans
 
PPTX
JSFoo 2016 React Native Workshop
Chandra Mohan
 
PDF
Learnings from Hybrid App Testing - Jijesh Mohan
Thoughtworks
 
PDF
Hangman game - AI Powered and in Python
aiclub_slides
 
Advanced Visual Test Automation With Selenium
adamcarmi
 
Sauce Labs+Applitools - Automated Visual Testing in the Cloud
Sauce Labs
 
Advanced Automated Visual Testing for Mobile Apps
adamcarmi
 
Advanced automated visual testing with Selenium
adamcarmi
 
Visual regression with applitools eyes
Shama Ugale
 
Building Your Own Native App Visual Testing Module with Appium
Wim Selles
 
Adam carmi
CodeFest
 
Conference talk trials and triumphs of visual testing
Kunwardeep Bedi
 
Learnings from Hybrid App Testing Jijesh Mohan
vodQA
 
AIA2018 - Janno Stern - Intro To Product Sprint
European Innovation Academy
 
Visual AI Testing Using Applitools
Mikhail Laptev
 
To Deploy or Not-To-Deploy - decide using TTA's Trend & Failure Analysis
Anand Bagmar
 
Sexy React Stack
KMS Technology
 
Cross browser testing
aralikatte
 
Practical ideas for getting the most out of your working environment
bluebirdtrans
 
JSFoo 2016 React Native Workshop
Chandra Mohan
 
Learnings from Hybrid App Testing - Jijesh Mohan
Thoughtworks
 
Hangman game - AI Powered and in Python
aiclub_slides
 

Viewers also liked (16)

PPTX
Introduction to Project Development using Visual Basic
Muralidharan Radhakrishnan
 
PPTX
Cucumber
openfinanceDev
 
PPTX
Vb 6.0 controls
'Bharat Kumar
 
PPTX
Visusual basic
Mandavi Classes
 
PPT
ADO Controls - Database Usage from Exploring MS Visual Basic 6.0 Book
Muralidharan Radhakrishnan
 
PPT
Vb unit t 1.1
Gayathri Cit
 
PDF
Performance Testing for Mobile Apps & Sites using Apache JMeter
Alon Girmonsky
 
PPTX
Data base connectivity and flex grid in vb
Amandeep Kaur
 
PPTX
Visual basic 6
mohamedsaad24
 
PPT
Creating a quiz using visual basic 6
Ella Marie Wico
 
DOC
Vb file
Mukund Trivedi
 
PDF
The Best Source Code VB
Nurdin Al-Azies
 
PDF
Selenium Basics Tutorial
Clever Moe
 
PPTX
Presentation on visual basic 6 (vb6)
pbarasia
 
PPTX
Basic controls of Visual Basic 6.0
Salim M
 
PPT
Visual basic ppt for tutorials computer
simran153
 
Introduction to Project Development using Visual Basic
Muralidharan Radhakrishnan
 
Cucumber
openfinanceDev
 
Vb 6.0 controls
'Bharat Kumar
 
Visusual basic
Mandavi Classes
 
ADO Controls - Database Usage from Exploring MS Visual Basic 6.0 Book
Muralidharan Radhakrishnan
 
Vb unit t 1.1
Gayathri Cit
 
Performance Testing for Mobile Apps & Sites using Apache JMeter
Alon Girmonsky
 
Data base connectivity and flex grid in vb
Amandeep Kaur
 
Visual basic 6
mohamedsaad24
 
Creating a quiz using visual basic 6
Ella Marie Wico
 
The Best Source Code VB
Nurdin Al-Azies
 
Selenium Basics Tutorial
Clever Moe
 
Presentation on visual basic 6 (vb6)
pbarasia
 
Basic controls of Visual Basic 6.0
Salim M
 
Visual basic ppt for tutorials computer
simran153
 
Ad

Similar to Introduction to automated visual testing (20)

PPTX
Selenium-based Visual Test Automation
Applitools
 
PPTX
Automated Visual Testing That Doesn't Suck!
Applitools
 
PDF
Visual Testing: Quality and Speed -- by GIl Tayar, Applitools
Applitools
 
PPTX
Colorful world-of-visual-automation-testing-latest
Onur Baskirt
 
PDF
[webinar] Cutting-edge Functional UI Testing Techniques - w/ Adam Carmi
Applitools
 
PDF
The Power of Visual Regression Testing_ Why It Is Critical for Enterprise App...
kalichargn70th171
 
PDF
Automated Visual Testing with Selenium & Applitools
digitaljignect
 
PDF
How Visual Testing Fits Into CI/CD Pipelines
Shubham Joshi
 
PDF
Getting started with Visual Testing using Applitools - @TPC, Feb2020
Anand Bagmar
 
PDF
The Role of Visual Testing in Modern UI/UX Development
Shubham Joshi
 
PDF
Getting Started with Visual Testing
Applitools
 
PDF
Visual Automation Framework via Screenshot Comparison
Mek Srunyu Stittri
 
PDF
Automated Visual Testing at Scale : Real-life Example from Dow Jones
Applitools
 
PPTX
7 automated visual testing tools for you
OpenSense Labs
 
PPTX
Visual regression testing
Liam McMurray
 
PDF
Mastering Visual Testing: A Comprehensive Guide
morrismoses149
 
PDF
Lean Quality & Engineering
Mek Srunyu Stittri
 
PDF
Automated Visual Regression Testing by Dave Sadlon
QA or the Highway
 
PDF
AI-Powered Testing Strategies for the Seasonal Shopping Surge.pdf
Applitools
 
PDF
Visual Regression Testing Using Selenium AShot: A Step-by-Step Approach
digitaljignect
 
Selenium-based Visual Test Automation
Applitools
 
Automated Visual Testing That Doesn't Suck!
Applitools
 
Visual Testing: Quality and Speed -- by GIl Tayar, Applitools
Applitools
 
Colorful world-of-visual-automation-testing-latest
Onur Baskirt
 
[webinar] Cutting-edge Functional UI Testing Techniques - w/ Adam Carmi
Applitools
 
The Power of Visual Regression Testing_ Why It Is Critical for Enterprise App...
kalichargn70th171
 
Automated Visual Testing with Selenium & Applitools
digitaljignect
 
How Visual Testing Fits Into CI/CD Pipelines
Shubham Joshi
 
Getting started with Visual Testing using Applitools - @TPC, Feb2020
Anand Bagmar
 
The Role of Visual Testing in Modern UI/UX Development
Shubham Joshi
 
Getting Started with Visual Testing
Applitools
 
Visual Automation Framework via Screenshot Comparison
Mek Srunyu Stittri
 
Automated Visual Testing at Scale : Real-life Example from Dow Jones
Applitools
 
7 automated visual testing tools for you
OpenSense Labs
 
Visual regression testing
Liam McMurray
 
Mastering Visual Testing: A Comprehensive Guide
morrismoses149
 
Lean Quality & Engineering
Mek Srunyu Stittri
 
Automated Visual Regression Testing by Dave Sadlon
QA or the Highway
 
AI-Powered Testing Strategies for the Seasonal Shopping Surge.pdf
Applitools
 
Visual Regression Testing Using Selenium AShot: A Step-by-Step Approach
digitaljignect
 
Ad

Recently uploaded (20)

PPTX
Agentic Automation: Build & Deploy Your First UiPath Agent
klpathrudu
 
PPTX
prodad heroglyph crack 2.0.214.2 Full Free Download
cracked shares
 
PDF
Ready Layer One: Intro to the Model Context Protocol
mmckenna1
 
PDF
MiniTool Power Data Recovery 8.8 With Crack New Latest 2025
bashirkhan333g
 
PPTX
Smart Doctor Appointment Booking option in odoo.pptx
AxisTechnolabs
 
PDF
SciPy 2025 - Packaging a Scientific Python Project
Henry Schreiner
 
PDF
Technical-Careers-Roadmap-in-Software-Market.pdf
Hussein Ali
 
PDF
Wondershare PDFelement Pro Crack for MacOS New Version Latest 2025
bashirkhan333g
 
PDF
Empower Your Tech Vision- Why Businesses Prefer to Hire Remote Developers fro...
logixshapers59
 
PPTX
Foundations of Marketo Engage - Powering Campaigns with Marketo Personalization
bbedford2
 
PPTX
From spreadsheets and delays to real-time control
SatishKumar2651
 
PDF
Download Canva Pro 2025 PC Crack Full Latest Version
bashirkhan333g
 
PPTX
Transforming Insights: How Generative AI is Revolutionizing Data Analytics
LetsAI Solutions
 
PPTX
iaas vs paas vs saas :choosing your cloud strategy
CloudlayaTechnology
 
PDF
MiniTool Partition Wizard Free Crack + Full Free Download 2025
bashirkhan333g
 
PDF
Latest Capcut Pro 5.9.0 Crack Version For PC {Fully 2025
utfefguu
 
PDF
SAP Firmaya İade ABAB Kodları - ABAB ile yazılmıl hazır kod örneği
Salih Küçük
 
PPTX
Milwaukee Marketo User Group - Summer Road Trip: Mapping and Personalizing Yo...
bbedford2
 
PPTX
BB FlashBack Pro 5.61.0.4843 With Crack Free Download
cracked shares
 
PPTX
UI5con_2025_Accessibility_Ever_Evolving_
gerganakremenska1
 
Agentic Automation: Build & Deploy Your First UiPath Agent
klpathrudu
 
prodad heroglyph crack 2.0.214.2 Full Free Download
cracked shares
 
Ready Layer One: Intro to the Model Context Protocol
mmckenna1
 
MiniTool Power Data Recovery 8.8 With Crack New Latest 2025
bashirkhan333g
 
Smart Doctor Appointment Booking option in odoo.pptx
AxisTechnolabs
 
SciPy 2025 - Packaging a Scientific Python Project
Henry Schreiner
 
Technical-Careers-Roadmap-in-Software-Market.pdf
Hussein Ali
 
Wondershare PDFelement Pro Crack for MacOS New Version Latest 2025
bashirkhan333g
 
Empower Your Tech Vision- Why Businesses Prefer to Hire Remote Developers fro...
logixshapers59
 
Foundations of Marketo Engage - Powering Campaigns with Marketo Personalization
bbedford2
 
From spreadsheets and delays to real-time control
SatishKumar2651
 
Download Canva Pro 2025 PC Crack Full Latest Version
bashirkhan333g
 
Transforming Insights: How Generative AI is Revolutionizing Data Analytics
LetsAI Solutions
 
iaas vs paas vs saas :choosing your cloud strategy
CloudlayaTechnology
 
MiniTool Partition Wizard Free Crack + Full Free Download 2025
bashirkhan333g
 
Latest Capcut Pro 5.9.0 Crack Version For PC {Fully 2025
utfefguu
 
SAP Firmaya İade ABAB Kodları - ABAB ile yazılmıl hazır kod örneği
Salih Küçük
 
Milwaukee Marketo User Group - Summer Road Trip: Mapping and Personalizing Yo...
bbedford2
 
BB FlashBack Pro 5.61.0.4843 With Crack Free Download
cracked shares
 
UI5con_2025_Accessibility_Ever_Evolving_
gerganakremenska1
 

Introduction to automated visual testing

  • 1. Automating visual software testing Adam Carmi Co-Founder and CTO Applitools INTRODUCTION TO AUTOMATED VISUAL TESTING
  • 2. Automating visual software testing YOU CAN AND SHOULD AUTOMATE YOUR VISUAL TESTS!
  • 4. Automating visual software testing AGENDA • Why automated visual testing? • Tools & Technology • Where does it fit? • Q & A
  • 5. Automating visual software testing WHAT IS VISUAL TESTING? A quality assurance activity aimed to verify that a Graphical User Interface appears correctly to users
  • 9. Automating visual software testing WHY AUTOMATE? The test matrix is too big to cover manually • Web browsers • Devices • Operating systems • Screen resolutions • Responsive design • L10n • 3rd Party upgrades
  • 10. Automating visual software testing WHY AUTOMATE? Mobile apps quality is critical • Harder to roll back changes • Can’t push daily • Updates take battery and data • Updates are not mandatory • Higher quality bar
  • 11. Automating visual software testing WHY AUTOMATE? Release cycles keep getting shorter
  • 12. Automating visual software testing AGENDA • Why automated visual testing? • Tools & Technology • Where does it fit? • Q & A
  • 13. Automating visual software testing HOW DOES IT WORK? Drive the AUT and take screenshots Compare screenshots with baseline images Report differences Update the baseline
  • 14. Automating visual software testing DEMOHELLO WORLD
  • 15. Automating visual software testing HOW DOES IT WORK? Drive the AUT and take screenshots Compare screenshots with baseline images Report differences Update the baseline
  • 21. Automating visual software testing AND MORE… • 1 pixel offsets in element positioning • Dynamic content • Moving elements • Images of different size • Performance
  • 23. Automating visual software testing IMAGE COMPARISON ENGINES
  • 24. Automating visual software testing IMAGE MAGICK • A command line tool for bitmap processing • Fuzzing is used to eliminate slight color differences • An error ratio is usually used to determine a match $ compare –metric AE –fuzz 5% img1.png img2.png diff.png 2246
  • 25. Automating visual software testing THE JAVASCRIPT ENGINES • Resemble.js Pixel by pixel + error ratio + anti-aliasing http://huddle.github.io/Resemble.js • Blink-Diff Pixel by pixel + error ratio + anti-aliasing + perceptual color distance computation https://github.com/yahoo/blink-diff • Looks-Same Pixel by pixel + perceptual color distance computation + ignore Caret https://github.com/gemini-testing/looks-same
  • 26. Automating visual software testing APPLITOOLS EYES • Handles anti-aliasing, pixel offsets, color similarity, and image scaling • Dynamic and moving content • Compare images of different sizes • No error ratio configuration required • Validates full UI pages • Fast! • Supports layout / structure matching
  • 27. Automating visual software testing DEMOVISUAL LAYOUT MATCHING
  • 28. Automating visual software testing HOW DOES IT WORK? Drive the AUT and take screenshots Compare screenshots with baseline images Report differences Update the baseline
  • 29. Automating visual software testing QUICK FEEDBACK TOOLS MOTIVATION • Get fast feedback on code changes • Run tests locally in the background CONS • Partial coverage • Chrome, IE? • Limited navigation • Stale browser versions SETUP • Render screenshots with a headless browser • PhatomJS, SlimerJS • Configuration file driven tests
  • 30. Automating visual software testing VISUAL COVERAGE TOOLS MOTIVATION • Verify that the app / site looks right in all real execution environments • Test as many UI states as possible • Execute many tests in parallel CONS • Requires test infrastructure • Implement and maintain test code SETUP • Render screenshots using real browsers on a variety of operating systems and devices in parallel • WebDriver, Grid • Code driven tests • WebDriver, DSL
  • 31. Automating visual software testing SAMPLE TOOLS CODE / SCRIPT ● Needle (Python WD) ● Gemini (JS DSL) ● Selenium Visual Diff (Java WD) ● VisualCeption (PHP CodeCeption) ● Shoov (JS WebDriverIO) ● Vizregress (.NET WD) ● Rspec Page Regression (Capibara) ● Applitools Eyes (Appium, XCUI, Espresso) ● PhantomCSS (JS CasperJS) ● Specter (JS DSL) ● FBSnapshotTestCase (XCTest) CONFIGURATION ● Viff ● CSS Visual Test ● Wraith ● Dpdxt ● Grunt PhotoBox ● Snap And Compare ● BackstopJS ● CSSCritic ● Kobold ● DiffCop ● SUCCSS
  • 32. Automating visual software testing HOW DOES IT WORK? Drive the AUT and take screenshots Compare screenshots with baseline images Report differences Update the baseline
  • 33. Automating visual software testing REPORT DIFFERENCES As files on the file system
  • 34. Automating visual software testing REPORT DIFFERENCES As a gallery
  • 35. Automating visual software testing REPORT DIFFERENCES In your CI build report
  • 36. Automating visual software testing HOW DOES IT WORK? Drive the AUT and take screenshots Compare screenshots with baseline images Report differences Update the baseline
  • 37. Automating visual software testing UPDATE THE BASELINE Gemini
  • 38. Automating visual software testing UI VERSION CONTROL • Keep CI tests green • Multiple app versions • Revert to previous baselines • A visual change log (documentation) 1 1 1 2 1 2 3 3 2 4 4
  • 40. Automating visual software testing DEMOAUTOMATED MAINTENANCE
  • 41. Automating visual software testing AGENDA • Why automated visual testing? • Tools & Technology • Where does it fit? • Q & A
  • 42. Automating visual software testing WHERE DOES IT FIT? CODE UNIT INTEGRATION ACCEPTANCE PRODUCTION Before committing / merging code: • See how UI changes appear in other execution environments • Make sure there are no unintended changes
  • 43. Automating visual software testing WHERE DOES IT FIT? CODE UNIT INTEGRATION ACCEPTANCE PRODUCTION Visual testing of frontend components by frontend developers
  • 44. Automating visual software testing WHERE DOES IT FIT? CODE UNIT INTEGRATION ACCEPTANCE PRODUCTION Regression, Localization, Accessibility, Cross browser/device, responsive design testing and more… All team members can review and maintain A collaboration tool
  • 45. Automating visual software testing WHERE DOES IT FIT? CODE UNIT INTEGRATION ACCEPTANCE PRODUCTION Validate your staging deployment using your production deployment as a baseline
  • 46. Automating visual software testing WHERE DOES IT FIT? CODE UNIT INTEGRATION ACCEPTANCE PRODUCTION No missing resources in production No corruption due to 3rd party data, upgrades, hackers, etc.
  • 47. Automating visual software testing Adam Carmi (@carmiadam) Co-Founder and CTO at Applitools QUESTIONS?

Editor's Notes

  • #43: Components, Code review, Developers, Designers
  • #44: Components, Code review, Developers, Designers