Selenium Tutorial Day 22 - Quick Tour of Selenium IDE - Advanced Features

Portnov Computer School presents:
Selenium
Web Test Tool Training
Discover the automating power of Selenium
Presented by:
Kangeyan Passoubady (Kangs)
Copy Right: 2008, All rights reserved by Kangeyan Passoubady (Kangs). Republishing requires author’s permission
2
Day 2
Quick Tour of Selenium IDE

Advanced Features

Copyright © 2008-2010 by Kangeyan Passoubady (Kangs) 2
Options Menu  Adding a New Format #1
Go to ToolsSelenium IDE Options Format Tab
Press the add button
Click the add button to

add a new format

• Provide the name of format as “CSV Format”
• Download the “seleniumIDE_CSV.js” (CSV Format) from
Selenium/Day2/Excercises Section URL
• Open “seleniumIDE_CSV.js” file in notepad, (From the folder where you
have stored, right click on the file name and select Edit Option),
Name: CSV Format
Select Edit in Notepad

• Press Ctrl+A to select all the Text from the notepad, and Press
Ctrl+C to copy the contents
• Paste the JavaScript contents in Selenium IDE Format Source
window
• Press the “OK” button
• Under the Separator Option, select “Comma” and Press “Ok”
button
CSV Format Source
Code
Click here “Ok”

Select comma from
the separator options

Now we have created two new formats:
1. Comma Separated Values (CSV)
2. Tab Delimited Values (TDV)
We’ll get into action to test the new formats
Open any of the existing test cases you have stored by going to
File  Open  GE Test Case1.html
Select the Source Tab, what do you see, it is in html format
HTML Format

• Go to Format  Select CSV Format from the available options
• Now look at the source Tab, it is converted into Comma Separated Value
format.
• Save by going File  Save Test Case As option, GE Test Case1.csv
Source is in comma
Separated values Format GE Test Case1.csv
Select CSV Format

• Open the GE Test Case1.csv
in Excel Application GE Test Case1.csv in
• With little formatting, you can Microsoft Excel
Application
look at your test cases in a
nice formatted way in Excel
Sheet.
• You can able to send your
test cases to the Business
Users easily through excel
sheet.
• If you are interested we can
look at the JavaScript code
which does this conversion.
var SEPARATORS = {
Two separators type
comma: ",", CSV, TDV
tab: "\t"
}; The customizable option
options = {separator: 'comma'}; that can be used in
format/parse functions.
configForm =
Comma is the default
'<description>Separator</description>' + value
'<menulist id="options_separator">' +
'<menupopup>' + XUL XML String for
the UI of the options
'<menuitem label="Comma" value="comma"/ dialog
>' +
'<menuitem label="Tab" value="tab"/>' +
'</menupopup>' +
'</menulist>';

function format(testCase, name) { Format Test Case
return formatCommands(testCase.commands); and return the source
}
Argument 1: testCase
function formatCommands(commands) {
Test Case to format
var result = ''; Argument 2: name
var sep = SEPARATORS[options['separator']]; Name of the test case. It
may be used to embed
for (var i = 0; i < commands.length; i++) { title into the source
var command = commands[i];
if (command.type == 'command') {
result += command.command + sep +
command.target + sep + command.value + Format an array of
"\n"; } commands to the
snippet of source.
} Used to copy the source
return result; into the clipboard.
}
function parse(testCase, source) { Parse source file and
var doc = source; var commands = []; update TestCase.
Throw an exception if
var sep = SEPARATORS[options['separator']]; any error occurs
while (doc.length > 0) {
var line = /(.*)(\r\n|[\r\n])?/.exec(doc);
var array = line[1].split(sep); Argument 1: testCase
if (array.length >= 3) { Test Case to update
Argument 2: source
var command = new Command(); Source to parse
command.command = array[0];
command.target = array[1]; Source Line is parsed and
command.value = array[2]; in the IDE it is passed as
Command, Target and
commands.push(command);
Value
}
doc = doc.substr(line[0].length); }
testCase.setCommands(commands);}
Options Menu  Adding a STIQ Format #1
• StoryTestIQ (STIQ) is a test framework used to
create Automated Acceptance Tests or Story
Tests
• STIQ uses selenium which has the following
syntax for test cases
|command|value|target|
• It starts with a pipe symbol ends with a pipe
symbol
• Command and Value separated by a Pipe symbol
• Value and Target separated by a Pipe symbol
• Create one more format as shown below:
~~Command~~Value~~Target~~
• Double Tilde is the separation Character
• Modify the javascript “seleniumIDE_CSV.js”,
to handle two new formats:
1. STIQ Pipe Format
2. Double Tilde Format

var SEPARATORS = { Two more separator
comma: ",", Pipe: "|", types added
tab: "\t", Tilde: '~~' Pipe, Tilde
};
options = {separator: 'Pipe'}; The default option Pipe
configForm =
'<description>Separator</description>' + XUL XML String for the
'<menulist id="options_separator">' + UI of the options dialog
'<menupopup>' + Where Tilde and Pipe are
'<menuitem value="Comma" label="Comma added now
Separated"/>' +
'<menuitem value="Tilde" label="Double
Tilde"/>' +
'<menuitem value="Pipe" label="Pipe STIQ
Format"/>' +
'<menuitem value="Tab" label="Tab
Delimited"/>' +
'</menupopup>' +'</menulist>';

