Selenium IDE Tutorial (No Coding Automation) | TECHLISTIC
1. What is Selenium IDE?
Selenium IDE is one of the variant of Selenium tool. IDE stands for Integrated Development Environment. Selenium IDE is a record and play based web automation tool used for automation testing. As it's a record and play tool, it does not require any programming language knowledge, YES!! You read it right, it doesn't require any coding.
You just have to start the Selenium IDE browser extension and then perform the manual testing on the website or webpage, that's it. Selenium IDE will record all the actions that you manually performed on the website and create a automation script from that. You can store that script and use it in future to test the same functionality in automated way. You can also modify that script to add or remove any command from it.
Selenium IDE Video Tutorial (YouTube)
2. Features of Selenium IDE
- It’s a record and play tool.
- Supports Limited browsers: Comes as plugin with Firefox and Chrome only, so not other browsers are supported.
- Coding is not required: If you want to automate using this tool. It will record your tests and generate automation scripts for you.
- One can’t add coding logic like if/else or loops in the script: It can only be used for some very basic automation. As you cannot write your own logic or you won’t be able to put conditions or loops in your automation test script.
- No code re-usability: As we cannot create methods in ide scripts which are in html.
- Maintainability is quite high: Maintenance effort is quite high in IDE. If there are any changes in your application/software it would impact your automation scripts heavily.
- Export Selenium IDE scripts to WebDriver script in any language of you choice.
3. Install and Setup Selenium IDE
- Launch the browser for which you want to install Selenium IDE plugin, say launch Chrome.
- Open official Selenium website to install Selenium IDE - https://www.selenium.dev/selenium-ide/
- You would see the options for Firefox and Chrome on the page to install Selenium IDE.
- We'll click on the Chrome Download button, it'll land us on the Selenium IDE plugin install page for Chrome browser.
- Click on the "Add to Chrome" button. It'll install the Selenium IDE plugin for Chrome browser.

