• Selenium Video Tutorials

Selenium IDE - Browser Execution



The test case developed in Selenium IDE should be able to run in multiple browsers like Chrome, Firefox, Safari, Edge, and so on with minor updates to the test case. This helps to check if the application under test is working as per the requirements in all the browsers.

Why is Different Browser Execution Beneficial?

Often on working on any applications for example, e-commerce or on travel reservations, and so on, we observe that while doing the payment, or adding products to cart, the applications are taking too much time for page load on a specific browser.

As a user, we promptly infer that there may be an error or an ongoing issue in that application, and we move towards a different company website having the similar products and functionalities.

The web application and apps built on JavaScript, HTML, and CSS render dissimilarly, in spite of the fact browser vendors are based on the Open Web Standards. This results in representation of applications different in different browsers. The source code debugging of any application does not give any insight on how it will be represented in different browsers.

Thus different browser execution is beneficial to detect compatibility issues of any application in any browser earlier so that it can be used widely for all kinds of users rather than any targeted user group. Also, while doing automated cross browser testing, we may end up creating a test suite with parallel execution, which will help us to scale up the test.

The different browser execution ensures that which has been application built can be used smoothly with a nice user participation irrespective of any browsers or operating systems.

Prerequisites for Selenium IDE Different Browser Execution

  • Install Selenium IDE in the local system in Chrome or Firefox.

  • Install Node.js(version above 10) using the below link:

    https://nodejs.org/en/download/.

  • Check Node.js installed successfully by running the command in the terminal: node -v. The version of Node.js installed should be returned. Along with the Node.js installation, the npm should be installed as well. Check npm has been installed by running the command in the terminal: npm -v. The version of npm installed should be returned.

  • Install Selenium side runner, by running the command in the terminal: npm install -g selenium-side-runner.

How to Run Selenium IDE Test for Multiple Browser Execution?

Step 1 − Click on the Selenium IDE extension visible on the browser after its installation.

Step 2 − Selenium IDE should be launched along with it, a welcome message should be displayed with the version of the tool. In the below image, the version installed is 3.17.2.

Along with this, it gives us the option to select what we would like to do with the tool, like Record a new test in a new project, Open an existing project, Create a new project, and Close Selenium IDE.

Also, a link with the text - the Selenium IDE project page is provided, which on clicking would land us to the Selenium Integrated Development Environment documentation page.

https://www.selenium.dev/selenium-ide/.

Selenium Browser Execution 1

Step 3 − Click on the Create a new project link, then enter a project name, say, Test7 under the Please provide a name for your new project. Finally, we would click on the OK button.

Step 4 − We would have the workspace ready in the Selenium IDE now.

Selenium Browser Execution 2

Step 5 − Enter open in the Command field, and https://www.tutorialspoint.com/selenium/ in the Target field, to launch the application.

Step 6 − Enter type in the Command field, id=name in the Target field, and Selenium in the Value field. Please note, id=name is the locator value of the input box and Selenium is the value to be entered.

Step 7 − Enter close in the Command field to close the browser window.

Selenium Browser Execution 3

Step 8 − Click on the three dots appearing at the left pane, then select the Rename option.

Step 9 − Enter a name, say Test7 under the Rename Test case field, then click on Rename. The entered name would appear on the left of Selenium IDE.

Selenium Browser Execution 4

Step 10 − Click on the Run all tests from the top, and wait for the test execution to complete. In our example, we would see Runs: 1, Failures: 0, and a green bar denoting the test ran successfully without any failures. Also, the message Test7 completed successfully appeared under the Log.

Selenium Browser Execution 5

In the example above, we entered the text Selenium in an input box using the id locator which appeared under the Log. Besides, we got a green tick beside the test case name - Test7 at the top, signifying a passed test. All these were performed successfully using the actions commands like open, type, and close.

Apart from that, all the test steps, along with the test case name turned green, reflecting a PASS for all the steps. All the steps which reflected under the Log tab, showed an OK in green

Step 11 − Click on Save Project, and this project would be saved with Test7.side file.

Selenium Browser Execution 6

Step 12 − To run this test in the Chrome browser, we would need to run the command: npm install -g chromedriver. Similarly, for running the test in Firefox, we would need to run the command: npm install -g geckodriver. For running the test in Edge, we would need to run the command: npm install -g edgedriver. For running the test in Internet Explorer, we would need to run the command: npm install -g iedriver.

Step 13 − To launch the Selenium Side Runner, and run the test we had just saved in Step11, we would need to run the command: selenium-side-runner /path/to/<project name>.side.

Browser Capabilities for Different Browser Execution

To add Chrome browser capabilities for local execution, the command would be −

selenium-side-runner -c "browserName=chrome".

To add Safari browser capabilities for local execution, the command would be −

selenium-side-runner -c "browserName=safari".

To add Edge browser capabilities for local execution, the command would be −

selenium-side-runner -c "browserName=edge".

To add Internet Explorer browser capabilities for local execution, the command would be −

selenium-side-runner -c "browserName=internet explorer".

To add Internet Firefox browser capabilities for local execution, the command would be −

selenium-side-runner -c "browserName=firefox".

This concludes our comprehensive take on the tutorial on Selenium IDE - Browser Execution. We’ve started with describing the meaning of browser execution, why browser execution is beneficial, prerequisites to run Selenium IDE tests in different browsers, how to run them in different browsers, and how to add browser capabilities while executing them in different browsers. This equips you with in-depth knowledge of the browser execution in Selenium IDE. It is wise to keep practicing what you’ve learned and exploring others relevant to Selenium to deepen your understanding and expand your horizons.

Advertisements