Beyond Resizing a Browser: Useful Responsive Web Testing Tips

At least half of web traffic comes from a mobile device, so it's no surprise that organizations are adopting different strategies to ensure a consistent user experience on any device. However, there's a lot more to a quality digital experience than simply viewing a website on different screen sizes.

 

To truly deliver seamless web viewing and interaction on any device from laptop to smartphone, RWD apps using Selenium needs to go through rigorous testing including: testing on actual devices (not emulators), testing against real user conditions and interruptions, and testing visual aspects such as screen orientation changes.

 

 

 
15 favorite thumb_down thumb_up 0 comments visibility_off  Remove from Watchlist visibility  Add to Watchlist
 

Outline/structure of the Session

In this session, Sreevatsa Sreerangaraju will discuss practical RWD testing tips as well as common RWD mistakes and how to avoid them. He will also do a demo showcasing RWD testing scenarios.

Learning Outcome

By attending this session, attendees will learn:

 

·       How to choose between RWD, adaptive web design (AWD) and m.dot development and testing strategies

·       What it takes to perform effective visual testing on real devices versus emulators

·      How to do test automation with Selenium to ensure quality throughout the RWD process

·      How to prevent common real-life RWD disasters such as slow page loads

·      How to test desktop and mobile web properties side by side in the same lab

Target Audience

Dev, QA pros and project managers

schedule Submitted 1 year ago

Comments Subscribe to Comments

comment Comment on this Proposal

  • Liked Roy Nuriel
    keyboard_arrow_down

    Roy Nuriel / Sreevatsa S - From Pyramids to hourglass - New approach and best practices for digital apps testing

    45 mins
    Talk
    Executive

    One of the first things that you learn when you enter the quality assurance space is the famous triangle braked down to Unit test at the lower, on top of it Acceptance Tests based on API (in some places this layer is integration tests but the idea is the same) and at the top of the Pyramid we have the User Interface (UI) Tests. This Pyramid, in the last two decades was the main principle on how to approach testing activities (mainly automation).

    In the last couple of year we are all taking part in the digital transformation that is taking place all over. Mobile Native applications as well as web applications take part in almost any activity that we are doing during the day, business are building their strategy on this channel and shifting resources and budgets to deliver applications maintained and expend their market share.

    So what changed?

    The users are no longer static, they are interacting with those apps while they are on the train on their way to the office, while waiting for a flight at the airport or drinking coffee while waiting for their next meeting – those “interactions” are done most of the time while they are on the go working with mobile device. In addition the application take advantage of the sensors that those devices provide in order to provide better user experience. The environment where our end users use our application has significant impact on the functionality and performance of our application which at the end of the day we call quality.

    During the last year we developed a new approach for digital application testing – The “Hourglass” – This new approach expend the known Pyramid and update it to the digital era – The client side is richer and contains many components that impact the quality of application. It redefine the definition of coverage. At the top of the pyramid we add 2 additional triangles (the gives the hourglass shape) – The first one is devices – what devices should we test, how we should approach the changes that happens in the devise market. The second is the environment, the places that our end users will use and interact with the application. We leverage the automation investment and get the real digital coverage which will help to reach high quality applications.   

     

  • Liked Uzi Eilon
    keyboard_arrow_down

    Uzi Eilon - Selenium Tests with Zero Code

    45 mins
    Demonstration
    Intermediate

    More and more companies are using responsive web to solve their digital requirements when user can execute any transactions from any screen.

    The varieties of screen sizes, browsers, devices and OS required more UI and end-user testing.

    One of the method to run end-user testing is monkey tests (executed clicks on random locations on the screen).

    The DOM object tree contains a lot of data which can help us to generate tests.

    In this session, I will describe how to use the DOM data to automatically build an object repository and to generate tests without writing any code.

    One more aspect of the UI testing is the validations, in the session i will show how to execute visual validation from standard selenuim test.

    I will also show how to:

    • Use on test on Mobile and big screen browsers.
    • Execute Tests on different devices and operating system in parallel. 
    • Add real user condition and persona base testing to your current tests. 
    • Smart reporting 

    For more details see: zero-effort-automation

     

  • Liked Sreevatsa S
    keyboard_arrow_down

    Sreevatsa S - Digital Users, Digital World – All about response

    Sreevatsa S
    Sreevatsa S
    Area Enablement Manager
    Perfecto
    schedule 1 year ago
    Sold Out!
    20 mins
    Talk
    Intermediate

    Today’s much of the digital traffic around the world is driven by web applications and this can happen from SmartPhone, Tablet or Desktop. No matter on which device the user is browsing through the website, he should get the same experience wherein the key challenge lies.

    Responsive web design (RWD) is becoming the preferred method for developing websites that look and work consistently on all devices. The idea behind this strategy is to give all users a seamless digital experience no matter what device, browser, screen size or orientation (portrait vs. landscape) they use.

    Selenium is the defacto for Cross-Browser testing in the industry and now it faces a few challenges including –

    • Alignment of Text
    • Overlapping elements
    • Scrolls on the page
    • Readability of the pages across all screen sizes and resolutions

    Join me in finding a solution with Selenium in order to address the Responsiveness of Web Applications