7b. Selenium IDE – Selenium IDE and Firebug installation

Welcome to our first explore-along (just like sing-along!) post. To get the best out of our selenium series it is recommended that you follow closely and work along. It is as simple as that!

In the land of Magic Meadows, before we see some real magic happening, it’s time we set the environment for it. Sounds a bit technical, isn’t it? But no worries, it is quite easy as Selenium IDE comes as a Firefox plug-in.

So all you need to get started with the installation process is an active internet connection.

(Those who already have Mozilla Firefox browser on your system, it’s time to sit back and relax until step 1 is completed. Scroll down a bit to get going from the most awaited Step 2)

Step 1: Installing Firefox

Download the latest version of Firefox from https://www.mozilla.org/en-US/firefox/new/
Firefox_Download
Once the Setup file is downloaded, it looks something like this.
Firefox .exe file
So go ahead and click on the exe file. Once the extraction reaches 100%, Mozilla Firefox Setup Wizard will pop up. Click on the “Next” button.
Firefox Setup Wizard 1
You can very well go ahead with the Standard as your set up type. It’s completely left to your convenience. I am choosing “Standard” and clicking Next.
Firefox Setup Wizard 2
A summary of the location where Firefox will be installed is shown. Just click on “Install” button.
Firefox Setup Wizard 3
Installation will take place,
Installing Firefox
Click on “Finish” and launch Firefox browser to get started.
Firefox Setup Complete

Step 2: Installing Selenium IDE

Once Firefox browser is launched, go to http://www.seleniumhq.org/download/. Scroll down until you reach the Selenium IDE section. Click on the latest version number as shown below. (Please note that the version number that you are seeing might be different from the one in the snapshot here as 2.9.0 is the latest at the time this post is created.)
Selenium IDE download link
Once you click on the version number, due to the security settings, you might see a pop-up. Click on the “Allow” button to proceed with the installation.
Firefox popup
The download happens as shown,
Downloading Selenium IDE
When download completes, click on the “Install” button.
Install
Upon the completion of installation, click on “Restart Now”.
Firefox restart
Once Firefox restarts, we can launch Selenium IDE in the one of the ways,

  • Use the combination of Alt+Ctrl+S.
  • Click on the Se icon in the toolbar if it is available already.

Launch Selenium IDE from toolbar

  • You can always go by the conventional method of launching it from the Firefox Menu. Just press Alt if you don’t see the menu and it will pop up. Click on Tools -> Selenium IDE or Tools -> Web Developer -> Selenium IDE.

Launch Selenium IDE from menu bar
Now let me show how our Selenium IDE looks when it is launched.
Selenium IDE window

Step 3: Installing Firebug

A few words on Firebug: It is a free and open-source web browser extension for Mozilla Firefox. We are going to take its advantage for identifying and inspecting the Web Elements of the application under automating using Selenium. It is totally fine if you do not understand a word of what I was talking. Just go ahead and install Firebug for now. Everything will fall in place as we explore deeper.

Time for some action: Launch Firefox and navigate to https://getfirebug.com/downloads/ for downloading firebug.

Click on the download link based on the compatibility with your current Firefox version.
Firebug download link
Clicking on download link will take you to Firefox Add-ons page. Just click on “Add to Firefox” in the Firebug section.
Firebug addon
Firefox will download the Add-on. Upon completion, a dialog box would appear in order to install Firebug. Click on “Install” button.
Firebug install
Once the installation is done, a notification saying “Firebug has been installed successfully” can be seen. Even if this doesn’t appear, there isn’t anything to worry.
Firebug installed successfully
And also, there is no restart of the browser required after installing Firebug.

You must be wondering how to launch this add-on. It’s quite simple and there are two ways for it,

  • Press the function key, F12
  • Click on the Firebug icon which will be available in the right corner of the Firefox toolbar.

Firebug icon
Firebug will usually launch at the bottom of Firefox window and this is how it will look,
Firebug interface

That’s all for today. You are all set for some visual treat but that has to wait a bit.

See you again in another post where we will be exploring more about the options in Selenium IDE. Have a nice day!

Series Navigation<< 7a. Selenium IDE – Introduction, benefits and limitations7c. Selenium IDE – Breaking the Surface: A First Look >>
By | 2017-07-09T12:51:07+00:00 August 2nd, 2016|Selenium|0 Comments

About the Author:

Lakshmi Chandana is a Software professional + passion-fueled blogger + novel-reader + artist + tutor to make your day a little brighter than it was before! She is thrilled you are here! She is on a mission to make sure learning sticks but with the fun part kept intact. She uses certain tricks called BrainBells (inspired from barbells and dumbbells used for a workout) to achieve this and she says, “this is not the hardest job! As once minions said, it for sure is working in a bubble wrap factory. Imagine the self-control needed!” So, dive in to explore the fun-filled World of Selenium!!

Leave A Comment