• 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. 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 − Execute the Steps 1 to 4 as described in the link Selenium IDE Store Variables

Step 2 − 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 3 − Click on the Add extension button on the pop-up.

Selenium IDE Plugins 3

Step 4 − 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 5 − Create an account in the Applitools and click on Sign in.

Selenium IDE Plugins 5

Step 6 − Navigate to the below link and sign in with the credentials set up in the Step 5 −

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

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

Selenium IDE Plugins 6

Step 8 − 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 9 − The message - Please open Selenium IDE should appear. Click on the Selenium IDE extension.

Selenium IDE Plugins 8

Step 10 − 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 11 − 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 12 − 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 13 − Enter open in the Command field, and Selenium Automation Practice Form in the Target field, to launch the application.

Step 14 − 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 15 − Enter the eyes check window in the Command field, and then enter Window Check in the Target field.

Selenium IDE Plugins 11

Step 16 − Run the test by clicking Run all tests from the top. 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 17 − Click on the link displayed in the Log to view the visual testing resulting in the Applitools application.

Selenium IDE Plugins 13

Step 18 − 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.

Conclusion

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