Step4: Use Copy option to copy the required locator for your use. Check if it is uniquely identified (Check for number of matching nodes). Step3: You should see Xpath (Relative and Absolute), CSSPath for required web element. Step2: Take your mouse to web element which you want to inspect (find locator, XPath or CSS) and then click on it. Step1: Open DOM (using F12 or by using Inspect Element Option after right click) Click on it, It is going to help us for finding XPath / CSSpath.ĬhroPath Tab –> This is where you will get / verify XPath or CSSpath How to Find XPath / CSSpath for webElement?įinding XPath or CSSpath is very easy task in ChroPath. In the DOM structure, Last tab should be present with name ChroPath & there you go. If F12 is not working, just right click on the web page (or on the web element whose XPath you are looking for), you should see option as Inspect Element. Open your web application in the browser where ChroPath is installed & Press F12. Now, you wish to start with finding XPath / CSSpath for your web application. Where Can i find ChroPath to Start finding XPath / CSSpath? (If you don’t find it there, Go to Menu –> Add-ons. Once ChroPath is installed, you should see ChroPath Icon on the top-right corner of your browser (As shown in below snap). If you don’t see the ChroPath addon on the above URL, go to the respective Add-on store & search for ChroPath there. Just click on Add & you will see, ChroPath will get installed on your browser in few seconds. Go to the respective URL’s (below mentioned) and you will find an option to add the extension / Add-on to the browser. Install ChroPath on Google Chrome and Mozilla FirefoxĬhroPath is just an extension / Add-on to the browser. So Chropath is reaching to more and more automation developers, and believe me, it is one of the best. Before ChroPath came in to picture, there was something called firebug and firepath, but now latest versions of firefox, do not support them. What is ChroPath?ĬhroPath is an extension for Google chrome and mozilla firefox browsers, used to write, edit and evaluate XPath and CSSpath. Let us have a look in, what exactly it is & how it work. Out of them, i felt ChroPath is the best one. To automate these things, there are many browser extensions present in market. By looking in to this DOM, one may write Xpath or CSSpath, but this is manual process and time taking, moreover, you need to again verify if it is unique. Now, in any web browser, inspector option is always present, used to look in to DOM structure. They are used to interact to respective web element using selenium webdriver (or could be any other).

All these are basic things to work on test automation. If you are a test automation engineer, then webelement identification, XPath, CSSpath shouldnt be new terminologies for you.

How to install firebug and firepath