Friday, December 16, 2016

Lesson #2 - Selenium IDE ( The basic features )


Selenium IDE - The basic features

In this section, I will cover the main features that selenium IDE as to offer, I really think that this section is a must for any user because it’s providing the first look about the option and capabilities for this component.

 

First look at Selenium IDE

Let’s take a quick look about the Selenium IDE basic features:

Menu Bar 

 

The Manu bar contains five components that we will use while working with the IDE framework, I will cover the main aspects of each one of them 

 

File Menu

The main features and available options for this menu:


Shortcut
Description
New Test Case
Ctrl + N
Creating a new test case
Open
Ctrl + O
Open an existing test case
Save Test Case
Ctrl + S
Saving the current test execution
Save Test Case As
N\A
Saving the current test script to different locations from the default value
Export Test case As...
N\A
Export test case to corresponding selenium components (Selenium RC, WebDriver) based on any supported programing language
Recent Test Cases
N\A
Display the last few Test cases that are used by the client
Add Test Case
Ctrl + D
Add a predefined test case
Properties
N\A
IDE application properties
New Test Suite
N\A
Creating a new test suite
Open Test Suite
N\A
Open an existing test suite
Save Test Suite
N\A
Saving the current suite execution
Save Test Suite
N\A
Saving the current test suite to different location from default value
Export Test Suite As...
N\A
Export test suite to corresponding selenium components (Selenium RC, WebDriver) based on any supported programing language
Recent Test suite 
N\A
Display the last few Test suites that are used by the client
Close
Ctrl + W
Closing the applications

 

Edit Menu

This menu will provide the same functionalities that you can find on any other win application, the main difference is the two last options that are unique to Selenium IDE. 


Shortcut
Description
Undo
Ctrl + Z
Return to last modifications
Redo
Ctrl + Y
Redo last modification
Cut
Ctrl + X
Cut Command
Copy
Ctrl + C
Copy command
Paste
Ctrl + P
Move Command
Select All
 Ctrl + A
Select all commands
Insert new command
N\A
Allowing the user to insert a new command to existing test, when you add a new comment it will be marked with a black color
Insert new comment
N\A
Allowing the user to insert a new comment to existing test, when you add a new comment it will be marked with a purple color

 

Actions Menu

The action menu can allow the user to perform few more actions, while working with the IDE component, the main Actions are: 


Shortcut
Description
Record
N\A
Start to record any action made by the user in the browser
Play Entire test suite
N\A
Play all test cases that associated with the current test suite
Play current test case
N\A
Play a specific test case (Not the entire suite)
Toggle Breakpoint
N\A
Like any other programing language, this option will allow the user to debug the code execution with one or more breakpoints that break the execution during the test execution.
Set / Clear Start Point
N\A
Allowing the user to start the test execution from a specific location,
Pause / Resume
N\A
Pause or Continue an existing test execution
Execute this command
N\A
Execute a specific command

Options Menu

The action options Manu allow the user to set and modify the predefined settings provided by the IDE component, the main options are:


Step
Value
Description
1
Encoding of test files
The encoding format of the saved files
2
Default Timeout values
Indicates the time that selenium has to wait for a specific action/element before it generates an error (Default value is 3000 milliseconds (30 Seconds)
3
Selenium IDE extensions
Allow the user to extend the IDE capabilities , while adding other extensions that are not defined in the baseline IDE extensions
4
Remember base URL
Determine if the selenium IDE should remember the Base URL when you start the IDE application, in any case that you mark this field as ‘False’ , Selenium IDE Will launch without any values for this field (Value = Blank)
5
Start Recording immediately
Recording is auto started when the IDE is launched

Base URL Bar

The base URL, has the same functionality like you do on any web browser, it allows you to insert website URL’s, and in addition it also remembers the History of the previously visited sites.


The Base URL is reflected in the “open” command, which will open the URL that you specified under the address bar, Example: 

 

 

Tool Bar

The Selenium IDE provides a useful and simple, toolbar that you can use while creating, Executing and manipulating your test cases. 

 


Command
Image
Description
Playback Speed
Allows the user to control the speed of the test case/Suite execution
Play entire Test Suite


Will run all test cases, that relevant to a specific test suite
Play  Test Case


Allows the user to Execute specific test case
Pause


Allows the user to hold the current selenium execution
Step
Allows the user to step into a selected command under your test script
Rollup
Allows the user to select specific commands and execute them as single action
Start/Stop Recording
Allows the user to Start /End m the recording of the user actions on the Firefox browser.

Test Case Pane

The test case pane is the container that host and represent, the user test cases that recorded via selenium IDE. The Test Case pane, allow the user to navigate and explore different test cases, that are currently open on this grid. 

In addition, the test case pane, can provide a great and informative details about the test execution, among the details that this pane can provide: 


  • Summery regarding the no’ of the total tests that succeed or failed during the execution cycle.
  • The current test that is running (Represented with bold font).
  • After Each test case execution, the user can see the execution results ( Green – “Passed” , Red = Failed)


Note!
When you load a “Test Suite”, all the associated test cases will be loaded automatically.

 

Test Execution Grid

Table View:


The execution grid is the location that represents the user recorded operations, each user operation against the Firefox browser that recorded will appear on this grid (In the same recording order) and represented with a predefined Selenium method (Command  | Target | Value). 

In addition, the execution grid allows the user to edit/Insert/Delete any recorded command, manipulating predefined steps or creating a new one. 

 

Source View:

Display the selenium commands in HTML script, this code allow the user to manipulate the HTML script to without working with the table commands.

 

Log Pane

 

Log TAB

The log pane will help you to understand and investigate the execution process and failures, the main feature for this grid is a list of log messages that categorized into different log levels (Info, Debug, Warning and Error).

 

Log Type
Information
Info
Information about the current test case
Warning
 Triggered when the code contains invalid conditions/Parameters.
Error
Triggered when a specific step is failed to be executed.
Debug
 Provide a technical view about the script executions (Called methods, Methods progress Etc.)

Reference TAB

The Reference TAB will help you to get more information about a given command, it shows a short and informative description of the user selected command (Selected under the Test Execution Grid)

 

UI-Element TAB

The UI-Element pane, can provide the user with the ability to use JavaScript objects to extend the regular IDE capabilities to support few more Firefox elements (For Additional information: Help -> UI-Element Documentation). 

Rollup TAB

The Rollup feature allows the user to combine and execute a combined commands in one step. It’s simple, all you need to know is that when you combine few commands together, in the selenium world it’s called “Rollup”.

1 comment:

  1. Thanks for taking time to explain about the installation procedure for selenium IDE, it helped me more and quite useful for learning some new process.Selenium Training|software testing selenium training

    ReplyDelete

My Presentations