SelectorsHub Tutorial- A Free Next Gen XPath & Locators tool

SelectorsHub Tutorial

  Sanjay Kumar

   Development, Automation Testing, Web Development

  Language - English

   Published on 03/2022



 Learn how to use Selectors Hub and be a Selectors Hub expert ~

This course will help you to learn all about SelectorsHub. You will learn about XPath writing, CSS selector 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:

  • The smart editor 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 elements in a single click.

  • Error handling. It gives the proper error message like what is wrong in your XPath and CSS selector.

  • Verify multiple XPath and whole script in single-shot just in a 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 customize contextMenu.
  • Generate case, insensitive selectors.

  • Generate Multiple XPath & selectors in a 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 CSS selector 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 Customize the UI as users need.

  • All the config will be saved local so next time 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.

Who this course is for:

  • Test Automation engineers who want to create better and easier to maintain locators
  • All selenium, cypress, WebDriverIO, Playwright, JS users.
  • All automation testers who want to write automation scripts efficiently and smartly.
  • Test Automation Engineers to learn XPath concepts from scratch with real-time scenarios.
  • All Cypress users.
  • All WebDriverIO users.
  • All Playwright users

What Will I Get ?

  • SelectorsHub
  • All the features of SelectorsHub.
  • Writing XPath with axes, relative to other elements, different XPath functions and best practices.
  • SVG, iframe, ShadowDOM, invisible DOM and all the complex scenario with real time example.
  • Locate Any web element on the page with SelectorsHub.
  • How to use SelectorsHub
  • SelectorsHub Tutorial from basic to advance level.
  • xpath & selectors for nested shadow dom, nested iframe, dynamic dropdown.


  • Basic HTML understanding

Course Rating

    Feedbacks (0)

  • No Feedbacks Yet..!

We make use of cookies to improve our user experience. By using this website, you agree with our Cookies Policy.