SlideShare a Scribd company logo
Moshe Milman (@MosheMilman)
Co-Founder & VP Operations at Applitools
moshe.milman@applitools.com
How to Level-up your Selenium
Tests with Visual Testing
YOU CAN AND SHOULD
AUTOMATE YOUR
VISUAL TESTS!
How to level-up your Selenium tests with Visual Testing #SeleniumCamp
AGENDA
 What isVisual Testing
 Why automatedvisualtesting?
 Tools& Technology
 Where does it fit?
What is Visual Testing?
SPOT THE DIFFERENCES
SPOT THE DIFFERENCES
VALIDATING THE VISUAL ASPECTS OF THE
UI ON ALL PLATFORMS
VALIDATING THE CONTENT, LAYOUT
AND APPEARANCE OF THE UI
A VISUAL BUG
AND ANOTHER…
WHY SHOULD IT BE AUTOMATED?
THE TEST MATRIX IS TOO BIG TO
APPROXIMATE MANUALLY
 Webbrowsers
 Devices
 Operating systems
 Screen resolutions
 Responsive designs
 L10n
WHY SHOULD IT BE AUTOMATED?
MANUAL
VISUAL
TESTING
IS
ERROR
PRONE
WHY SHOULD IT BE AUTOMATED?
WHY SHOULD IT BE AUTOMATED?
NATIVE / HYBRID MOBILE APPS
 Harder to roll back changes
 Can’t pushdaily
 Updates take battery and data
 Higherquality bar
WHY SHOULD IT BE AUTOMATED?
Many are already doing it (and sharing)…
PhantomCSS Fighting Layout Bugs
CSS Critc
Wraith
Needle
Grunt PhotoBox
dpdxt
WebdriverCSS
Eyes Huxley
FBSnapshotTestCase
GeminiSelenium Visual Diff
VisualCeption
Specter
Snap And Compare
AGENDA
 What isVisual Testing
 Why automatedvisualtesting?
 Tools & Technology
 Where does it fit?
THE WORKFLOW
Drive the AUT and take screenshots
Compare screenshots with baseline
images
Report differences
Update the baseline
THE CHALLENGES
Drive the AUT and take screenshots
Compare screenshots with baseline
images
Report differences
Update the baseline
SCALABILITY CHALLENGES
Image comparison
 False positives
 Dynamic data
Baseline maintenance
 Multiplebaselines
 Non-localityof changes
Demo
https://github.com/webdriverio/webdrivercss
THE WORKFLOW
Drive the AUT and take screenshots
Compare screenshots with baseline
images
Report differences
Update the baseline
DRIVING AND CAPTURING
OTHER
PhantomCSS (CasperJS)
Fighting Layout Bugs (Java) CSS Critic (URLs)Wraith (URLs)
Needle (Python)
Grunt PhotoBox (URLs)
WebdriverCSS (JS)
Eyes (All)
Huxley (RP)
FBSnapshotTestCase
(XCTest)
Selenium Visual Diff (Java)
VisualCeption (PHP)
Specter (JS)
Wraith-Selenium (Ruby)
Eyes (All)
Gemini (JS)
dpdxt (URLs)
Gemini (JS)
WebdriverCSS
(Appium – coming soon)
Eyes (All)
SCREENSHOTS
 Realbrowsers?
 Full page?
 Frames?
 Regions?
 Viewport size?
 Pagestabilization?
 Pagepreparation?
THE WORKFLOW
Drive the AUT and take screenshots
Compare screenshots with baseline
images
Report differences
Update the baseline
How to level-up your Selenium tests with Visual Testing #SeleniumCamp
WHY NOT?
FALSE POSITIVES
IMAGE SCALING 1/2
IMAGE SCALING 2/2
ANTI-ALIASING?
ANTI ALIASING 1/2
ANTI ALIASING 2/2
SUB PIXEL SHIFTS 1/2
SUB PIXEL SHIFTS 2/2
BRIGHTNESS 1/2
BRIGHTNESS 2/2
ANDMORE…
 1 pixeloffsets inelement positioning
 Dynamic content
 Movingelements
 Images of different size
