Automating the Responsive Web Design Testing
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 becoming more 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 the ratings of sites that are mobile friendly if the search was made from a mobile device. This has the net effect of penalizing sites that are not mobile friendly.
The responsive web design responds to the 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 the testing challenges. In this talk, we are going to discuss the challenges in testing RWD websites and how to overcome those by using the tools available online.
I have chosen Galen tool to demonstrate the automation of Responsive web design testing. Come and experience the talk to be enlightened about this new found tool :)
Why Galen?
Galen is an open source framework built for responsive websites. It provides the feasibility to test the various pages on 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.
To know more about Galen, visit Galen Website
Outline/Structure of the Demonstration
1. Introduction to RWD
2. Why has RWD boomed in web development
3. Challenges in testing RWD sites
4. Existing tools and their challenges
5. Tools available for Automating RWD sites
6. Introduction to galen tool
7. Demo with galen tool
- How to write a spec file
- Write a test file for the spec file
- Run the galen test file
- Generating reports for the tests
- Using screenshots to view the errors on the UI
Demo code can be found here: GitHub Link
8. Using the same for cross browser testing
Learning Outcome
1. Understanding of RWD
2. Varieties of tools to test those websites
3. How to approach for RWD testing
4. Galen and how to use it
5. Demo of the tool
The following slides are from one of the similar talks I have presented in a conference.
Target Audience
Testers, UI developers, Web Developers, UX
Video
schedule Submitted 7 years ago
People who liked this proposal, also liked:
-
keyboard_arrow_down
Michal Vanek / Filip Braun - Breaking down the barriers: Testing desktop apps with Selenium
Michal VanekLead QA EngineerAvast SoftwareFilip BraunQuality Assurance EngineerAvast Softwareschedule 7 years ago
45 Mins
Talk
Intermediate
Selenium was born for web-application testing. But have you ever thought it could be a great tool for testing Windows desktop apps too?
Today, more and more desktop apps use a web-like approach to implement their UI. The methods vary from basic HTMLayout environment to complex designs in CEF (Chromium Embedded Framework). However traditional GUI automation tools seem to be a step behind or ignoring the trend completely. This situation calls for finding new ways of testing.
In our talk we shall introduce to you a new way of utilizing Selenium for automated testing of desktop applications. No matter whether the HTML UI content is completely offline or loaded and updated dynamically, Selenium is able to access and navigate it just like in a web page. We’ll also show you how to build a small framework around it and plug it into your Continuous Integration process. All of this will be demonstrated using a real-life instance of Avast Antivirus for Windows.
-
keyboard_arrow_down
Adam Carmi - Advanced Automated Visual Testing With Selenium
45 Mins
Talk
Beginner
Automated visual testing is a major emerging trend in the dev / test community. In this talk you will learn what visual testing is and why it should be automated. We will take a deep dive into some of the technological challenges involved with visual test automation and show how modern tools address them. We will review available Selenium-based open-source and commercial visual testing tools, demo cutting edge technologies that enable running cross browser and cross device visual tests at large scale, and show how visual test automation fits in the development / deployment lifecycle.
If you don’t know what visual testing is, if you think that Sikuli is a visual test automation tool, if you are already automating your visual tests and want to learn more on what else is out there, if you are on your way to implement Continuous Deployment or just interested in seeing how cool image processing algorithms can be, this talk is for you! -
keyboard_arrow_down
Dan Cuellar - Advanced Appium
45 Mins
Talk
Advanced
Over the last few years, Appium has become the choice automation tool for mobile application UI testing. Most people are familiar with the basics of Appium, but did you know that you Appium can identify elements using image recognition? Did you know you it's also possible to automate Windows phone and Desktop apps with Appium? Have you ever seen Appium run the same test on multiple operating systems, or seen an Appium test run using several devices at once?
The talk will cover advanced Appium topics such as these along with best practices to ensure you get the most out of Appium.
-
keyboard_arrow_down
Srinivasan Sekar / Sai Krishna - Automation testing on iOS real devices Parallely using Appium
Srinivasan SekarLead ConsultantThoughtWorksSai KrishnaLead ConsultantThoughtworksschedule 7 years ago
20 Mins
Talk
Beginner
Automate Native/Hybrid applications and execute the tests on several iOS real devices parallely without registering appium nodes to selenium grid.
-
keyboard_arrow_down
Rajdeep Varma - Enrich Your Automation With Visual Assertions
45 Mins
Talk
Intermediate
This talk is about a ruby gem I wrote for adding visual assertion with selenium as driver.
While we continuously implement new functionalities in our app, automated functional tests acts as safety net and gives us confidence. Still, there is something missing. Many times we get feedback like:
"Sign-In button has shifted and user have to scroll down to see it"
"We wanted to change background color of screen-X, it got changed for Screen-Y screen as well"
"Why has fonts of this link become so tiny?”
I am working on customer facing enterprise level Mobile apps of one of the biggest airline in the world. For us user experience is as important as functionality.
Our regression suit did not have capability to catch such issues. Moreover, we started building another airline app from the same codebase with only change in user interface of this new app. This means, change done for one app, affects another. Hence, it became really critical to enhance our automation with visual assertions.
To accomplish this, I worte my own gem called 'nakal'.http://rubygems.org/gems/nakal This is going to be a Talk + Demonstration
-
keyboard_arrow_down
Anup Menon - Total Continuous Integration
45 Mins
Talk
Intermediate
Total Continuous Integration is a series of functional and nonfunctional tests that runs periodically with the help of continuous integration tool.
Writing a script and automating the test cases are really time saving, But it will be more effective if its Headless and runs periodically. Also at the end of every automation scripts we need Reports. This can be easily achieved with the help of continuous integration tool- Jenkins. Jenkins is one open source tool to perform continuous integration and build automation. The basic functionality of Jenkins is to execute a predefined list of steps. The trigger for this execution can be time or event based.
In this session we will discuss how to run your selenium scripts, Jmeter scripts or your JS scripts periodically and generate reports on each build. We will also explore how to run a selenium script headlessly with the help of Xvfb.
-
keyboard_arrow_down
Soumyajit Basu - Running your tests headless using Java + Selenium + PhantomJs Driver + TestNG
20 Mins
Talk
Beginner
In this era of continuous software development and continuous delivery automation of a software plays a really big role in reducing time and effort for quality control and visually verifying individual functionalities. Automation plays a vital role in quickly pin pointing any break within the functionalities of the software system and also provides a quick report so that the software development team is aware what functionality in the system needs to be attended.
The session would contain running an automation test headless by using the capability of phantomjs driver, running Selenium, implemented in Java and triggered by TestNG. People interested in learning automation can utilise the power of phantomjs driver to run tests quickly and get the desired test reports.