schedule Jun 24th 04:15 PM - 05:00 PM place ESquire Hall 1 people 4 Attending

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

 

 

 
16 favorite thumb_down thumb_up 8 comments visibility_off  Remove from Watchlist visibility  Add to Watchlist
 

Outline/structure of the Session

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

schedule Submitted 1 year ago

Comments Subscribe to Comments

comment Comment on this Proposal
  • Pranathi Birudugadda
    By Pranathi Birudugadda  ~  1 year ago
    reply Reply

    Hi All,

    Thanks for your valuable suggestions. I have updated the proposal to contain more details :)

  • TechBeamers
    By TechBeamers  ~  1 year ago
    reply Reply

    This web UI automation framework looks quite promising and a potential solution for validating the rendering of web elements and the portal layout. Would it have native integration with the Selenium IDE as it does support Selenium Grid which I just saw on its website?

    • Pranathi Birudugadda
      By Pranathi Birudugadda  ~  1 year ago
      reply Reply

      Hi,

      Thanks for your interest. Yes it is a promising tool! I don't think this tool has any integration with Selenium IDE yet. It would be a valuable suggestion for the tool contributors :)

  • Dave Haeffner
    By Dave Haeffner  ~  1 year ago
    reply Reply

    Will you be discussing the need for responsive web testing on real devices and why emulators/simulators aren't good enough (and possibly demonstrating it)?

    • Pranathi Birudugadda
      By Pranathi Birudugadda  ~  1 year ago
      reply Reply

      Hi Dave,

      I haven't planned for that in my agenda. But if it is going to add value for the audience, I can consider adding those topics. As for me the primary take away is learning about Galen framework.

      • ManojKumar
        By ManojKumar  ~  1 year ago
        reply Reply

        Will there be any example project (repo) available for audiences to share with ? So that they can try out the takeaways from your session.

        • Pranathi Birudugadda
          By Pranathi Birudugadda  ~  1 year ago
          reply Reply

          Hey manoj, 

          Definitely! I am gonna showcase a project code and share it with the audience too. 

          • ManojKumar
            By ManojKumar  ~  1 year ago
            reply Reply

            Thanks


  • Liked Michal Vanek
    keyboard_arrow_down

    Michal Vanek / Filip Braun - Breaking down the barriers: Testing desktop apps with Selenium

    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.

     

  • Liked Adam Carmi
    keyboard_arrow_down

    Adam Carmi - Advanced Automated Visual Testing With Selenium

    Adam Carmi
    Adam Carmi
    Co-Founder and VP R&D
    Applitools
    schedule 1 year ago
    Sold Out!
    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!

  • Dan Cuellar
    Dan Cuellar
    Head of Software Testing
    FOODit
    schedule 1 year ago
    Sold Out!
    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.

  • Liked Rajdeep
    keyboard_arrow_down

    Rajdeep - Enrich Your Automation With Visual Assertions

    Rajdeep
    Rajdeep
    Senior Consultant QA
    ThoughtWorks
    schedule 1 year ago
    Sold Out!
    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

  • Liked Srinivasan Sekar
    keyboard_arrow_down

    Srinivasan Sekar / Sai Krishna - Automation testing on iOS real devices Parallely using Appium

    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.

  • Liked Anup Menon
    keyboard_arrow_down

    Anup Menon - Total Continuous Integration

    Anup Menon
    Anup Menon
    QA Analyst
    Srijan Technologies
    schedule 1 year ago
    Sold Out!
    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.

  • Liked Soumyajit Basu
    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.