How to level-up your Selenium tests with Visual Testing #SeleniumCamp
Image Comparison APIs
ImageMagick
 A powerful command line tool for image processing.
 APIs are available for most programming languages.
 Fuzzingis used to eliminate slight color differences
 Anerrorratio is usually used to determine a match
$ compare –metric AE –fuzz 5% img1.png img2.png diff.png
2246
Resemble.js
 An imagecomparison tool implementedinJavascript
 Used by PhantomCSSand other tools.
 Good antialiasingsupport
 An error ratio is usually used to determinea match
 http://huddle.github.io/Resemble.js/
Applitools Eyes
 A specialized imageprocessing stack designed to compare
computergenerated UIimages
 Anti-aliasing
 Partial and full pixel offsets
 Images of different size
 Dynamic content
 Moving elements
 Layout matching
 Available as a cloud service
Demo
https://applitools.com
THE WORKFLOW
Drive the AUT and take screenshots
Compare screenshots with baseline
images
Report differences
Update the baseline
REPORT DIFFERENCES
As files on the file system (combined with source control)
REPORT DIFFERENCES
As a Gallery (example from Selenium Visual Diff)
THE WORKFLOW
Drive the AUT and take screenshots
Compare screenshots with baseline
images
Report differences
Update the baseline
UPDATE THE BASELINE
 Rename or commit individualimage files
 Overwrite mode
UPDATE THE BASELINE
 GUI (GeminiGUI)
 Automaticmaintenance(demo)
AGENDA
 What isVisual Testing
 Why automatedvisualtesting?
 Tools& Technology
 Where does it fit?
WHERE DOES IT FIT?
• Component
s
• Code
review
• Developers
• Designers
• QA
WHERE DOES IT FIT?
• Pages
• Page
sections
• Developers
• Designers
• QA
• Others
WHERE DOES IT FIT?
• Staging vs.
Production
• Ops
• QA
WHERE DOES IT FIT?
• Monitoring
• Ops
• QA
WHERE CAN/SHOULD IT RUN?
Local Browsers
Headless Browsers
Mobile Devices/emulators
LocalGrid
CloudBrowsers/Devices
Questions?
Moshe Milman (@MosheMilman)
Co-Founder & VP Operations at Applitools
moshe.milman@applitools.com
Thank You
Ad

Recommended

Advanced Visual Test Automation with Selenium
Advanced Visual Test Automation with Selenium
adamcarmi
 
Advanced Visual Test Automation With Selenium
Advanced Visual Test Automation With Selenium
adamcarmi
 
SeConf2015: Advanced Automated Visual Testing With Selenium
SeConf2015: Advanced Automated Visual Testing With Selenium
adamcarmi
 
Advanced Automated Visual Testing
Advanced Automated Visual Testing
adamcarmi
 
Introduction to automated visual testing
Introduction to automated visual testing
adamcarmi
 
Selenium Based Visual Test Automation
Selenium Based Visual Test Automation
adamcarmi
 
Intro to Visual Test Automation with Applitools Eyes
Intro to Visual Test Automation with Applitools Eyes
Applitools
 
Automated Visual Testing That Does Not Suck
Automated Visual Testing That Does Not Suck
adamcarmi
 
Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT
Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT
adamcarmi
 
Advanced automated visual testing with Selenium
Advanced automated visual testing with Selenium
adamcarmi
 
Advanced Automated Visual Testing for Mobile Apps
Advanced Automated Visual Testing for Mobile Apps
adamcarmi
 
Sauce Labs+Applitools - Automated Visual Testing in the Cloud
Sauce Labs+Applitools - Automated Visual Testing in the Cloud
Sauce Labs
 
AIA2018 - Janno Stern - Intro To Product Sprint
AIA2018 - Janno Stern - Intro To Product Sprint
European Innovation Academy
 
