Automation

Selenium WebDriver tutorial Step by Step

You are here: Home / Advance Selenium / Cross Browser Testing using Selenium Webdriver

Cross Browser Testing using Selenium Webdriver

by 91 Comments

Cross browser testing in Selenium Webdriver

Hello Welcome to Selenium tutorial, today we will discuss Cross Browser Testing using Selenium Webdriver.

What is Cross browser testing?

Cross browser, testing refers to testing the application in multiple browsers like IE, Chrome, Firefox so that we can test our application effectively.IE, Chrome, Firefox so that we can test our application effectively.

Cross browser, testing is a very important concept in Automation because here the actual automation comes into the picture.

Example- Suppose if you have 20 test cases that you have to execute manually, so it is not a big deal right we can execute in 1 day or 2 days. However, if the same test cases you have to execute in five browsers it means 100 test cases then probably you will take one week or more than one week to do the same and it will be quite boring as well.

If you automate these 20 test cases and run them then it will not take more than one or two hour depends on your test case complexity.

What is the need of Cross Browser Testing using Selenium Webdriver

For the better experience, we need to do cross browser testing so that customer will get the same UI of application even if he use different or any browser.

Let me list down a few reasons why we should perform cross browser testing

1- Browser compatibility with different OS.

2- Image orientation

3- Each browser has the different orientation of Javascript which can cause issue sometimes.

4- Font size mismatch or not rendered properly.

5- Compatibility with the new web framework.

 

Cross Browser Testing using Selenium Webdriver

To achieve this we will use TestNG parameter feature, we will pass the parameter from TestNG.xml file, and based on our parameter Selenium will initiate our browsers.

In this scenario, we will run the same test case with two different browser parallel.

Step 1- Write testcase

package SampleTestcases;

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.ie.InternetExplorerDriver;
import org.testng.annotations.Parameters;
import org.testng.annotations.Test;

public class TestCase1 {

@Test

// Here this parameters we will take from testng.xml
@Parameters("Browser")
public  void test1(String browser) {

if(browser.equalsIgnoreCase("FF")){

WebDriver driver=new FirefoxDriver();

driver.manage().window().maximize();

driver.get("http://www.facebook.com");

driver.quit();

}
else if(browser.equalsIgnoreCase("IE")){

System.setProperty("webdriver.ie.driver", "./server/IEDriverServer.exe");

WebDriver driver=new InternetExplorerDriver();

driver.manage().window().maximize();

driver.get("http://www.facebook.com");

driver.quit();
}
}

}

 

Step 2- Create testng.xml and specify

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE suite SYSTEM "http://testng.org/testng-1.0.dtd">
Here parallel is an attribute which specify the mode of execution and thread-count specify how many browser should open
<suite name="Suite" parallel="tests" thread-count="2">

<test name="Test">

<parameter name="Browser" value="FF" />

<classes>

<class name="SampleTestcases.TestCase1"/>

</classes>

</test>

<test name="Test1">

<parameter name="Browser" value="IE" />

<classes>

<class name="SampleTestcases.TestCase1"/>

</classes>

</test>

</suite>

 

Step 3- Run this xml file refer the below screenshot.

Note- To create testng.xml- Right, click on your testcase then go to TestNG then convert to TestNG> It will generate testng.xml then make changes as per above xml file and finish. You will get testng.xml file inside the project

 

Cross Browser Testing using Selenium Webdriver

Verify the output.

 

 

Cross Browser Testing using Selenium Webdriver

 

Note- For Cross Browser Testing using Selenium Webdriver you have to execute through testng.xml only.

Thanks for visiting my blog. Keep in touch.

Have a nice day 🙂

For More updates Learn Automation page

For any query join Selenium group- Selenium Group

Reader Interactions

