View all web browser and mobile devices available in our cloud-based test lab.
Selenium is often used for responsive testing for web design. Here, we cover how to do automated responsive testing using Selenium and why it is important.
Related Reading: Selenium Cross-Browser Testing: A Web Testing Tutorial >>
Responsive UI automation testing is an important part of responsive web design. Manually testing across platforms with the UX/performance/visual end-goal in mind is simply not an option.
The factors of responsive web design of are:
Automated responsive testing should ensure a good user experience and better quality. But there's a lot that it needs to cover.
For starters, consider the following questions:
[Related Blog: 3 Tips For Responsive Web Design Testing]
One tool to consider for responsive web design testing is Selenium.
Selenium is the de-facto test automation tool for standard and responsive websites. While Selenium is powerful, you'll need complementary tools, too.
Cross-Browser Testing With SeleniumLearn how to test a website using Selenium. Check out our web testing tutorial or watch the webinar below:
Learn how to test a website using Selenium. Check out our web testing tutorial or watch the webinar below:
Back to responsive web design testing. Let’s list a few important requirements that will complement Selenium, using either open-source tools or products.
Galen test framework is a great add-on for Selenium. It is especially helpful when targeting RWD testing:
But that's not all you need in a responsive testing tool.
So, what do you need in a automated responsive testing tool — that Selenium can't do?
Selenium can't do visual validations.
This is where tools like Perfecto and Applitools come into play. They complement Selenium. You can use visual validation within Perfecto using Applitools Eyes to visually test the Geico.com RWD site.
Responsive sites are aimed to be used by almost any target platform in the market. This includes smartphones and tablets. So, it is important to realize that these platforms are highly sensitive to varying conditions.
That's why you need to include environment condition testing. This includes things like:
This can be the difference between a successful and engaging RWD and a bad one.
The cube below represents a test coverage matrix.
At its base, it focuses on the:
Accessibility compliance is another important thing to look for in a responsive testing tool. Most organizations are struggling with such testing and, in most cases, they are running such tests manually.
Considering the number of platforms teams need to cover as part of responsive testing, adding manual into the mix is a bad practice. It blocks velocity.
For that purpose, there is a very useful tool called WAVE, that allows teams to build their accessibility test steps on top of their selenium suite.
Here's a working example of the WAVE tool on top of Selenium. You can reuse this for your responsive site and quite easily gain value and kick-start your accessibility automation branch.
You'll get a report that highlights the accessibility issues that the tool (WAVE) detected on your page/s. The 1st visual is within the Perfecto lab in the cloud. The 2nd one (Geico.com) is through the simple web site of WAVE.
Automated responsive testing covers so many platforms. It's impossible to evaluate each failure, compare the results across platforms, and figure out how to fix them.
Selenium-based reports — e.g., executed through testNG — are not as insightful when it comes to quality analysis at scale.
That's why Perfecto implemented its DigitalZoom™. This is a tag-based reporting framework. It allows test automation practitioners to put structure into the test code. So, at the end of each cycle, teams can easily see a dashboard, drill down, and carry out a fast root cause analysis.
Responsive web design is important. And to get there, you'll need automated responsive testing tools. You can go far in responsive web design testing using Selenium. But you'll still face some challenges.
That's why you need Perfecto to solve the challenges you face with Selenium.
With Perfecto, you can:
See for yourself what Perfecto can do for your responsive testing plan. Start your free 14-day trial today to see how Perfecto can help your team.
DevOps Chief Evangelist & Sr. Director at Perforce Software, Perfecto
Eran Kinsbruner is a person overflowing with ideas and inspiration, beyond that, he makes them happen. He is a best-selling author, continuous-testing and DevOps thought-leader, patent-holding inventor (test exclusion automated mechanisms for mobile J2ME testing), international speaker, and blogger.
With a background of over 20 years of experience in development and testing, Eran empowers clients to create products that their customers love, igniting real results for their companies.