Visual regression with applitools eyes
Visual regression with applitools eyes
Shama Ugale
 
Agile iOS
Agile iOS
sgleadow
 
SMART DESIGN - icon fonts, svg, and the mobile influence
SMART DESIGN - icon fonts, svg, and the mobile influence
Sara Cannon
 
WordPress & User Experience - WordCamp St. Louis
WordPress & User Experience - WordCamp St. Louis
Sara Cannon
 
Mobile Development with PhoneGap
Mobile Development with PhoneGap
Joshua Johnson
 
Hybrid Mobile Development
Hybrid Mobile Development
Shai Raiten
 
WordPress & User Experience - WordCamp London
WordPress & User Experience - WordCamp London
Sara Cannon
 
Intro to PhoneGap
Intro to PhoneGap
Chris Griffith
 
Mobile architecture options
Mobile architecture options
johnsprunger
 
Appurify - Runtime Debugging, Performance Optimization and Automated CI
Appurify - Runtime Debugging, Performance Optimization and Automated CI
Manish Lachwani
 
Javascript Amsterdam Meetup
Javascript Amsterdam Meetup
Wienke Giezeman
 
Build 2017 - B8099 - What's new in Xamarin.Forms
Build 2017 - B8099 - What's new in Xamarin.Forms
Windows Developer
 
Developing AIR for Android with Flash Professional CS5
Developing AIR for Android with Flash Professional CS5
Chris Griffith
 
Selenium-based Visual Test Automation
Selenium-based Visual Test Automation
Applitools
 
PayPal's NemoJS and Applitools Eyes - Visual Testing with Node.js
PayPal's NemoJS and Applitools Eyes - Visual Testing with Node.js
Applitools
 
Teaching Automation. How big companies do it.
Teaching Automation. How big companies do it.
Vitali Shulha
 
How To Use Selenium Successfully (Java Edition)
How To Use Selenium Successfully (Java Edition)
Dave Haeffner
 

More Related Content

What's hot (18)

Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT
Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT
adamcarmi
 
Advanced automated visual testing with Selenium
Advanced automated visual testing with Selenium
adamcarmi
 
Advanced Automated Visual Testing for Mobile Apps
Advanced Automated Visual Testing for Mobile Apps
adamcarmi
 
Sauce Labs+Applitools - Automated Visual Testing in the Cloud
Sauce Labs+Applitools - Automated Visual Testing in the Cloud
Sauce Labs
 
AIA2018 - Janno Stern - Intro To Product Sprint
AIA2018 - Janno Stern - Intro To Product Sprint
European Innovation Academy
 
Visual regression with applitools eyes
Visual regression with applitools eyes
Shama Ugale
 
Agile iOS
Agile iOS
sgleadow
 
SMART DESIGN - icon fonts, svg, and the mobile influence
SMART DESIGN - icon fonts, svg, and the mobile influence
Sara Cannon
 
WordPress & User Experience - WordCamp St. Louis
WordPress & User Experience - WordCamp St. Louis
Sara Cannon
 
Mobile Development with PhoneGap
Mobile Development with PhoneGap
Joshua Johnson
 
Hybrid Mobile Development
Hybrid Mobile Development
Shai Raiten
 
WordPress & User Experience - WordCamp London
WordPress & User Experience - WordCamp London
Sara Cannon
 
Intro to PhoneGap
Intro to PhoneGap
Chris Griffith
 
Mobile architecture options
Mobile architecture options
johnsprunger
 
Appurify - Runtime Debugging, Performance Optimization and Automated CI
Appurify - Runtime Debugging, Performance Optimization and Automated CI
Manish Lachwani
 
Javascript Amsterdam Meetup
Javascript Amsterdam Meetup
Wienke Giezeman
 
Build 2017 - B8099 - What's new in Xamarin.Forms
Build 2017 - B8099 - What's new in Xamarin.Forms
Windows Developer
 
