SelectorsHub Tutorial- A Free Next Gen XPath & Locators tool

Explore why selectorshub saves time by teaching the right way to write and verify XPath and locators, compare with devtools, and obtain accurate page links.

Learn how the smart editor for selectors auto-suggests and filters options to quickly build css selectors and xpaths, while saving and reusing up to ten values.

Explore XPath and selectors error handling to identify mistakes and learn what is allowed. Leverage error messages and exports to fix incorrect syntax and deepen understanding of selectors.

Learn to generate case-insensitive XPath and selectors in SelectorsHub, using a one-click conversion to switch from case sensitive to insensitive, ensuring export and auto-generated selectors stay robust.

Master the attribute filter feature in SelectorsHub to generate selectors using your chosen attribute, such as area level, and save settings to switch between attributes like class or text.

Discover how the driver command feature in selectorshub generates xpath commands by replacing export with the export value keyword, saving time. Copy and paste the ready commands into your editor.

Generate XPath and selectors for multiple elements across a page, export all selectors with element names, and copy and paste ready-to-use commands into your automation framework.

Explore how the debugger feature in Selectors Hub lets you inspect invisible elements that disappear from the dome, by making them visible within five seconds and generating selectors.

Utilize the smart maintenance feature to verify all XPath exports and locators in a single shot, saving time when UI changes break scripts.

Enable double-quoted selectors with a single click, replacing the default single-quote export. Inspect elements to copy readable double-quoted attribute values for frameworks like Blairite.

Expand the view teaches you to reveal all possible selectors for an inspected element using the expand button, while saving local customised UI settings for quicker access in future sessions.

Customize the selectors hub UI to remove unwanted selectors and fields, then uncheck items and use reset to return to default settings.

Use the reset setting feature to revert all selectors to their default state in the UI, restoring visibility of all options.

Master shadow dom and nested shadow dom handling with selectors hub. Learn to copy, customize, and verify selectors for Java Selenium and other frameworks, including handling shadow root hosts.

Learn how to resolve shadow DOM casting errors in Chrome 96 by updating to the latest Selenium, replacing WebElement with SearchContext, and using shadow context for element queries.

Learn to copy and edit selectors in selectors hub with a copy icon, saving time by copying values from the header into the editor.

Explore handling of iframes and nested iframes using selectors to read, inspect, and export information about elements, including same-origin and cross-origin contexts, with copy selector and right-click workflows.

Learn to identify svg elements and generate correct selectors using selectors hub, differentiate between svg and standard elements, and export accurate XPath for svg icons.

Convert XPath into css selectors with selectorshub by copying and pasting your expression to generate a css selector.

Discover how to generate and apply index-based xpaths to create unique selectors when attributes are unstable or lengthy, using auto-suggest and insertion to streamline scripting.

Discover how to auto generate relative XPath using selectors hub by inspecting a parent and its child, using access mode to copy and reuse selectors efficiently.

Explore using the context menu to copy XPath from right-clicked elements, export selectors, and customize visible options for dynamic elements, while inspecting the DOM to understand selector behavior.

Recap all selectors hub features, including the smart editor, dynamic element debugging, and export management, to strengthen your skills in building and copying xpaths and locators.

Install selectorshub on Safari via App Store, with a free first month subscription. Copy XPath values, inspect elements in iframes and shadow iframe context, and record tests in the studio.

SelectorsHub reveals upfront which automation error you'll encounter for a given element, such as not intractable or non-visible elements, helping you avoid wasted testing time.

The updated debugger lets you customize the start delay, inspect dynamic elements like dropdowns and loaders, and export selectors for easier element targeting.

Learn how to use Selenium 4 relative locators with SelectorsHub to locate elements relative to others, such as finding a password field below the email field and entering values.

Discover how TestCase Studio, a free browser plugin, automatically records web actions into readable manual test steps and exports with xpath and selectors to speed up manual and automated testing.

Discover how selectors hub saves hours by auto generating all possible selectors, exporting data, relative exports, and debugger plus error handling for complex page object model automation.

Earn a free SelectorsHub certification by completing a short quiz with 75%+ (100% for extra rewards), test your knowledge of export formats, and apply concepts in day-to-day work.