Comments

  1. Pratiksha nigade says

    Hello mukesh I have one doubt why you don’t give the sysytem.set.property for Firefox. And you did not give the system.set.property still how it is executing

    Reply

  2. Amartya says

    Hi Mukesh
    In this video you have discussed how to pass to pass single parameter.Can I get the link the video where you have discussed multiple parameters??

    Reply

  3. saurabh misra says

    Hi Mukesh,

    How can we tackle the situation when an application behaves differently in different browser?

    Reply

    • Mukesh Otwani says

      Hi Saurabh,

      Usually locator selection matters most where CSS Selector is preferable to work with all browser. For other Ui changes, try to find locator best DOM property which shopuld most likely to work. Apart from this, we have to handle specifically for each browser.

      Reply

  5. SATVEER BAJWA says

    Hi Mukesh,

    I am using testing for cross browser testing but for Mozilla I am getting this error :
    org.openqa.selenium.WebDriverException: Timed out waiting 45 seconds for Firefox to start. I put this driver.manage().timeouts().pageLoadTimeout(50,TimeUnit.SECONDS); before get page. Please help me to solve this issue

    Reply

  6. Mathi says

    Hi Mukesh,
    I am trying to automate my project application. i need to click on the right arrow button the application. I got the below error “element is not clickable at point because another element obscures it”
    Exception Name: org.openqa.selenium.ElementClickInterceptedException

    When i use the particular code in different class, then the element is clicking.
    When i run the code the from the login page, the element is not clicking instead of the error is displayed.

    Kindly help me in the scenario.

    Thanks,
    Mathi

    Reply

  7. Ashish says

    Hi Mukesh,

    Can you help me out regarding webdriverIO + cucumber set up (configuration on windows) OR please try to add a tutorial regarding this on your site.

    Reply

  8. SATVEER BAJWA says

    Hi Mukesh,

    Hope you are doing great. I would like to ask you one question regarding selenium with java. I wanted to run multiple test cases in one class but I don’t want to write all testcases again and again like for same function signup. Is there any way to overcome the rewrite code.

    Thanks
    Satveer

    Reply

  9. SATVEER BAJWA says

    Hi Mukesh,
    I am following your video above mentioned but not able to run successfully, getting this error when running my script

    [Utils] [ERROR] [Error] org.testng.TestNGException:
    Parameter 'Browser' is required by @Test on method verifypagetitle but has not been marked @Optional or defined
    in C:\Users\satveer\AppData\Local\Temp\testng-eclipse-2070363565\testng-customsuite.xml
    FAILED: verifypagetitle

    ===============================================
    Default test
    Tests run: 1, Failures: 1, Skips: 0
    ===============================================

    Reply

    • Mukesh Otwani says

      Hi Alejandro,

      Very very thanks alot for your valuable comments and appreciation. I’ll try my level best to keep my blog readers update with new topics.
      Please be in touch…:)

      Reply

  11. Richa Binani says

    Hy Mukesh, I am having the issue in very simple code:-
    driver.quit(); is not closing all the windows I have opened, its working like driver.close();
    Please help

    Code:-

    package practice;
    import org.openqa.selenium.By;
    import org.openqa.selenium.WebDriver;
    import org.openqa.selenium.chrome.ChromeDriver;
    import org.openqa.selenium.firefox.FirefoxDriver;

    public class Demo {
    WebDriver driver;
    public void open() throws InterruptedException
    {
    System.setProperty(“webdriver.chrome.driver”,”C:\\Users\\gten-
    008\\Downloads\\jars\\chromedriver_win32\\chromedriver.exe”);
    driver=new ChromeDriver();
    driver.get(“https://www.facebook.com/”);
    }
    public void go()
    {
    driver=new ChromeDriver();
    driver.get(“https://www.google.com/”);
    }
    public void hide()
    {
    driver.quit();
    }
    public static void main(String[] args) throws InterruptedException {
    demo d=new demo();
    d.open();
    d.go();
    d.hide();
    }
    }

    Reply

  12. upkar singh says

    Can we run multiple browser parallely, because i run the same and in my case it launch both browser but script run only in one browser.

    Reply

  13. Tharanga says

    Hi Mukesh,

    Need help from you. I watched your video and getting this error

    [RemoteTestNG] detected TestNG version 6.14.2
    org.testng.TestNGException:
    Cannot find class in classpath: com.CrossBrowser.CrossBrowser
    at org.testng.xml.XmlClass.loadClass(XmlClass.java:77)
    at org.testng.xml.XmlClass.init(XmlClass.java:69)
    at org.testng.xml.XmlClass.(XmlClass.java:55)
    at org.testng.xml.TestNGContentHandler.startElement(TestNGContentHandler.java:575)
    at com.sun.org.apache.xerces.internal.parsers.AbstractSAXParser.startElement(Unknown Source)
    at com.sun.org.apache.xerces.internal.parsers.AbstractXMLDocumentParser.emptyElement(Unknown Source)
    at com.sun.org.apache.xerces.internal.impl.dtd.XMLDTDValidator.emptyElement(Unknown Source)
    at com.sun.org.apache.xerces.internal.impl.XMLNSDocumentScannerImpl.scanStartElement(Unknown Source)
    at com.sun.org.apache.xerces.internal.impl.XMLDocumentFragmentScannerImpl$FragmentContentDriver.next(Unknown Source)

    Please advice

    Reply

    • Mukesh Otwani says

      Hi Tharanga,

      Kindly check this line Cannot find class in classpath: com.CrossBrowser.CrossBrowser whether you have given correct name of file in testng.xml file. It should be package name with file name.

      Reply

  17. srinivas says

    Hi Mukesh,

    I have tried to execute the program which you explained in the video.For firefox it is working fine but for Chrome & IE it was not working , browsers are not even launched..The below is the error i got
    org.openqa.selenium.remote.SessionNotFoundException: The FirefoxDriver cannot be used after quit() was called.
    Build info: version: ‘2.53.1’, revision: ‘a36b8b1’, time: ‘2016-06-30 17:37:03’
    System info: host: ‘LENOVO-PC’, ip: ‘192.168.0.20’, os.name: ‘Windows 7’, os.arch: ‘amd64’, os.version: ‘6.1’, java.version: ‘1.8.0_111’
    Driver info: driver.version: RemoteWebDriver

    Reply

  20. Shailesh says

    I completely learn automation from your videos. No attend any classes or tutorials. It’s Very helpful. Tysm Mukesh

    Reply

  21. Nikhil says

    Getting the below error:
    Parameter ‘browser’ is required by @Test on method Verify_Title but has not been marked @Optional or defined

    Reply

  22. Navinkumar Choudhary says

    Mukesh I like your all the tutorials. Just dam explanation. Thanks the work doing for the people/candidates.

    Reply

  25. Aayushi says

    hello sir,

    my code is not running in firefox browser, when i gave the command to open facebook page,its simply open the browser but not the particular page. I used the same code as you mentioned

    Reply

  28. manisha says

    Hi sir,
    when i m running my script just watever you said in this crossbrowser testing video, mozilla and chorme are working fine but In internetExplorer, it is returning title as Webdriver and unable to close it .still my TestNG reports is showning like 3 test cases run successfully. i m unable to find the solution of it. plz help me out.

    Reply

  29. Shah says

    Hi,Mukesh!
    I tried with Microsoft Edge,driver launch the browser but didn’t went to desired page,in output it shows configuration error=1,one test skips,any idea.
    Thank you for your great effort to serving the community.

    Reply

  30. U johnson says

    HI mukesh i am getting the error while executing this code, can help me with this

    org.testng.TestNGException: org.xml.sax.SAXParseException; lineNumber: 3; columnNumber: 1; Content is not allowed in prolog.
    at org.testng.TestNG.initializeSuitesAndJarFile(TestNG.java:320)
    at org.testng.remote.RemoteTestNG.run(RemoteTestNG.java:89)
    at org.testng.remote.RemoteTestNG.initAndRun(RemoteTestNG.java:205)
    at org.testng.remote.RemoteTestNG.main(RemoteTestNG.java:176)
    Caused by: org.xml.sax.SAXParseException; lineNumber: 3; columnNumber: 1; Content is not allowed in prolog.
    at com.sun.org.apache.xerces.internal.util.ErrorHandlerWrapper.createSAXParseException(Unknown Source)
    at com.sun.org.apache.xerces.internal.util.ErrorHandlerWrapper.fatalError(Unknown Source)
    at com.sun.org.apache.xerces.internal.impl.XMLErrorReporter.reportError(Unknown Source)
    at com.sun.org.apache.xerces.internal.impl.XMLErrorReporter.reportError(Unknown Source)
    at com.sun.org.apache.xerces.internal.impl.XMLScanner.reportFatalError(Unknown Source)
    at com.sun.org.apache.xerces.internal.impl.XMLDocumentScannerImpl$PrologDriver.next(Unknown Source)
    at com.sun.org.apache.xerces.internal.impl.XMLDocumentScannerImpl.next(Unknown Source)
    at com.sun.org.apache.xerces.internal.impl.XMLDocumentFragmentScannerImpl.scanDocument(Unknown Source)
    at com.sun.org.apache.xerces.internal.parsers.XML11Configuration.parse(Unknown Source)
    at com.sun.org.apache.xerces.internal.parsers.XML11Configuration.parse(Unknown Source)
    at com.sun.org.apache.xerces.internal.parsers.XMLParser.parse(Unknown Source)
    at com.sun.org.apache.xerces.internal.parsers.AbstractSAXParser.parse(Unknown Source)
    at com.sun.org.apache.xerces.internal.jaxp.SAXParserImpl$JAXPSAXParser.parse(Unknown Source)
    at com.sun.org.apache.xerces.internal.jaxp.SAXParserImpl.parse(Unknown Source)
    at javax.xml.parsers.SAXParser.parse(Unknown Source)
    at org.testng.xml.XMLParser.parse(XMLParser.java:38)
    at org.testng.xml.SuiteXmlParser.parse(SuiteXmlParser.java:16)
    at org.testng.xml.SuiteXmlParser.parse(SuiteXmlParser.java:9)
    at org.testng.xml.Parser.parse(Parser.java:172)
    at org.testng.TestNG.initializeSuitesAndJarFile(TestNG.java:300)
    … 3 more

    Reply

  33. Alunkan says

    Hi Mokesh, Thanks for your effort. it seems text box value inserting is not happening as expected while running browser Pararell.i have tried same (above code) and extend to insert values to text boxes..But result was unlucky for me. could you please help me on this ?

    Reply

  34. Raja says

    Hi mukesh, Here in the above example the same code is repeating in Firefox and IE, ri8. Is there any optimize way to reduce this?

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.