6. Testing Responsive Web Design
● Basic Rules
– Pages should be readable/user interactable on all
resolutions.
– Never visualize the horizontal scroll bar in the page.
– Text and images that fit proportionately in relation to
the width of the page
– Use of less image and more design structure
– At the end of the day its all about utilizing the user
view port for best user experience
12. Why we need Visual Testing
1.CSS unit testing is not possible
2.Slight change in values affect the DOM
randomly
3.Refactoring/Cleaning up of CSS code might
break at various level,After all, the C in CSS
does stand for cascading... order absolutely
matters.
13. What are the visual testing tools
available for automation?
1.PhantomCSS
2.Galen
3.Wraith
4.Backstopjs
14. Galen is a open source layout testing tool
created by Ivan Shubin developer at ebay,
Netherland
1. Easy to learn
2. Readable and Understandable syntax definition - Galen Spec
3. No need to verify entire page, Supports component level
validation
4. Style and font validation is also supported
5. Inbuilt test framework with good reporting options
6. Easy to integrate with selenium
7. Good Documentation
Why Galen