Developing AIR for Android with Flash Professional CS5
Developing AIR for Android with Flash Professional CS5
Chris Griffith
 
Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT
Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT
adamcarmi
 
Advanced automated visual testing with Selenium
Advanced automated visual testing with Selenium
adamcarmi
 
Advanced Automated Visual Testing for Mobile Apps
Advanced Automated Visual Testing for Mobile Apps
adamcarmi
 
Sauce Labs+Applitools - Automated Visual Testing in the Cloud
Sauce Labs+Applitools - Automated Visual Testing in the Cloud
Sauce Labs
 
Visual regression with applitools eyes
Visual regression with applitools eyes
Shama Ugale
 
SMART DESIGN - icon fonts, svg, and the mobile influence
SMART DESIGN - icon fonts, svg, and the mobile influence
Sara Cannon
 
WordPress & User Experience - WordCamp St. Louis
WordPress & User Experience - WordCamp St. Louis
Sara Cannon
 
Mobile Development with PhoneGap
Mobile Development with PhoneGap
Joshua Johnson
 
Hybrid Mobile Development
Hybrid Mobile Development
Shai Raiten
 
WordPress & User Experience - WordCamp London
WordPress & User Experience - WordCamp London
Sara Cannon
 
Mobile architecture options
Mobile architecture options
johnsprunger
 
Appurify - Runtime Debugging, Performance Optimization and Automated CI
Appurify - Runtime Debugging, Performance Optimization and Automated CI
Manish Lachwani
 
Javascript Amsterdam Meetup
Javascript Amsterdam Meetup
Wienke Giezeman
 
Build 2017 - B8099 - What's new in Xamarin.Forms
Build 2017 - B8099 - What's new in Xamarin.Forms
Windows Developer
 
Developing AIR for Android with Flash Professional CS5
Developing AIR for Android with Flash Professional CS5
Chris Griffith
 

Viewers also liked (16)

Selenium-based Visual Test Automation
Selenium-based Visual Test Automation
Applitools
 
PayPal's NemoJS and Applitools Eyes - Visual Testing with Node.js
PayPal's NemoJS and Applitools Eyes - Visual Testing with Node.js
Applitools
 
Teaching Automation. How big companies do it.
Teaching Automation. How big companies do it.
Vitali Shulha
 
How To Use Selenium Successfully (Java Edition)
How To Use Selenium Successfully (Java Edition)
Dave Haeffner
 
Selenium Tips & Tricks
Selenium Tips & Tricks
Dave Haeffner
 
Codeception VisualCeption
Codeception VisualCeption
Sebastian Neubert
 
Testes Funcionais Orientado a Imagem - Sikuli
Testes Funcionais Orientado a Imagem - Sikuli
Vanilton Pinheiro
 
Making Watir and Cucumber an efficient tool for Web UI Automation
Making Watir and Cucumber an efficient tool for Web UI Automation
Ruslan Strazhnyk
 
Checklist How to Install Firefox GeckoDriver and Chromedriver on Windows and ...
Checklist How to Install Firefox GeckoDriver and Chromedriver on Windows and ...
Alan Richardson
 
*Webinar* Learn from the Experts: How to Boost Test Coverage with Automated V...
*Webinar* Learn from the Experts: How to Boost Test Coverage with Automated V...
Applitools
 
What you can do with WordPress Heartbeat API
What you can do with WordPress Heartbeat API
Tabitha Chapman
 
Allure Framework
Allure Framework
Artem Eroshenko
 
Automated Unit Testing
Automated Unit Testing
Mike Lively
 
Automated Testing & Auto Scaling your Apps with Microsoft & Open Source Techn...
Automated Testing & Auto Scaling your Apps with Microsoft & Open Source Techn...
Pranav Ainavolu
 
Automated testing 101
Automated testing 101
Tabitha Chapman
 
