Selenium IDE Selenium RC Web Driver Selenium Grid Source View  Adding User Extensions ------------------------------------------------------- Created by: Pargev Ghazaryan Reviewed by: Vladimir Soghoyan Ogma Applications

1. Created by: Pargev Ghazaryan
Reviewed by: Vladimir Soghoyan
Ogma Applications

2. How to Choose the Right Selenium Tool for Your
Need
Ogma Applications
2
4/10/2013

3. Features of Selenium IDE
Menu Bar
Base URL
Toolbar
Test Case Pane
Log/
Reference/
UIRollup Pane
Ogma Applications
3
4/10/2013

4. Menu Bar
The unit testing framework to be used
The file format to which your selenium IDE test
case will be exported
The Selenium framework to be
used on the exported test case.
The 2 Export options
provided by the file menu
Ogma Applications
4
4/10/2013

5. Selenium IDE Options dialog box
Default
timeout
value
Selenium IDE
extensions
Remember base
URL
Autostart
Record
Ogma Applications
5
4/10/2013

6. Base URL Bar
Ogma Applications
6
4/10/2013

7. Test Case Pane
Ogma Applications
7
4/10/2013

8. Editor
You can think of the editor as the place where
all the action happens. It is available in
two views: Table and Source.
This is and modify Selenese commands.
where you create
After playback, each step is color-coded.
To create steps, type the name of the
command in the “Command” text box.
It displays a dropdown list of commands
that match with the entry that you are
currently typing.
Target is any parameter for a command and
Value is the input value for those Targets.
Ogma Applications
8
4/10/2013

9. Source View
It displays the steps in HTML (default) format.
It also allows you to edit your script just like in the Table View.
Ogma Applications
9
4/10/2013

10. The different types of locators
Method
By ID
By Name
Target Syntax
id=
id_of_the_element
name=name_of_the_
element
By Name Using name=name_of_the_
Filters
element
filter=value_of_filter
By Link Text
Tag and ID
Tag and Class
Tag and
Attribute
link=link_text
css=tag#id
css=tag.class
Example
id=email
name=username
name=tripType
value=oneway
link=REGISTER
css=input#email
css=input.inputtext
css=tag[attribute=val css=input[name=lastName]
ue]
Tag, Class, and css=tag.class[attribut css=input.inputtext[tabindex
Attribute
e=value]
=1]
Ogma Applications
10
DOM (Document
Object Model)
getElementById
getElementsByName
dom:name
dom:index
CSS Selector
Tag and ID
Tag and class
Tag and attribute
Tag, class, and attribute
ID
Name
Link Text
Inner text
Xpath
4/10/2013

11. Adding User Extensions In The Selenium IDE
For adding extensions click Options->Options. It is possible to add
several extensions simultaneously separated by comma.
Ogma Applications
11
4/10/2013

12. User Extensions
This example types today’s date. For example it is used for
creating automated test-cases for registration.
Ogma Applications
12
4/10/2013

13. Example
In the following example the test suite made with the help
of selenium IDE is shown where the program inputs the
username and password values from the file.
Ogma Applications
13
4/10/2013

14. Advantages
 It is very convenient for working in big test suites. The method allows to insert
values in one file and change all the necessary input data that can be used in
one or several test cases at a time without any change in the test suite.
 When automating in this way it is possible to save the output values
corresponding to each input value in the file if there are such values, of
course.
 It makes it possible to fully automate test cases.
 It allows to observe test cases for different input values without changing test
cases and locators.
 By leaving the test cases unchanged, it is possible to continually use the same
test cases, which makes it easy to perform testing, especially regression
testing.
 Makes it easy to find the error location.
Ogma Applications
14
4/10/2013

15. Ogma Applications
15