CODEWITHSUNDEEP
testinguser-interfacelayoutautomation
Siva
Siva

Reputation: 2821

Layout Testing - Web Testing

For Layout testing, I would like to know best approach

Based on link Regression Testing for Styling and Layout of Web Apps they have suggested browsershots

I would like to know if any of you have used Google Layout Detection Tool - http://code.google.com/p/fighting-layout-bugs/ in your projects

Please share your thoughts on verifying layout issues using automation

Thanks, Siva

Upvotes: 0

Views: 2790

Answers (2)

hypery2k
hypery2k

Reputation: 1691

You can use the Galen Framework for this, see an introduction here: http://holisticon.github.io/presentations/jsunconf_galen/#/

Basically you define you're specs in a DSL:

@ Overall layout | *
--------------------------
content
   visible
navbar
   visible
content
   below: navbar 370 to 410 px


@ navigation hidden on mobile | mobile
--------------------------
navbar-item-*
   absent


@ navigation shown on desktop | desktop
--------------------------
navbar-item-*
   visible   


@ Content should fit to screen size | mobile
--------------------------
content
   width: 100% of screen/width


@ Content should fit to screen size | desktop
--------------------------
content
   width: 80 to 90% of screen/width

You can find more sample code here: https://github.com/hypery2k/galen_samples

Upvotes: 1

Phil Helix
Phil Helix

Reputation: 3733

This is a vague and broad question but I'll attempt to answer it:

Yes, I have used this. My thoughts are better expressed by Michael Tamm and Co. I have bug out a couple of videos that were helpful when I implemented Fighting-Layout-Bugs around five weeks ago:

http://www.infoq.com/presentations/Fighting-Layout-Bugs

http://www.testingtv.com/2010/01/18/fighting-layout-bugs/

Upvotes: 1

Related Questions