Deep Dive Modern Apps Lifecycle with Visual Studio 2012: How to create cross ...
Deep Dive Modern Apps Lifecycle with Visual Studio 2012: How to create cross ...
Microsoft Developer Network (MSDN) - Belgium and Luxembourg
 
Selenium-based Visual Test Automation
Selenium-based Visual Test Automation
Applitools
 
PayPal's NemoJS and Applitools Eyes - Visual Testing with Node.js
PayPal's NemoJS and Applitools Eyes - Visual Testing with Node.js
Applitools
 
Teaching Automation. How big companies do it.
Teaching Automation. How big companies do it.
Vitali Shulha
 
How To Use Selenium Successfully (Java Edition)
How To Use Selenium Successfully (Java Edition)
Dave Haeffner
 
Selenium Tips & Tricks
Selenium Tips & Tricks
Dave Haeffner
 
Testes Funcionais Orientado a Imagem - Sikuli
Testes Funcionais Orientado a Imagem - Sikuli
Vanilton Pinheiro
 
Making Watir and Cucumber an efficient tool for Web UI Automation
Making Watir and Cucumber an efficient tool for Web UI Automation
Ruslan Strazhnyk
 
Checklist How to Install Firefox GeckoDriver and Chromedriver on Windows and ...
Checklist How to Install Firefox GeckoDriver and Chromedriver on Windows and ...
Alan Richardson
 
*Webinar* Learn from the Experts: How to Boost Test Coverage with Automated V...
*Webinar* Learn from the Experts: How to Boost Test Coverage with Automated V...
Applitools
 
What you can do with WordPress Heartbeat API
What you can do with WordPress Heartbeat API
Tabitha Chapman
 
Automated Unit Testing
Automated Unit Testing
Mike Lively
 
Automated Testing & Auto Scaling your Apps with Microsoft & Open Source Techn...
Automated Testing & Auto Scaling your Apps with Microsoft & Open Source Techn...
Pranav Ainavolu
 
Ad

Similar to How to level-up your Selenium tests with Visual Testing #SeleniumCamp (20)

Automated Visual Testing That Doesn't Suck!
Automated Visual Testing That Doesn't Suck!
Applitools
 
Adam carmi
Adam carmi
CodeFest
 
Colorful world-of-visual-automation-testing-latest
Colorful world-of-visual-automation-testing-latest
Onur Baskirt
 
Visual Testing: Quality and Speed -- by GIl Tayar, Applitools
Visual Testing: Quality and Speed -- by GIl Tayar, Applitools
Applitools
 
Visual Automation Framework via Screenshot Comparison
Visual Automation Framework via Screenshot Comparison
Mek Srunyu Stittri
 
Lean Quality & Engineering
Lean Quality & Engineering
Mek Srunyu Stittri
 
Getting started with Visual Testing using Applitools - @TPC, Feb2020
Getting started with Visual Testing using Applitools - @TPC, Feb2020
Anand Bagmar
 
The Power of Visual Regression Testing_ Why It Is Critical for Enterprise App...
The Power of Visual Regression Testing_ Why It Is Critical for Enterprise App...
kalichargn70th171
 
Getting Started with Visual Testing
Getting Started with Visual Testing
Applitools
 
Spot the difference - automating visual regression testing
Spot the difference - automating visual regression testing
Viv Richards
 
The Role of Visual Testing in Modern UI/UX Development
The Role of Visual Testing in Modern UI/UX Development
Shubham Joshi
 
Visual regression testing
Visual regression testing
Liam McMurray
 
AI-Powered Testing Strategies for the Seasonal Shopping Surge.pdf
AI-Powered Testing Strategies for the Seasonal Shopping Surge.pdf
Applitools
 
[webinar] Cutting-edge Functional UI Testing Techniques - w/ Adam Carmi
[webinar] Cutting-edge Functional UI Testing Techniques - w/ Adam Carmi
Applitools
 
Leveraging Visual Testing with Your Functional Tests
Leveraging Visual Testing with Your Functional Tests
TEST Huddle
 
