• Selenium Video Tutorials

Selenium IDE - Plugins



The functionalities of Selenium IDE can be expanded further by incorporating more commands and locators.This helps to improve the features of Selenium IDE.

Selenium Plugins

There are innumerable number of plugins available in Selenium IDE, and some of the most popular ones are listed below −

  • Blazemaster Chrome Extension − It is used to perform load testing in Selenium IDE.

  • Applitools for Selenium IDE − It is used to perform visual testing in Selenium IDE.

  • Chropath − It is a Chrome plugin helpful in identifying the xpath and css locators for web elements.

  • Ranorex Selocity − It is used in identifying the xpath and css locators for web elements.

  • Katalon Recorder − It is used in identifying the web elements and recording the actions performed on them.

  • Page Modeller − It is used in creating the automation tests on multiple languages.

How to Use Plugins in Selenium IDE?

Let us see how to use the plugin Applitools for Selenium IDE along with the Selenium IDE. This would help us to perform visual testing in Selenium IDE. The visual testing is helpful in validating if the application under test has the correct GUI for the end users. The most common example of Visual testing is verifying the logo, color of web elements, font and font size of text, overlapping text, and so on.

Selenium IDE is only capable of Functional testing and can not perform the Visual testing by default. The Applitools for Selenium IDE plugins on top of Selenium IDE is used to perform automation on both the visual testing and functional testing.

The steps to use plugin along with the Selenium IDE are listed below −

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 IDE Plugins 1

Step 3 − Click on the Create a new project link, then enter a project name, 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.

Step 5 − Install the plugin Applitools for Selenium IDE from the webstore as shown in the below image, then click on the Add to Chrome button.

Selenium IDE Plugins 2

Step 6 − Click on the Add extension button on the pop-up.

Selenium IDE Plugins 3

Step 7 − It is recommended that we restart the browser after Step 4. Then the Applitools for Selenium IDE icon would appear on the right upper corner of the browser. Click on it to launch the Applitools for Selenium IDE extension. Then click on the Sign up for a free account link to obtain the API KEY.

Selenium IDE Plugins 4

Step 8 − Create an account in the Applitools and click on Sign in.

Selenium IDE Plugins 5

Step 9 − Navigate to the below link and sign in with the credentials set up in the Step8 −

https://auth.applitools.com/users/login.

Step 10 − Click on the My API key link and copy the API Key.

Selenium IDE Plugins 6

Step 11 − Click on the Applitools for Selenium IDE extension and paste the API Key copied in the Step 10. Then click on the Apply button.

Selenium IDE Plugins 7

Step 12 − The message - Please open Selenium IDE should appear. Click on the Selenium IDE extension.

Selenium IDE Plugins 8

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

Step 14 − We would have the workspace ready in the Selenium IDE now. Check the Applitools for Selenium IDE eye commands for visual testing in Selenium IDE.

Selenium IDE Plugins 9

Step 15 − Let us take an example of the below page, click on the radio button beside the Yes label, then perform the visual testing of verifying the visual checkpoint of the complete window.

Selenium IDE Plugins 10

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

Step 17 − Enter click in the Command field, then enter xpath=/html/body/main/div/div/div[2]/form/div[1]/input in the Target field. Please note, /html/body/main/div/div/div[2]/form/div[1]/input is the xpath locator value of the radio button.

Step 18 − Enter the eyes check window in the Command field, and then enter Window Check in the Target field.

Selenium IDE Plugins 11

Step 19 − 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 that the completed successfully appeared under the Log. The Log message - Preparing plugins for test run and the url to check the visual testing in Applitools should be displayed.

Selenium IDE Plugins 12

Step 20 − Click on the link displayed in the Log to view the visual testing resulting in the Applitools application.

Selenium IDE Plugins 13

Step 21 − Click on the screenshot captured in the Applitools to get more details of the test like the date of execution, the resolution, platform, browser, and so on.

Selenium IDE Plugins 14

This test included both functional and visual automation testing steps and can be rerun several times to verify if the functionality and GUI of the application under test is working properly.

This concludes our comprehensive take on the tutorial on Selenium IDE - Plugins. We’ve started with describing some of the plugins used in Selenium IDE, and an example to walk through how to use the plugins with Selenium IDE.

This equips you with in-depth knowledge of the plugins 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