Installation Procedure of Selenium IDE

Selenium IDE
Selenium IDE (Integrated Development Environment) is an open source web automation testing tool under
the Selenium Suite. Unlike Selenium Web Driver and RC, it does not require any programming logic to
write its test scripts rather you can simply record your interactions with the browser to create test cases.
Subsequently, you can use the playback option to re-run the test cases.
Perhaps, creating test cases on Selenium IDE does not require any programming language but when you
get to use selenese commands like run Script, a little knowledge prior to JavaScript would prove
beneficialfor you to understand the concepts more clearly
Installation
Install Selenium IDE from either the Chrome or Firefox web store.
Launch the IDE
Once installed, launch it by clicking its icon from the menu bar in your browser.
Troubleshooting
Don't see the icon for Selenium IDE in your menu-bar?
Option 1
Make sure the IDE is enabled in your browser's extension settings.
You can get there quickly by typing the following into your address bar and hitting Enter.
 Chrome: chrome://extensions
 Firefox: about: addons

Option 2
The extension might be enabled but the icon is hidden. Try resizing the menu bar to give it more space.
In Chrome, you can do this by clicking to the right of the address bar, holding the click, and dragging it left
or right.
In Firefox you need to right-click, click Customize, make adjustments to the menu bar, and click Done.
What you need
 Mozilla Firefox
 Active Internet Connection
If you do not have Mozilla Firefox yet, you can download it from http://www.mozilla.org/en-
US/firefox/new.
Steps 1) Launch Firefox and navigate to https://addons.mozilla.org/en-US/firefox/addon/selenium-ide/.
Click on Add to Firefox

Steps 2) Wait until Firefox completes the download and then click "Add."

Steps 3) Once install is complete, you will get a confirmation message. Click "OK"
Steps 4) Click on the Selenium IDE icon
 Welcome Screen
Upon launching the IDE you will be presented with a welcome dialog.
This will give you quick access to the following options:
 Record a new test in a new project
 Open an existing project
 Create a new project
 Close the IDE
If this is your first time using the IDE (or you are starting a new project), then select the first option.
 Selenium IDE-Features
Selenium IDE is divided into different components, each having their own features and functionalities.
Wehave categorized seven different components of Selenium IDE, which includes:
1. Menu Bar
2. Tool Bar
3. Address Bar
4. Test Case Pane
5. Test Script Editor Box
6. Start/Stop Recording Button
7. Log, Reference Pane
Now, we will look at the features and functionalities of each component in detail.
1. Menu Bar
Menu bar is positioned at the top most portion of the Selenium IDE interface. The most commonly used
modules of menu bar include:
o Project Name
It allows you to rename your entire project.

o Open Project
It allows you to load any existing project from your personal drives.

o Save Project
It allows you to save the entire project you are currently working on.
 2. Tool Bar
The Tool bar contains modules for controlling the execution of your test cases. In addition, it gives you a
step feature for debugging you test cases. The most commonly used modules of Tool Bar menu include:
o Speed Control Option
It allows you to control the execution speed of your test cases.

o Step Feature
It allows you to "step" through a test case by running it one command at a time. Use for debugging
test cases.

o Run Tests
It allows you to run the currently selected test. When only a single test is loaded "Run Test" button
and "Run all" button have the same effect.
 o Run All
It allows you to run the entire test suite when a test suite with multiple test cases is loaded.

3. Address Bar
This module provides you a dropdown menu that remembers all previous values for base URL. In simple
words, the base URL address bar remembers the previously visited websites so that the navigation
becomes easy later on.

4. Test Case Pane

This module contains all the test cases that are recorded by IDE. In simple words, it provides the list of all
recorded test cases at the same time under the test case pane so that user could easily shuffle between the
test cases.
At the bottom portion of the Test Case Pane, you can see the test execution result summary which includes
the pass/fail status of various test cases.
Test Case Pane also includes features like Navigation panel which allow users to navigate between test
cases and test suites.

5. Test Script Editor Box

Test Script Editor Box displaysall of the test scripts and user interactions that were recorded by the IDE.
Each user interaction is displayed in the same order in which they are performed. The Editor box is divided
into three columns:Command, Target and Value.
o Command:
Command can be considered as the actual operation/action that is performed on the browser
elements. For instance, if you are opening a new URL, the command will be 'open'; if you are
clicking on a link or a button on the web page, then the command will be 'clicked'.

o Target:
Target specifies the web element on which the operation has to be performed along with a locator
 attribute. For instance, if you are clicking on a button called javaTpoint, then the target link will be
'javaTpoint'.

o Value:
Value is treated as an optional field and can be used when we need to send some actual parameters.
For instance, if you are entering the email address or password in a textbox, then the value will
contain the actual credentials.

6. Start/Stop Recording Button

Record button records all of the user actions with the browser.

7. Log, Reference Pane

The Log Pane displays the runtime messages during execution. It provides real-time updates of the actions
performed by the IDE. It can be categorized into four types: info, error, debug and warn.
The reference Pane displays the complete detail of the currently selected selenese command in the editor.
Program 1:
AIM: Recording in context sensitive mode and analog mode using Selenium IDE
Objective:

 Student should be able to

 Describes Context Sensitive mode
 Record a test script
 Read the test script
 Run the recorded test and analyze the results

Context Sensitive Recording mode

 It is the default mode of recording which takes full advantage of Quick Test Professional's test
object model.
 It recognizes objects in the application regardless of their location on the screen.
 It records the operations that are preformed in an application by identifying the GUI objects.

Analog recording

 Records the inputs from keyboard, mouse clicks, the x and y coordinates that are travelled by
themouse pointer across the screen.
 It can’t capture GUI windows and objects.

Procedure:

( I ) Recording (recording user interactions with the browser)

 Step1: Name the project as "Demo Test".

 Step2: Name the test case as "Demo1 test".
 Step 3: Click on the "Start Recording" Button present on the top right corner on the IDE to start
recording the test case.
 Step 4: Type http://kmit.in in the search box.
 Step 5: Hit enter to go to home page
  Step 6: It will redirect you to that webpage and what operations you perform will be recorded.
Meanwhile, you will get the notifications of the actions performed by the IDE at the extreme right
corner of your web browser.
 Step 7: Now, go the IDE and click on the "Stop Recording" button to stop recording your actions
further.

(II) Playing back (executing the recorded script)

o Click on the "Run Current Test" button present on the tool bar menu of the IDE.
It will execute all of your interactions with the browser and gives you an overall summary of the
executed test script.
o Run Tests
It allows you to run the currently selected test. When only a single test is loaded "Run Test" button
and "Run all" button have the same effect.
 (III) Saving the test suite

o Click on the save button present on the extreme right corner of the menu bar.
o save the entire test suite as "Demo Test".

Output: