Steps to download and install Firepath
Launch Mozilla firefox. Go to google and type in firepath.
Click on first given link, you will get an “Add to Firefox” option.
Then click on Add to Firefox button.
Then it will ask you to install, you just need to click on Install option.
Once you install it, you can check whether the Firepath is installed in Firefox or not. You just need to right click on any element. Go to Google and right click on the search bar, you will get an option of Inspect in Firepath.
To verify whether Firepath is installed or not, in firebug window search for the heading Firepath.
Why to use Firepath
Firepath is used to get the xpath or css of CSS locators of a particular element.
Example : Finding out Xpath of an element using Firepath
Launch Firefox and open any site. Lets go to gmail.com
Firebug icon is available on the right top corner of the page, click on it.
Make sure that the Firepath option is available on the second window.
You just need to copy the XPath property value now.
Getting CSS selector value of the web element using Firepath
Launch Firefox and open any site, Ex : go to Google.com
Click on the firebug icon available on the right side of the web page.
Once you click on the Firebug icon, an another window will be displayed. Make sure it has the Firepath option.
Click on the dropdown given with the tag Xpath, and select CSS option given there.
Now you need to click on the “Inspect Element” firebug option and select any UI element. Here we are selecting the Google symbol.
Now the ‘CSS’ property value will get displayed in front of the option where the CSS option was selected.
The last is as simple as anything; you just need to copy the CSS selector property value.