SelectorsHub Tutorial- A Free Next Gen XPath & Locators tool

~ Learn how to use SelectorsHub and be a SelectorsHub expert ~

This course will help you to learn all about SelectorsHub. You will learn about XPath writing, cssSelector writing and different concepts of handling web elements. It will help you to learn how to handle iframe, nested iframes, shadow dom, nested shadow dom and svg elements.

You will also learn how to write and generate xpath & selectors for dynamic dropdown and submenu options. This course will help you to learn all the features of SelectorsHub in detail like smart editor, error handling, shadow dom, iframe, svg, multi xpath generation etc.

This is a must have course for every automation tester. It will help you to learn all about xpath, selectors, css selectors, web elements and DOM.

Every selenium, cypress, WebDriverIO, protractor and playwright user should take this course.

It will help you to increase your productivity.

This course will help you to learn the fundamental concepts of XPath & selectors.

You will also learn about the misconceptions of XPath & selectors which people have about browser devtools.

SelectorsHub Features:

• Smart editor which auto suggests all possible XPath & selectors functions along with their occurrences while typing.

• Auto generates Axis based xpath, parent based relative xpath, index xpath and absolute xpath.

• Generate all types of possible selectors for inspected element in single click.

• Error handling. It gives the proper error message like what is wrong in your xpath and cssSelector.

• Verify multiple XPath and whole script in single shot just in few seconds.

• Supports jQuery and JS Path.

• Supports iframe and nested iframes.

• Supports shadow dom and nested shadow dom.

• Support SVG elements.

• Gives proper information about what kind of the inspected element it is like svg etc.

• Debugger feature to inspect dynamic web elements like dropdown menu options.

• Feature to copy selectors value directly from right click context menu on the web element, no need to open SelectorsHub tab.

• Feature to customise contextMenu.

• Generate case insensitive selectors.

• Generate Multiple XPath & selectors in single go.

• Gives complete script to handle shadow DOM elements.

• Save the XPath & selector value in SelectorsHub.

• Feature to disable and enable SelectorsHub in contextMenu.

• It generates robust unique relative cssSelector and XPath.

• Generate the index based xpath in auto suggest.

• Feature to generate selectors with the desired attribute.

• Feature to generate selectors with driver command.

• Option to Customise the UI as users need.

• All the config will be saved in local so next time when the user opens it, it opens with the user's configs.

• To copy the Selector’s value, just click on the Selector’s Header. For example, to copy Rel XPath, click on Rel XPath.

• To edit the Selector's value, just click on the selector's value, it will put the value in a box where you can edit it and verify.