Sample Test Cases For Cross Browser Testing

Sample Test Cases For Cross Browser Testing or Cross Browser Testing Test Case: In this article, we discuss Sample Test Cases For Cross Browser Testing. We cover some of the common compatibility test scenarios under which you can test your website for cross-browser tests. So let’s take a look at those scenarios.

Here are some of the scenarios that you can check and build up your test cases. But before that let us try to understand what is the meaning of cross browser testing.

Post On:	Test Case For Cross Browser Testing
Post Type:	Test Case Template
Published On:	www.softwaretestingo.com
Applicable For:	Freshers & Experience
Never Miss To Join:	Software Testingo Group Link

What is Cross Browser Testing?

Cross Browser Testing is the process of testing a website or web application on different browsers and operating systems to ensure that it is compatible with as many users as possible. This test should be done by a professional who has experience in this field and can evaluate how well the website or web application works on different devices.

If you want to know what is cross browser testing then you can read our detailed cross browser testing tutorial or you can check the cross browser testing wiki. Also, we have shared the list of cross browser testing interview questions that are frequently asked during the interviews.

Cross Browser Testing Test Cases: You have to decide how many mainstream browsers your app or website supports. Some of the common browsers include – Chrome, Firefox, Opera, Safari, Edge, and UCBrowser. Your client should know how many browsers they wish to support.

In case the support for some specific app is not included, what are the alternatives? You have to check with the client before you decide on the scope of the test as you’d be using only a specific number of browsers.

• Check if the website loads on a browser.
• Check if the elements (such as buttons, forms, and menus) are visible.
• Check if the elements clickable on a page.
• Check if the content of the page is visible on all devices.
• Check if the webpage requires a specific browser version.
• Check if the webpage takes a longer time to load on the browser.

Your test should include a mobile browser. Each mobile platform has a different type of browser to test such as Chrome, Safari, UCBrowser, Tea Shark, etc.

Sample Test Cases For Cross Browser Testing – Device Platform

Depending on how you wish to test, you’d be categorizing the mobile app or the performance of the website on a specific device platform. You have a platform such as Linux, Windows, Mac, Android, and a few others. Your test scope depends on the device platform that clients wish to target.

• Check if this website or app opens on a tablet.
• Check if this website opens on a smartphone.
• Check if this website responds to the specific resolution.
• Check if this website opens on the Windows platform.
• Check if this website opens on Apple iOS.
• What are some of the other device platforms supported by a website?

Cross Browser Testing Test Cases – CSS Support

A large part of cross-browser testing revolves around CSS. This is what makes and breaks the app or website on any device. So most of the things that you’re going to test would be around this element. You have plenty of tests to be done to validate the performance of your website. Here are some of the questions that you can have in a test scenario.

• Check what is CSS Version used.
• Check what is CSS Version supported by a browser.
• Check what is the CSS rendering engine under usage.
• Check if the CSS throws an error.
• Check if the CSS Minification affects rendering.
• Check if the CSS minification causes more errors.
• Check if the CSS contains code for responsive layout.
• Check if the CSS makes calls to external image sources.
• Check if the CSS makes calls to external font sources.
• Check if the size of CSS reduces the page speed.
• Check whether the CSS rendering affects the loading of certain elements.

Cross Browser Test Cases – Javascript

Apart from CSS and HTML, you are likely to have javascript elements. These elements often don’t render properly on mobile devices. And for that, you have to create some Cross Browser Test Cases or test scenarios too. And your test should consider the scenarios where such use of the javascript is taken into consideration. Here are some of the test scenarios that you can take into consideration.

• Check if the Javascript element is positioned properly.
• Check if the javascript library used is compliant with a W3C standard.
• Check if the javascript library slows down the website or app.
• Check if the javascript library increases the file size of total website rendering.
• Check if the JS library use affects the resolution of the device.

These are some of the core questions that are needed to be answered when you’re testing for the JavaScript library on your website.

Browser Testing Test Cases – Tables

Almost every website these days makes use of tables of some sort that contains the data. The tables on the pages could be – CSS Table or HTML Table. In the case of dynamic data using AJAX or jquery, you’d find that such tables are worth testing.

• Check if the tables work in a responsive layout.
• Check if the tables render properly for viewing on the specific resolution.
• Check if the data appear correctly in the respective tables.
• Check if the HTML table responds to the responsive layout.
• Check if the CSS table breaks into a responsive layout.
• Check if the dynamic data appear properly in the responsive layout.

These are some common test scenarios on which you can build your test cases. In the case of tables or any grid layout on the page, you have to make the test cases depending on how the project is designed. You have to adjust your test scenarios based on the tabular content on the page.

Browser Compatibility Test Cases – Network

Often ignored points while testing the websites. Most websites render differently if the connection speed is low. They render the items with a small size first before rendering bigger-sized elements. And you can write test cases of those conditions for your network tests.

• Check if the website loads partially under a slow connection.
• Check if the website is rendered at all on a slow connection.
• Check if the website misses important elements while completely rendering on a slow connection.
• Check if the content delivery network (CDN) affects the rendering of the webpage.
• Check if the ISP speed affects the rendering of the page across the browser.
• Check if the browser responds well to a slow connection.

Most of the time above scenarios are more than enough to validate the performance of the website across multiple platforms. There are some of the other tests you can perform under OS, network, and a few other variables.

However, those tests will be too deep and may often give similar results under certain browser sets. That being said, I hope you find the information here useful for writing the test cases. Do post your comments and suggestion below.