Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Advanced test automation techniques for responsive apps and sites

436 views

Published on

Slides from my talk on how to effectively test responsive apps and sites.

The full video is available here: http://testautomation.applitools.com/post/148047224072/webinar-recording-advanced-test-automation

Published in: Software
  • Be the first to comment

  • Be the first to like this

Advanced test automation techniques for responsive apps and sites

  1. 1. Adam Carmi (@carmiadam) Co-Founder and VP R&D at Applitools ADVANCED TEST AUTOMATION TECHNIQUES FOR RESPONSIVE APPS AND SITES
  2. 2. AGENDA  What are responsive web sites?  Let’s test Github!  Best practices  Q & A
  3. 3. RESPONSIVE WEB DESIGN An approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience across a wide range of devices. “ WIKIPEDIA
  4. 4. https://github.com vs https://en.wikipedia.org
  5. 5. window.innerWidth
  6. 6. TEST = INTERACTION + VALIDATION
  7. 7. LET’S TEST! + + +
  8. 8. INTERACTION TIPS  Detect page layout within its page object  Build browser and layout independent automation  Avoid creating layout specific page objects  Avoid detecting layout by window.innerWidth  Set browser size by window.innerWidth
  9. 9. TEST = INTERACTION + VALIDATION
  10. 10. An approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience across a wide range of devices. HOW CAN WE VALIDATE RWD??? “ WIKIPEDIA
  11. 11. VISUAL TESTING A quality assurance activity aimed to verify that a Graphical User Interface appears correctly to users
  12. 12. AUTOMATED VISUAL TESTING Drive the AUT and take screenshots Compare screenshots with baseline images Report differences Update the baseline
  13. 13. LET’S TEST! + + +
  14. 14. VALIDATION TIPS  Prefer full page validation  Use page object callbacks to validate layout-specific UI states  Focus on lower layout boundaries  Don’t abort your tests on validation failures  Always use real browsers  Prefer real devices
  15. 15. Adam Carmi (@carmiadam) Co-Founder and VP R&D at Applitools QUESTIONS?

×