2. Key Takeaways
• What, Why and How of Visual testing?
• Available Tools for Visual Testing
• Why Applitools Eyes?
• Set-up and pre-requisites
• Demo for Web Apps
3. What is Visual Testing?
Verifying the GUI is displayed as per the User’s expectations
focusing on layouts, colors, sizes and shapes
12. Why Applitools?
• Supports various test tools/frameworks and languages
• Selenium, Cypress, Appium, Perfecto, Coded UI
• Java, C#, JS, python
• AI-powered cognitive vision
• Cross device and browser tests (unique viewport combination)
• Mobile hybrid and Native apps
• Web apps
• Robust user access management
• Available on public or private cloud
• Automate your test maintenance
• Automate PDFs
13. contd…
• Leverage your existing tests
• Integrates with your toolchain
• Automation Tools, Collaboration Tools, CI/CD and more
• Build custom visual reports
14. How Applitools Eyes work?
Step 1 :
Capture visual differences via full-page screenshots
Step 2 :
Compare visual differences across every platform
Step 3 :
Run visual tests automatically with every release
15. Set-up used for Demo
• Development environment
• Java 8
• Maven
• Your existing Test Automation Framework
• Applitools API Key
17. Getting started with Applitools Eyes
• Import the SDK into Maven's pom.xml
• Instantiate Eyes and pass your API key to Applitools
• Set the application (AUT) name, the test name and set the browser's
viewport size
19. Match Levels
• EXACT
• Pixel by Pixel Comparison
• STRICT
• Mimics the human eyes.
• Ignores trivial mismatches (antialiasing, small pixel movements, etc.)
• CONTENT
• Similar with STRICT plus it ignores colour changes
• LAYOUT
• Compares the layouts
• Checks the elements locations