Advanced automated visual testing at selenium conf india 2020
Advanced automated visual testing at selenium conf india 2020
Shweta Sharma
 
Automated Visual Testing at Scale : Real-life Example from Dow Jones
Automated Visual Testing at Scale : Real-life Example from Dow Jones
Applitools
 
Advanced automated visual testing - DrupalCon Global 2020
Advanced automated visual testing - DrupalCon Global 2020
Shweta Sharma
 
Advanced Techniques for Testing Responsive Apps and Sites -- By Aakrit Prasad
Advanced Techniques for Testing Responsive Apps and Sites -- By Aakrit Prasad
Applitools
 
Applitools eyes workshop
Applitools eyes workshop
Shama Ugale
 
Automated Visual Testing That Doesn't Suck!
Automated Visual Testing That Doesn't Suck!
Applitools
 
Adam carmi
Adam carmi
CodeFest
 
Colorful world-of-visual-automation-testing-latest
Colorful world-of-visual-automation-testing-latest
Onur Baskirt
 
Visual Testing: Quality and Speed -- by GIl Tayar, Applitools
Visual Testing: Quality and Speed -- by GIl Tayar, Applitools
Applitools
 
Visual Automation Framework via Screenshot Comparison
Visual Automation Framework via Screenshot Comparison
Mek Srunyu Stittri
 
Getting started with Visual Testing using Applitools - @TPC, Feb2020
Getting started with Visual Testing using Applitools - @TPC, Feb2020
Anand Bagmar
 
The Power of Visual Regression Testing_ Why It Is Critical for Enterprise App...
The Power of Visual Regression Testing_ Why It Is Critical for Enterprise App...
kalichargn70th171
 
Getting Started with Visual Testing
Getting Started with Visual Testing
Applitools
 
Spot the difference - automating visual regression testing
Spot the difference - automating visual regression testing
Viv Richards
 
The Role of Visual Testing in Modern UI/UX Development
The Role of Visual Testing in Modern UI/UX Development
Shubham Joshi
 
Visual regression testing
Visual regression testing
Liam McMurray
 
AI-Powered Testing Strategies for the Seasonal Shopping Surge.pdf
AI-Powered Testing Strategies for the Seasonal Shopping Surge.pdf
Applitools
 
[webinar] Cutting-edge Functional UI Testing Techniques - w/ Adam Carmi
[webinar] Cutting-edge Functional UI Testing Techniques - w/ Adam Carmi
Applitools
 
Leveraging Visual Testing with Your Functional Tests
Leveraging Visual Testing with Your Functional Tests
TEST Huddle
 
Advanced automated visual testing at selenium conf india 2020
Advanced automated visual testing at selenium conf india 2020
Shweta Sharma
 
Automated Visual Testing at Scale : Real-life Example from Dow Jones
Automated Visual Testing at Scale : Real-life Example from Dow Jones
Applitools
 
Advanced automated visual testing - DrupalCon Global 2020
Advanced automated visual testing - DrupalCon Global 2020
Shweta Sharma
 
Advanced Techniques for Testing Responsive Apps and Sites -- By Aakrit Prasad
Advanced Techniques for Testing Responsive Apps and Sites -- By Aakrit Prasad
Applitools
 
Applitools eyes workshop
Applitools eyes workshop
Shama Ugale
 
Ad

Recently uploaded (20)

MOVIE RECOMMENDATION SYSTEM, UDUMULA GOPI REDDY, Y24MC13085.pptx
MOVIE RECOMMENDATION SYSTEM, UDUMULA GOPI REDDY, Y24MC13085.pptx
Maharshi Mallela
 
Integrating Survey123 and R&H Data Using FME
Integrating Survey123 and R&H Data Using FME
Safe Software
 
UPDASP a project coordination unit ......
UPDASP a project coordination unit ......
withrj1
 
SAP Datasphere Catalog L2 (2024-02-07).pptx
SAP Datasphere Catalog L2 (2024-02-07).pptx
HimanshuSachdeva46
 
