Now we will install  Firefox add-on  Firebug and FirePath.In Selenium, Firebug helps in inspecting UI elements and finding its associated properties and values.

Installing Firebug plug-in

Step 1 – To install Firebug add-ons, open Firefox browser, launch www.google.com and search for Firebug. Click on Firebug link.

Step 2 – Add-ons page appears. Click on Add to Firefox button.

Step 3 – Wait for Firebug add-ons to be downloaded. Once  downloaded, Click on install now button in software installation pop-up.

Step 4 – Restart browser if prompted by clicking on Restart Now. If you do not get any prompt go to next step.

Step 5 – Go to Tools > Web Developer > Firebug > Open Firebug. This will open Firebug Interface.

Step 6 –  Alternatively, Click on Firebug icon on the upper right corner of the Firefox window to open firebug interface.

Installing FirePath plug-in

FirePath is a Firebug extension that adds a development tool to edit, inspect and retrieve XPath from the UI elements. We will use this in Selenium to retrieve XPath values from elements which exist on web pages.

Step 1 – To add FirePath add-ons, Open Firefox browser, launch www.google.com and search for FirePath. Click on FirePath Search link.

Step 2 -Add-ons page appears. Click on Add to Firefox button.

Step 3 – Wait for FirePath add-ons to be downloaded. Once  downloaded, Click on install now button in software installation pop-up.

Step 4 – Restart browser if prompted by clicking on Restart Now. If you do not get any prompt go to next step.

Step 5 – Go to Tools > Web Developer > Firebug > Open Firebug

Step 6 – This will open Firebug Interface. Within the Firebug Interface you will view FirePath tab.

Step 7 – Select FirePath tab and view Xpath Field.