ChroPath is a developer tool. Which is used in finding Xpaths and CSS locators for web elements of a web pages.
In the responsibility of the testers, in order to uniquely identified the object present on the webpage by using the Xpath and CSS selector we spends lots of time. Copy XPath option in browsers gives you either relative XPath or Absolute XPath depends on the presence of certain attributes. We might not get what we are looking for. Many times we would also want to test the XPaths/CSS slectors we write it manually and make sure that is pointing to the right element or not. Even though these can be done in browser’s inbuilt Inspector tool, it is slightly difficult. ChroPath is an excellent alternative for Firepath and Firebug add-ons in Firefox browsers. It allows you to edit, inspect and generate XPath and CSS selectors very easily. So, ChroPath can be used as an XPath/CSS selector generator, XPath/CSS editor or XPath/CSS validaotor. It also supports both Chrome and Firefox browsers. It is an extension which can be added to you chrome/firefox browsers as an add-on. Here are the major highlights of its features.
Feature of ChroPath
- ChroPath opens as a sidebar tab in the developer tools panel.
- It can be used to get the absolute XPath and CSS selector of the elements.
- It generates unique relative XPath and CSS selector for the elements selected.
- It is used to verify XPath/CSS selectors and allows to view the matching node(s) in their sequential occurrence.
- All matching elements in the web page gets highlighted with a dashed blue outline and if you mouse hover on any of the listed matching node in the ChroPath tab, the corresponding element outline changes from blue to orange indicating that is the element for selected element.
- If the matching element is not in the visible area of web page, it will automatically scroll to the area on mouse hovering over the matching node.
- While verifying XPath, if you enter the XPath expression pattern incorrectly or incompletely it gets highlighted in red.
- Now that we have seen the features let’s see how to get it added to the Chrome and Firefox browsers and how you can use it to generate or verify Xpaths and CSS selectors.