Open Source Software Development Methods
Open Source Software Development Methods
VICTOR MAESTRE RAMIREZ
 
How to Choose the Right Web Development Agency.pdf
How to Choose the Right Web Development Agency.pdf
Creative Fosters
 
Looking for a BIRT Report Alternative Here’s Why Helical Insight Stands Out.pdf
Looking for a BIRT Report Alternative Here’s Why Helical Insight Stands Out.pdf
Varsha Nayak
 
What is data visualization and how data visualization tool can help.pptx
What is data visualization and how data visualization tool can help.pptx
Varsha Nayak
 
What is data visualization and how data visualization tool can help.pdf
What is data visualization and how data visualization tool can help.pdf
Varsha Nayak
 
Transmission Media. (Computer Networks)
Transmission Media. (Computer Networks)
S Pranav (Deepu)
 
Enable Your Cloud Journey With Microsoft Trusted Partner | IFI Tech
Enable Your Cloud Journey With Microsoft Trusted Partner | IFI Tech
IFI Techsolutions
 
Step by step guide to install Flutter and Dart
Step by step guide to install Flutter and Dart
S Pranav (Deepu)
 
Artificial Intelligence Workloads and Data Center Management
Artificial Intelligence Workloads and Data Center Management
SandeepKS52
 
Meet You in the Middle: 1000x Performance for Parquet Queries on PB-Scale Dat...
Meet You in the Middle: 1000x Performance for Parquet Queries on PB-Scale Dat...
Alluxio, Inc.
 
Smadav Pro 2025 Rev 15.4 Crack Full Version With Registration Key
Smadav Pro 2025 Rev 15.4 Crack Full Version With Registration Key
joybepari360
 
Who will create the languages of the future?
Who will create the languages of the future?
Jordi Cabot
 
Milwaukee Marketo User Group June 2025 - Optimize and Enhance Efficiency - Sm...
Milwaukee Marketo User Group June 2025 - Optimize and Enhance Efficiency - Sm...
BradBedford3
 
About Certivo | Intelligent Compliance Solutions for Global Regulatory Needs
About Certivo | Intelligent Compliance Solutions for Global Regulatory Needs
certivoai
 
Folding Cheat Sheet # 9 - List Unfolding 𝑢𝑛𝑓𝑜𝑙𝑑 as the Computational Dual of ...
Folding Cheat Sheet # 9 - List Unfolding 𝑢𝑛𝑓𝑜𝑙𝑑 as the Computational Dual of ...
Philip Schwarz
 
Async-ronizing Success at Wix - Patterns for Seamless Microservices - Devoxx ...
Async-ronizing Success at Wix - Patterns for Seamless Microservices - Devoxx ...
Natan Silnitsky
 
MOVIE RECOMMENDATION SYSTEM, UDUMULA GOPI REDDY, Y24MC13085.pptx
MOVIE RECOMMENDATION SYSTEM, UDUMULA GOPI REDDY, Y24MC13085.pptx
Maharshi Mallela
 
Integrating Survey123 and R&H Data Using FME
Integrating Survey123 and R&H Data Using FME
Safe Software
 
UPDASP a project coordination unit ......
UPDASP a project coordination unit ......
withrj1
 
SAP Datasphere Catalog L2 (2024-02-07).pptx
SAP Datasphere Catalog L2 (2024-02-07).pptx
HimanshuSachdeva46
 
Open Source Software Development Methods
Open Source Software Development Methods
VICTOR MAESTRE RAMIREZ
 
How to Choose the Right Web Development Agency.pdf
How to Choose the Right Web Development Agency.pdf
Creative Fosters
 
Looking for a BIRT Report Alternative Here’s Why Helical Insight Stands Out.pdf
Looking for a BIRT Report Alternative Here’s Why Helical Insight Stands Out.pdf
Varsha Nayak
 
What is data visualization and how data visualization tool can help.pptx
What is data visualization and how data visualization tool can help.pptx
Varsha Nayak
 
