• Selenium Video Tutorials

Selenium IDE - Code Export

Selenium IDE code generated by recording a test for an application can be exported to other languages like Java, C#, and so on. The generated code can be imported into other IDEs like Eclipse, IntelliJ, and so on and be used for other automation tests.

Open Selenium IDE

The steps to perform a code export in Selenium IDE are listed below −

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

Selenium IDE Code Export 1

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 Code Export 2

Step 3 − We would click on the option Record a new test in a new project. After which we would need to enter the PROJECT NAME, say SeleniumIDE1. Finally, we would click OK.

Selenium IDE Code Export 3

Record a new Test

Step 1 − Before starting with creating a test in Selenium IDE, we would need to specify the application Base URL, where we would record and create the test. In the below image, we had entered the Base URL: https://www.tutorialspoint.com/selenium/. Finally, we would need to click on the Start Recording.

Selenium IDE Code Export 4

Step 2 − The corresponding application whose Base URL had been provided in Step4 should be opened with Selenium IDE logo and Selenium IDE recording message in red. Also, a red icon (highlighted in the below image) should be visible at the top of the Selenium IDE, denoting recording is in progress in the application.

Selenium IDE Code Export 5

Step 3 − We would perform some steps on the application and corresponding steps would be recorded in the Selenium IDE as well.

Selenium IDE Code Export 6

Step 4 − Once all the tests have been performed, we would stop the recording by clicking on the red icon as mentioned above in Step5. After which, we would need to enter a name for the test. In the below image, we had entered the TEST NAME as TestCase1. Finally, we would click on the OK.

Selenium IDE Code Export 7

Step 5 − All the steps that we had performed on the application would be recorded in the Selenium IDE under the Command, Target, and Value fields. Also, the test case name - TestCase1, would be visible to the left pane along with a REC button to the top right.

Selenium IDE Code Export 8

Step 6 − We would Save our project and continue. Once saved, we would be required to give a Name and location where our project would be saved.

Selenium IDE Code Export 9

Run the Recorded Test

Step 1 − We would run the test - TestCase1 using the Run current test button.

Step 2 − Once the execution would be completed, we would get the message of the result. In case the test passed, we would get the message - <TEST NAME> completed successfully under the Log tab at the bottom of the Selenium IDE. Here, our test name was TestCase1, hence received the message - TestCase1 completed successfully.

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.

Selenium IDE Code Export 10

Code Export

Step 1 − As test execution successfully completed, we can infer that the test is working fine, and its code can be reused. For this purpose of reuse, we would need to export the code generated for this test.

We would need to click on the three dots that would appear beside the test case name in the upper left corner as shown in the below image.

Selenium IDE Code Export 11

Step 2 − Select the option Export from the dropdown visible.

Selenium IDE Code Export 12

Step 3 − We would select the language of our choice and then we would click on the Export button.

Selenium IDE Code Export 13

Step 4 − We would need to give the name and location where the Selenium IDE code would be exported. Then we would click on the Save button.

Step 5 − If the selected language is chosen as Java JUnit, the exported version should have the extension as .java.

Step 6 − We can import this file to IntelliJ or Eclipse, and add the required dependencies to support the JUnit test generated from the Selenium IDE. Currently, Selenium IDE code can be exported to the below languages and frameworks −

  • C# Unit

  • Java JUnit

  • JavaScript Mocha

  • Python pytest

  • Ruby RSpec

Process Exported Code and Add Dependencies to Test

Step 1 − The Java JUnit code we would export would work with Java version 8 and above, JUnit 4.12, and would support the latest version of Selenium available.

Step 2 − In order to reuse the code exported from Selenium IDE, we would need to have a Maven project with the below dependencies added to the pom.xml file.

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
   xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 
   http://maven.apache.org/xsd/maven-4.0.0.xsd">
   <modelVersion>4.0.0</modelVersion>

   <groupId>org.example</groupId>
   <artifactId>SeleniumJava</artifactId>
   <version>1.0-SNAPSHOT</version>

   <properties>
      <maven.compiler.source>16</maven.compiler.source>
      <maven.compiler.target>16</maven.compiler.target>
      <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
   </properties>

   <!-- https://mvnrepository.com/artifact/org.seleniumhq.selenium/selenium-java -->
   <dependencies>
      <dependency>
         <groupId>org.seleniumhq.selenium</groupId>
         <artifactId>selenium-java</artifactId>
         <version>4.11.0</version>
      </dependency>

      <!-- https://mvnrepository.com/artifact/com.github.stephenc.monte/monte-screen-recorder -->
      <dependency>
         <groupId>junit</groupId>
         <artifactId>junit</artifactId>
         <version>4.12</version>
         <scope>test</scope>
      </dependency>
   </dependencies>
</project>

Please note, we have added the Selenium 4.x version dependencies to make the code compatible. With the IntelliJ, the Java version in the system should be 17 or higher. However with Eclipse, Java version 8 or above would be fine.

Advertisements