Selenium – Environment Setup

In order to develop Selenium RC or WebDriver scripts, users have to ensure that they have the initial configuration done. Setting up the environment involves the following steps.

  • Download and Install Java
  • Download and Configure Eclipse
  • Configure FireBug and FirePath
  • Configure Selenium RC
  • Configure Selenium WebDriver

Download and Install Java

We need to have JDK (Java Development Kit) installed in order to work with Selenium WebDriver/Selenium. Let us see how to download and install Java.

Step 1 : Navigate to the URL:

http://www.oracle.com/technetwork/java/javase/downloads/index.html

Step 2 : Go to “Downloads” section and select “JDK Download”.

Selenium IDE 30

Step 3 : Select “Accept License Agreement” radio button.

Selenium IDE 31

Step 4 : Select the appropriate installation. In this case, it is ‘Windows 7-64’ bit. Click the appropriate link and save the .exe file to your disk.

Selenium IDE 32

Step 5 : Run the downloaded exe file to launch the Installer wizard. Click ‘Next’ to continue.

Selenium IDE 33

Step 6 : Select the features and click ‘Next’.

Selenium IDE 34

Step 7 : The installer is extracted and its progress is shown in the wizard.

Selenium IDE 35

Step 8 : The user can choose the install location and click ‘Next’.

Selenium IDE 36

Step 9 : The installer installs the JDK and new files are copied across.

Selenium IDE 37

Step 10 : The Installer installs successfully and displays the same to the user.

Selenium IDE 38

Step 11 : To verify if the installation was successful, go to the command prompt and just type ‘java’ as a command. The output of the command is shown below. If the Java installation is unsuccessful or if it had NOT been installed, it would throw an “unknown command” error.

Selenium IDE 48

Download and Configure Eclipse

Step 1 : Navigate to the URL: http://www.eclipse.org/downloads/ and download the appropriate file based on your OS architecture.

Selenium IDE 39

Step 2 : Click the ‘Download’ button.

Selenium IDE 40

Step 3 : The download would be in a Zipped format. Unzip the contents.

Selenium IDE 41

Step 4 : Locate Eclipse.exe and double click on the file.

Selenium IDE 42

Step 5 : To configure the workspace, select the location where the development has to take place.

Selenium IDE 43

Step 6 : The Eclipse window opens as shown below.

Selenium IDE 44

Configure FireBug and FirePath

To work with Selenium RC or WebDriver, we need to locate elements based on their XPath or ID or name, etc. In order to locate an element, we need tools/plugins.

Step 1 : Navigate to the URL : https://addons.mozilla.org/en-US/firefox/addon/firebug/ and download plugin.

Selenium IDE 62

Step 2 : The add-on installer is shown to the user and it is installed upon clicking the ‘Install’ button.

Selenium IDE 63

Step 3 : After installing, we can launch the plugin by navigating to “Web Developer” >> “Firebug”.

Selenium IDE 64

Step 4 : FirePath, a plugin that works within Firebug, helps users to grab the ‘XPath’ of an element. Install FirePath by navigating to “https://addons.mozilla.org/en-US/firefox/addon/firepath/”

Selenium IDE 65

Step 5 : The add-on installer is shown to the user and it is installed upon clicking the ‘Install’ button.

Selenium IDE 66

Step 6 : Now launch “Firebug” by navigating to “Tools” >> “Webdeveloper” >> “Firebug”.

Selenium IDE 67

Example

Now let us understand how to use FireBug and FirePath with an example. For demonstration, we will use www.google.com and capture the properties of the text box of “google.com”.

Step 1 : First click on the arrow icon as highlighted in the following screenshot and drag it to the object for which we would like to capture the properties. The HTML/DOM of the object would be displayed as shown below. We are able to capture the ‘ID’ of the input text box with which we can interact.

Selenium IDE 68

Step 2 : To fetch the XPath of the object, go to ‘firepath’ tab and perform the following steps.

  • Click the Spy icon.
  • Select the Control for which we would like to capture the XPath
  • XPath of the selected control would be generated.

Selenium IDE 69

Configure Selenium RC

Now let us look at how to configure Selenium Remote control. We will understand how to develop scripts with Selenium RC in later chapters, however for now, we will understand just the configuration part of it.

Step 1 : Navigate to the Selenium downloads section http://www.seleniumhq.org/download/ and download Selenium Server by clicking on its version number as shown below.

Selenium IDE 45

Step 2 : After downloading, we need to start the Selenium Server. To do so, open command prompt and navigate to the folder where the downloaded JAR file is kept as shown below.

Selenium IDE 46

Step 3 : To start the server, use the command ‘java -jar <<downloaded jar name >> and if java JDK is installed properly, you would get a success message as shown below. Now we can start writing Selenium RC scripts.

Selenium IDE 47

Configure Selenium WebDriver

Now let us look at how to configure Selenium WebDriver. We will understand how to develop scripts with Selenium WebDriver in later chapters, however for now, we will understand just the configuration part of it.

Step 1 : Navigate to the selenium downloads section http://www.seleniumhq.org/download/ and download Selenium WebDriver by clicking on its version number as shown below.

Selenium IDE 49

Step 2 : The downloaded file is in Zipped format and one has to unzip the contents to map it to the project folder.

Selenium IDE 49

Step 3 : The Unzipped contents would be displayed as shown below. How to map it to the project folder and how to start scripting would be dealt in the webDriver chapter.

(Visited 43 times, 1 visits today)
Selenium - IDE

Comments

comments

Leave a Reply

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