What is data visualization and how data visualization tool can help.pdf
What is data visualization and how data visualization tool can help.pdf
Varsha Nayak
 
Transmission Media. (Computer Networks)
Transmission Media. (Computer Networks)
S Pranav (Deepu)
 
Enable Your Cloud Journey With Microsoft Trusted Partner | IFI Tech
Enable Your Cloud Journey With Microsoft Trusted Partner | IFI Tech
IFI Techsolutions
 
Step by step guide to install Flutter and Dart
Step by step guide to install Flutter and Dart
S Pranav (Deepu)
 
Artificial Intelligence Workloads and Data Center Management
Artificial Intelligence Workloads and Data Center Management
SandeepKS52
 
Meet You in the Middle: 1000x Performance for Parquet Queries on PB-Scale Dat...
Meet You in the Middle: 1000x Performance for Parquet Queries on PB-Scale Dat...
Alluxio, Inc.
 
Smadav Pro 2025 Rev 15.4 Crack Full Version With Registration Key
Smadav Pro 2025 Rev 15.4 Crack Full Version With Registration Key
joybepari360
 
Who will create the languages of the future?
Who will create the languages of the future?
Jordi Cabot
 
Milwaukee Marketo User Group June 2025 - Optimize and Enhance Efficiency - Sm...
Milwaukee Marketo User Group June 2025 - Optimize and Enhance Efficiency - Sm...
BradBedford3
 
About Certivo | Intelligent Compliance Solutions for Global Regulatory Needs
About Certivo | Intelligent Compliance Solutions for Global Regulatory Needs
certivoai
 
Folding Cheat Sheet # 9 - List Unfolding 𝑢𝑛𝑓𝑜𝑙𝑑 as the Computational Dual of ...
Folding Cheat Sheet # 9 - List Unfolding 𝑢𝑛𝑓𝑜𝑙𝑑 as the Computational Dual of ...
Philip Schwarz
 
Async-ronizing Success at Wix - Patterns for Seamless Microservices - Devoxx ...
Async-ronizing Success at Wix - Patterns for Seamless Microservices - Devoxx ...
Natan Silnitsky
 

How to level-up your Selenium tests with Visual Testing #SeleniumCamp

Editor's Notes

  • #3: What is Visual Testing? Sikuli??? It's too flaky and unstable for practical use…
  • #6: What is Visual Testing? Sikuli??? It's too flaky and unstable for practical use…
  • #9: Visual Software Testing is the process of validating the visual aspects of an application’s User Interface (UI) on all platforms. A quality assurance activity aimed to verify that a Graphical User Interface appears correctly to users
  • #10: This simple app include more than 50 different UI elements and we need to make sure that each of these elements appear correctly, in the right font and color and the right position, shape and size and include the right data and does not overlap or hide other elements. Visual Testing focuses on validating the Layout, Content and Appearance of each visual element of the UI and of the UI as a whole. Layout correctness means that each visual element of the UI is properly positioned on the screen, that it is of the right shape and size, and that it does not overlap or hide other visual elements. Content means that the element has the correct content in it (e.g. result of calculation). Appearance correctness means that the visual elements are of the correct font, color, or image.
  • #17: Most tools are for web apps except for FBSnapshotTestCase which is for IOS and Eyes which is platform agnostic.
  • #19: * Does not apply to fighting layout bugs.
  • #20: * Does not apply to fighting layout bugs.
  • #23: * Does not apply to fighting layout bugs.
  • #26: * Does not apply to fighting layout bugs.
  • #27: Like Boromir said…
  • #45: * Does not apply to fighting layout bugs.
  • #48: * Does not apply to fighting layout bugs.
  • #52: CSS files and HTML falling out of sync CSS changes with unexpected global implications. Frontend refactoring.
  • #53: Project / Product managers (collaboration)
  • #55: Data from external sources Not enough time to test pre-production Missing components in deployment.