- It will give the success installation alert.
- Then launch the Selenium IDE by clicking the plugin icon and it'll take you to the Welcome Screen.
4. Most Commonly used Selenium IDE Commands
General actions are: type, click on links, select dropdown option, multi-select, checking radio buttons and check boxes, uploading files and clicking on buttons, moving backward and scrolling. Above mentioned actions cover 90% of our testing. And it's fortunate to have Selenium IDE supports all these actions.
Commands Description open To open URL setTimeout Setting Timeout Limit windowMaximize For Window Maximizing store Storing value in variable echo To print/log custom messages in console clickAndWait Clicking on link goBackAndWait To navigate backwards type To enter values in a text field storeEval Executing Javascript / Scroll click Checking Radio Button / Check box select To Select dropdown option addSelection For multiple selection boxes assertTitle To verify title
Selenium IDE Video Tutorial (YouTube)
2. Features of Selenium IDE
- It’s a record and play tool.
- Supports Limited browsers: Comes as plugin with Firefox and Chrome only, so not other browsers are supported.
- Coding is not required: If you want to automate using this tool. It will record your tests and generate automation scripts for you.
- One can’t add coding logic like if/else or loops in the script: It can only be used for some very basic automation. As you cannot write your own logic or you won’t be able to put conditions or loops in your automation test script.
- No code re-usability: As we cannot create methods in ide scripts which are in html.
- Maintainability is quite high: Maintenance effort is quite high in IDE. If there are any changes in your application/software it would impact your automation scripts heavily.
- Export Selenium IDE scripts to WebDriver script in any language of you choice.
3. Install and Setup Selenium IDE
- Launch the browser for which you want to install Selenium IDE plugin, say launch Chrome.
- Open official Selenium website to install Selenium IDE - https://www.selenium.dev/selenium-ide/
- You would see the options for Firefox and Chrome on the page to install Selenium IDE.
- We'll click on the Chrome Download button, it'll land us on the Selenium IDE plugin install page for Chrome browser.
- Click on the "Add to Chrome" button. It'll install the Selenium IDE plugin for Chrome browser.
- It will give the success installation alert.
- Then launch the Selenium IDE by clicking the plugin icon and it'll take you to the Welcome Screen.
4. Most Commonly used Selenium IDE Commands
General actions are: type, click on links, select dropdown option, multi-select, checking radio buttons and check boxes, uploading files and clicking on buttons, moving backward and scrolling. Above mentioned actions cover 90% of our testing. And it's fortunate to have Selenium IDE supports all these actions.
Commands | Description |
open | To open URL |
setTimeout | Setting Timeout Limit |
windowMaximize | For Window Maximizing |
store | Storing value in variable |
echo | To print/log custom messages in console |
clickAndWait | Clicking on link |
goBackAndWait | To navigate backwards |
type | To enter values in a text field |
storeEval | Executing Javascript / Scroll |
click | Checking Radio Button / Check box |
select | To Select dropdown option |
addSelection | For multiple selection boxes |
assertTitle | To verify title |
5. Record and Execute Automation Scripts with Selenium IDE
We'll record, save and execute some of the Selenium IDE scripts and do a hands-on.
5.1. Create Your First Automation Script "TestLinks" with Selenium IDE
We'll record our first automation script using Selenium IDE. We'll perform some simple actions, like open www.selenium.dev and click on it's menu buttons and save that script.
- Click on the "Record a new test in a new project".
- Type the name of your project, let's say "MyFirstProject".
- Then enter the URL of the website that you want to automate and click Start Recording button.
- Then it'll launch the Chrome browser with website URL entered just before. You can also see the message "Selenium IDE is recording" at the bottom of the page.
- Maximize the window and perform some common actions, like click on the menu link one by one.
- And then click "Stop Recording" from the Selenium IDE menu.
- Now you would see a number of commands has been recorded in the Selenium IDE commands pane. This is your Selenium IDE script which is recorded for the actions that you just performed manually.
- You can save this script with any name.
5.2. Run Your First Selenium IDE Script
You have recorded your first automation script successfully, now it's time to execute it.
- For that click on the "Run current test" button.
- After clicking run button, it'll launch the browser, open the website url and execute all the commands/actions that were recorded before.
- After execution, it'll give the execution successful or failed message at the right bottom of the Selenium IDE pane.
- It also provides you the execution logs in the Log pane, present at the bottom.
5.3. Create Search Keyword Automation Script with Selenium IDE
Make sure Selenium IDE is launched.
- Create a new test case by clicking on "+" button present alongside the "Tests". It'll ask you to enter name for your new test.
- After entering the name say "SearchKeyword", click on the record button present on the right side of the menu bar.
- Now it'll launch the chrome and open the url www.selenium.dev.
- Start recording your test by entering keyword "Selenium IDE" in the search box and click enter.
- And then right click on the "Selenium IDE" heading text on the webpage, click Selenium IDE option, mouse hover to Assert and then select "Text" option.
- Assert Command: By using the assert text command, we are telling the script to verify that the heading text "Selenium IDE" is present on the web page after searching for it. If in future, that text will not be present on this page after searching, then the script will fail. So, assert commands are for validation and verifications purpose. You can assert any text, link or any web element present on the page.
- Assertion command is basically used in the end of the script which validates that our test case is passed or failed.
- You can save this project by clicking the save button and later on open the same project and execute the scripts in the same way as we executed in section 4.2.
6. Automate Demo Practice Form with Selenium IDE
Try automating Demo Sign Up Practice form using Selenium IDE.
- Launch Selenium IDE and start recording.
- Add a new test case.
- Enter base URL as https://www.techlistic.com/p/selenium-practice-form.html
- Fill out all the values in the web form and click submit button.
- Stop recording and save the script.
Here is the sample script for Demo Sign-up practice form:
Practice Form | ||
Command | Target | Value |
open | / | |
setTimeout | 10000 | |
windowMaximize | ||
store | Selenium Tutorials | Demo Form for practicing Selenium Automation | EXPECTED_PAGE_TITLE |
echo | "####### Clicking Link ########" | |
clickAndWait | link=Link Test | |
echo | "###### Using goBack command to navigate to previous page ######" | |
goBackAndWait | ||
echo | "###### Typing First Name and Last Name ######" | |
type | name=firstname | Dustin |
type | name=lastname | Taylor |
echo | ####### Performing Scroll Action ######### | |
storeEval | selenium.browserbot.getCurrentWindow().scrollTo(0,600) | |
echo | "###### Check Radio Buttons & Check boxes #######" | |
click | id=sex-1 | |
click | id=exp-3 | |
click | id=profession-1 | |
click | id=tool-1 | |
echo | "####### Performing File Upload Action ####### | |
type | id=photo | C:\Users\admin\Desktop\pic.jpg |
echo | ####### Performing Scroll Action ######### | |
storeEval | selenium.browserbot.getCurrentWindow().scrollTo(0,1000) | |
echo | "####### Performing Select & Multi-Select Actions ########" | |
select | id=continents | label=Australia |
addSelection | id=selenium_commands | label=Navigation Commands |
addSelection | id=selenium_commands | label=Switch Commands |
clickAndWait | id=submit | |
echo | ${EXPECTED_PAGE_TITLE} | |
assertTitle | ${EXPECTED_PAGE_TITLE} | |
echo | "###### PASSED - Test Completed Successfully #######" |
7. Difference between Selenium IDE and WebDriver
First of all you should understand your automation needs and then only make a decision to choose Automation tool. We have already discussed the features of Selenium IDE Section 2 of this post, now let's have a look at the WebDriver features:
Selenium WebDriver -
- It requires coding.
- Open Source
- It supports Java, C#, PHP, Python, Perl, Ruby.
- Supports almost every browser: ff, chrome, ie, safari, opera.
- Cross Platform: Supports every platform like Windows, Linux, Mac.
- You can achieve code-re-usability.
- Automation maintenance effort is less.
- You can find WebDriver sample script here - First Selenium WebDriver Script
Follow Techlistic
Feel free to ask queries or share your thoughts in comments or email us.
Useful blog, keep sharing with us.
ReplyDeleteHow to Use Selenium with Java
Why Selenium with Java
Useful blog, keep sharing with us.
ReplyDeleteBenefits of Using Appium for Mobile Automation
Why Appium for Mobile Automation
Then, you get the results based on testing, analyze those results and make the necessary adjustments (i.e. use the headline that brought in a greater response) to boost your sales. atlas cern
ReplyDeleteUseful blog, it is very impressive.
ReplyDeleteTop Reasons to Choose Robot Framework
Why We Choose Robot Framework Test Automation
Nice blog, it is very impressive.
ReplyDeleteWhy Selenium Using Java
Why Developers Prefer Selenium with Java
The stated purpose is to "increase the number of Americans covered by health Insurance and decrease the cost of health care." The most widely relevant and talked-about parts are that no one will be excluded from getting Insurance, and everyone will have to get Insurance. What Is Mlta Insurance
ReplyDeleteUseful blog, keep sharing with us.
ReplyDeleteBenefits of Robot Framework Test Automation
Advantages of Robot Framework Test Automation
Great words and thanks for sharing!!
ReplyDeleteSelenium Training in Pune
Selenium Training in Hyderabad
Selenium Training in Gurgaon
great post with nice content and thanks for sharing!!
ReplyDeleteLanguage Supported by Selenium
selenium web driver supported language
ReplyDeleteNice content, thanks for sharing this.
TOEFL Writing Strategy
TOEFL Writing Structure
Great blog with good information.
ReplyDeleteMobile Testing Training in Chennai
Mobile Application Testing Online Training
Mobile Testing Training in Bangalore
Excellent information
ReplyDelete