Responsive web design (RWD) is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience like easy reading and navigation with a minimum of resizing, panning, and scrolling across a wide range of devices (from desktop computer monitors to mobile phones).
Responsive web design is important as the amount of mobile traffic now accounts for more than half of total internet traffic. This trend is so prevalent that Google has begun to boost ratings of sites that are mobile friendly if search was made from a mobile device. This has net effect of penalising sites that are not mobile friendly.
The responsive web design responds to needs of the users and the devices they’re using. The layout changes based on the size and capabilities of the device and provides the enhanced user-experience by re-structuring the contents as per the end-user devices. With plethora devices releasing every day, this has gained significance in the web designing and along with it came testing challenges. In this talk we are going to discuss the challenges in testing RWD websites and how to overcome those by using tools available in the current market.
I have chosen Galen to demonstrate automation of Responsive web design testing. Come and experience the talk to be enlightened about this new-found tool.
Galen is an open source framework built for responsive websites. It provides the feasibility to test pages on various screen sizes and browsers. The test and spec files can be written in plain English which makes it easier for the business people to understand and contribute. This can also be used as a guide for the UI developers where they build the layout based on the spec files agreed by the business.