CROSS BROWSER TESTING – WEB DESIGNING
Category : Blog
Cross Browser Testing is a process to test web applications in multiple browsers. The tests in several browsers involve checking the compatibility of your application in multiple web browsers and ensure that your web application works correctly in different web browsers. The tests between browsers involve testing the behaviour of both the client side and the server of your web application when accessed using different web browsers.
How to Implement Cross-Browser Testing:-
AppPerfect Web Test can help you test the functionality of your web application on the client side on different web browsers. Ensures your application is compatible with different web browsers like Internet Explorer, Firefox, Safari, Chrome, etc. at the same time. You can record the test on the anyone web browser and run it on different web browsers and in the way that you apply this test to different browsers without having to re-register the test on multiple browsers.
Do the following to test your app’s functionality across different web browsers:
- Once you have completed the registration test, select Project -> Properties .. menu. This will run the Project Properties Wizard.
- We will now configure the boot test for 4 repetitions with each repeat running in a different browser. To configure the number of duplicates, select the Replaying Test step from the right pane in the wizard. Set the number of duplicates to 4.
- Now we will configure every repetition to play with different browsers. Select Cross Browser Testing in the left-hand panel of the wizard. It will show the Cross-Browser Test tab where we can configure all browsers to repeat the test. By default, we can see Internet Explorer and iPhone already set with% of iteration as 0. We add Firefox and Chrome to this list and set% for each.
- Click on “Add new device “ to add more browsers to this list. This will start adding new device dialogues. You can add new devices or select from the existing list of browsers. If we add new, then we need to select the device (Browser / iPhone) from the device drop down. Provide a path to the browser path text field browser. Once completed click the OK button.
- Follow the same steps to add additional browser configurations to Chrome. Oncewe’ve finished adding the browser, we’ll configure the iteration percentage for each browser. We have configured to run the test using 4 iterations, so we will configure the iteration % for each browser to 25%. You can add an iPhone/Web browser multiple times in case you use the same browser/device multiple times while performing different iterations. These devices are selected according to the configuration order in the table below and are selected based on the percentage of iterations defined for each device. You can reorder devices using the Move Up / Move Down buttons.
- We have configured the browser compatibility test. Click Finish and start the Replay test using the Project -> Run menu option. The app will run a 4-fold test with each frequency that works with a different browser according to our configuration for cross-browser testing.
Server-side Cross-Browser Testing:-
AppPerfect load testing can help you test the behaviour of server-side web applications when accessing applications from different web browsers. AppPerfect load testing supports load testing of web applications using the HTTP protocol and can be configured to simulate HTTP requests from different web browsers. The Web Server identifies each client through a User-Agent string. When an Internet user accesses a website, a text string is usually sent in the HTTP header field “User-Agent” to identify the client application. Web applications typically include code that detects the client version to adjust the page design sent based on the received user agent string. Web applications can be designed to work differently for mobile Internet users and PC-based web browsers. AppPerfect Load Test supports HTTP requests using different web browser clients.
- To configure a test to test the browser over, select Project -> Properties .. menu. This will launch the Project Properties Wizard.
- Select the “Cross-browser testing” step. Here you can configure the percentage of virtual users that should be simulated for each client. Load Test supports Internet Explorer, Mozilla / Firefox, Chrome, Safari, Opera and iPhone. This list is user configurable and you can add any new custom User-Agents/clients to this list using the buttons provided on the right. To simulate requests from different web browsers, you can edit the list to include the required web browser and provide the appropriate percentage of virtual users that should be used to simulate requests from that browser. See the image below, which shows tests configured for 25% Chrome users, 25% Internet Explorer users, 25% Firefox users, and 25% iPhone users.
We are configuring load tests for cross-browser testing. The project -> Select the option to perform the experiment. Once the execution is completed we can see the performance details of each client browser in the test result vie