logo
logo
Sign in

Compatibility test: what is it and how to check site’s compatibility

avatar
Anu George

Digitisation has led every small or big business to go online; to broaden the business horizon, reach every corner of the world and have an online presence. It is imperative to check the viability of a website’s functioning across various platforms like Windows, Mac, IOS or Android, and more to have a seamless user experience. 

 

A site’s seamless working irrespective of the browser and the underlying operating system determines the site's compatibility and functionality. It would ensure that user experience is uninterrupted across all browsers. Thus, it becomes evident that a website needs to undergo a series of tests like the look and feel, button actions, link clicks, image rendering, video streaming and more to function similarly on all browsers. The advancement in the field of testing has revolutionised the usage of tools to perform cross-browser testing. 

Let’s talk about a tester with say 15 years of experience. Decades ago, he was performing cross-browser testing manually. Like any other testing checks, cross-browser testing was also checked manually by a tester for each and every functionality that a site offers.

Manual checks are time-consuming and the repetitive execution not only made this technique tiresome but also induced loss of interest. To get away with the tiresome, repetitive work, the testing community moved to automate the test scenarios which can be executed over any platform to test the website’s functionality.

 

Compatibility Checks

A quick checklist that would help to determine the site’s compatibility:

  • Common Manual Checks:  Listed below are some common manual checks would help understand the site’s behaviour on various browsers before automating the cross browser testing:
    • Some HTML tags may not be supported by some browsers
    • Some CSS features or attributes may not be supported by some browsers
    • Some browser support specific image formats and if not supported the image would not render
    • Some plugins not supported by some browsers like Flash on iPhone or Blackberry

 

  • Base Functionality: The base functionality check ensures that all the happy path scenarios are covered and the basic flow of the application is completed without any errors. Let’s understand the same with the following example checks:
    • A Login screen with username and password input fields and a login button to trigger login.
      • Username and password fields should be enabled to accept user input.
      • The menus or sub-menus on screen or links available in header and footer should be clickable and open the links.
      • On successful login, user should navigate to the dashboard
    • Above checks would ensure that the basic functionality of the login screen is seamlessly working on every browser

 

  • User interface or Design: The user interface or design of the site like layout, Colors, fonts that is the website's look and feel is the same on all the browsers. For example following checks can be done to ensure that the user experience is consistent:
    • Fonts on the webpages are same across all the browsers
    • Image rendering - images are rendered properly and have same:
      • Image size
      • Resolution
      • Thumbnails 

 

    • Video streaming- If the site has videos then the video streaming should be uninterrupted, that is the video should be available and quality of video should be the same across browsers.
    • Layout - Every page on the website follows a format and that should be same across browsers:
      • Placement of headers and footers
      • Header and footer links and orientation

 

  • Page responsiveness: Page load timings across each browser should be same on same network on all the browsers

 

  • Emulators: There are a number of emulators available for various desktop or mobile devices. These emulators can be used to check the website rendering on all browsers.

 

  • Accessibility: In case the website is eligible to be used by differently abled users then verify the user’s accessibility for the functionalities.

 

  • Compare the UI: Comparing the screenshots of the webpages, this can be done manually or by using a tool.

 

  • Test Labs: Set-up an on-premise test lab that would simulate the real time testing

 

  • Cloud based platform: Use a cloud based platform that would enable the real time testing on real browsers across various browsers and operating systems

The industry has a handful of tools to choose from for cross browser testing and performing all these checks. The transformation of deployment from large privately held servers to hosting the website on the cloud has paved the path to simulate the test environment and verify the website on the cloud.

A varied number of cloud based testing tools are available in the market that makes it easy to perform cross browser testing in pre-production or similar to live or live environments without disrupting the actual business functions. Continuous integration has reduced the efforts of moving a build from a test environment to the live environment and testing has perfectly sealed the deal.

Different tools are available in the market for automating cross browser testing. Almost every other tool has a specific format to be used or followed for creating an automated script for cross browser testing. It introduces a new learning curve. 

Wouldnt it have helped to write tests in the natural language like English?

 

Wondering if there is a tool available? 

Yes, Testsigma offers you to write your test cases in natural language, get away from tirelessly writing java code or javascript handles to perform cross browser testing. Get away with verifying the Firefox developers tool to get the hang of those element ids and based them on n number of scenarios and complex conditions. Testsigma would let you focus on the quality of test cases rather than focusing on writing the test cases in the desired format. 

The five key features provided by Testsigma that would make your life easy and make your job effective are:

 

An easy, quick and effective automated cross browser testing tool that would add quality and faster delivery to your product or services. Signup for Free.

collect
0
avatar
Anu George
guide
Zupyak is the world’s largest content marketing community, with over 400 000 members and 3 million articles. Explore and get your content discovered.
Read more