advanced cross-browser visual testing with applitools eyes and hp leanft

22
Adam Carmi Co-Founder and VP R&D at Applitools ADVANCED CROSS-BROWSER VISUAL TESTING with Applitools Eyes and HP LeanFT Joe Colantonio Test Architect at a fortune 100 company Founder of #testtalks Yaniv Bigger HPLN R&D and Product Manager

Upload: adamcarmi

Post on 08-Aug-2015

519 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT

Adam CarmiCo-Founder and VP R&D at Applitools

ADVANCED CROSS-BROWSER VISUAL TESTING

with Applitools Eyes and HP LeanFT

Joe ColantonioTest Architect at a fortune

100 companyFounder of #testtalks

Yaniv BiggerHPLN R&D and Product

Manager

Page 2: Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT

AGENDA

Introduction to automated visual testing Demo #1: A sneak preview of LeanFT Demo #2: Cross-browser visual testing

with Eyes and LeanFT Demo #3: Large scale visual testing with

Applitools Eyes. When to perform automated visual testing? How to learn more with HPLN Q&A

Page 3: Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT

WHAT IS VISUAL TESTING?

A quality assurance activity aimed to verify that a

Graphical User Interface appears correctly to users

Page 4: Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT

A VISUAL BUG

Page 5: Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT

AND ANOTHER…

Page 6: Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT

AND YET ANOTHER (IE 8 NOT OK)…

Page 7: Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT

AND YET ANOTHER (IE 11 OK)…

Page 8: Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT

WHY SHOULD IT BE AUTOMATED?

THE TEST MATRIX IS TOO BIG TO COVER MANUALLY

Web browsers Devices Operating systems Screen resolutions Responsive designs L10n

Page 9: Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT

WHY SHOULD IT BE AUTOMATED?

Page 10: Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT

WHY SHOULD IT BE AUTOMATED?

NATIVE / HYBRID MOBILE APPS

Harder to roll back changesCan’t push dailyUpdates take battery and data

Higher quality bar

Page 11: Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT

HOW DOES IT WORK?

Drive the AUT and take screenshots

Compare screenshots with baseline images

Report differences

Update the baseline

Page 12: Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT

AGENDA

Introduction to automated visual testing Demo #1: A sneak preview of LeanFT Demo #2: Cross-browser visual testing

with Eyes and LeanFT Demo #3: Large scale visual testing with

Applitools Eyes. When to perform automated visual testing? How to learn more with HPLN Q&A

Page 13: Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT

AGENDA

Introduction to automated visual testing Demo #1: A sneak preview of LeanFT Demo #2: Cross-browser visual testing

with Eyes and LeanFT Demo #3: Large scale visual testing with Applitools Eyes.

When to perform automated visual testing? How to learn more with HPLN Q&A

Page 14: Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT

HOW DOES IT WORK?

Drive the AUT and take screenshots

Compare screenshots with baseline images

Report differences

Update the baseline

Page 15: Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT

AGENDA

Introduction to automated visual testing Demo #1: A sneak preview of LeanFT Demo #2: Cross-browser visual testing with

Eyes and LeanFT Demo #3: Large scale visual testing with

Applitools Eyes. When to perform automated visual testing?

How to learn more with HPLN Q&A

Page 16: Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT

WHERE DOES IT FIT?

• Components

• Code review

• Developers

• Designers• QA

Visual testing of UI components by frontend developers

Page 17: Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT

WHERE DOES IT FIT?

• Pages• Page

sections

• Developers

• Designers• QA• Others

Full or partial validation of application screensA collaboration tool

Page 18: Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT

WHERE DOES IT FIT?

• Staging vs. Production

• Ops• QA

Validate your staging deployment using your production deployment as a baseline

Page 19: Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT

WHERE DOES IT FIT?

• Monitoring

• Ops• QA

No missing resources in productionNo corruption due to 3rd party dataNo corruption due to browser / OS upgrades

Page 20: Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT

AGENDA

Introduction to automated visual testing Demo #1: A sneak preview of LeanFT Demo #2: Cross-browser visual testing

with Eyes and LeanFT Demo #3: Large scale visual testing with

Applitools Eyes. When to perform automated visual testing? How to learn more with HPLN Q&A

Page 21: Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT

OFFER TO WEBINAR ATTENDEES

1 free month of unlimited Enterprise

plan

Email [email protected] with coupon code LEANFT157

Page 22: Advanced Cross-Browser Visual Testing with Applitools Eyes and HP LeanFT

QUESTIONS?