function format(testCase, name) {
Format Test Case and
return formatCommands(testCase.commands);
} return the source
No coding change
function formatCommands(commands) { required in this function
var result = ''; var sep = SEPARATORS[options['separator']];
for (var i = 0; i < commands.length; i++) {
var command = commands[i];
if (command.type == 'command') {
switch (sep) {
case '|':
result += sep+command.command + sep + command.target + sep +
command.value + sep+ "\r\n"; break;
case '~~':
result += sep+command.command + sep + command.target + sep +
command.value + sep+ "\r\n"; break;
default:
result += command.command + sep + command.target + sep + command.value +
"\r\n";
} Now we have added a switch
} } statement which handles “|” and
return result;} “~~” delimiters.

function parse(testCase, source) { Parse source file and
var doc = source; var commands = []; update TestCase.
Throw an exception if
var sep = SEPARATORS[options['separator']]; any error occurs
//alert("sep"+sep)
while (doc.length > 0) {
var line = /(.*)(\r\n|[\r\n])?/.exec(doc); Argument 1: testCase
var array = line[1].split(sep); Test Case to update
Argument 2: source
if (array.length >= 3) { Source to parse
var command = new Command();
switch (sep) { See the changes in the
case '|': array how it retrieves the
command.command = array[1]; values to command, target,
value, the positions are
command.target = array[2]; changed now.
command.value = array[3];
break;
case '~~': This one handles the
command.command = array[1]; ~~ (Double Tilde)
separator
command.target = array[2];
break;
default: The CSV, TDV are
command.command = array[0]; handled as a default
case
command.target = array[1];
}
commands.push(command);
}
doc = doc.substr(line[0].length);
}
testCase.setCommands(commands);}
1. Now we’ll put all the functions together in a file
2. Name the file as : selenium_IDE_STIQ_Pipe_v1.js
3. For your convenience I have placed this file in the
http://www.portnov.com/Selenium/
4. Download the file and save into your folder.
5. Go to Selenium IDE  Options Menu  Format Tab
6. Press Add button
7. Open your selenium_IDE_STIQ_Pipe_v1.js in notepad (right click on the
explorer where you have placed the file, and select Edit Option).
8. In notepad, press Ctrl+A (or Edit  Select All) to select all the contents of
the file, press Ctrl+C (Edit  Copy) to copy and paste in the Selenium
IDE format source window.
9. Provide the Name of the format: STIQ
10. Press “Ok” button to close the window
11. Press “Ok” button to close the Selenium IDE Options
12. Now we’ll do a simple test in Google Maps to test the STIQ format.
1. Go to the below URL:http://maps.google.com/maps
2. Type or Cut and Paste the below Address:
3. 1580 West El Camino Real, Mountain View, CA 94040
4. Verify the Text Present “Portnov Computer School”
5. Verify the Title “1580 West El Camino Real, Mountain View, CA 94040 -
Google Maps”
6. Click on the “Portnov Computer School” link
7. VerifyText Present “Ste 12” on the right side inline popup window.
8. AssertText “Portnov Computer School” present within the inline popup
window.
9. Stop the Recoding in Selenium IDE
10. Make sure Selenium IDE  Options Menu  Format  STIQ
11. Save the test case, File  Save Test Case  Google Maps Test
Case1.pipe.txt
12. Click and open the file in Notepad

Selenium IDE  File  Open (or Ctrl+O)
Select the file “Google Maps Test Case1.pipe.txt” from the path where you
have saved.
It should show the source as shown below.
See the source it
should be “|” See the test case, it
formatted should be formatted
like this

Your test case should look like this (or similar to something like this),
so that it works without any problem.
To make sure the test

passes, I have added
couple of WaitFor
commands
Change your script to

match something
similar to this and re-
run the test

Exercise #5
• How do you find Page Load Time of a
webpage using Selenium IDE?
• Find Page Load Time of a webpage
using windows onload event in Selenium
IDE (Hint: Use JavaScript)?

Exercise #6
• How do you convert your HTML Selenese
test cases to XML compliant format?
(Hint: Your XML test cases should be
read and processed by any XML parser)


Selenium Tutorial Day 22 - Quick Tour of Selenium IDE - Advanced Features

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Selenium Tutorial Day 22 - Quick Tour of Selenium IDE - Advanced Features

Uploaded by

Copyright:

Available Formats

Portnov Computer School presents:

Quick Tour of Selenium IDE

Discover the automating power of Selenium

Click the add button to

Discover the automating power of Selenium

Name: CSV Format

Select Edit in Notepad

Discover the automating power of Selenium

Click here “Ok”

Discover the automating power of Selenium

Discover the automating power of Selenium

Discover the automating power of Selenium

Discover the automating power of Selenium

Discover the automating power of Selenium

Discover the automating power of Selenium

Discover the automating power of Selenium

Discover the automating power of Selenium

Discover the automating power of Selenium

To make sure the test

Change your script to

Discover the automating power of Selenium

Discover the automating power of Selenium

Discover the automating power of Selenium

You might also like