XPath & cssSelector Practice Page with all scenarios

Click to register for the free testing summit by LambdaTest

Find out how to automate these controls without XPath












TestCase StudioDownLoad Link

SelectorsHub Youtube Channel

A course with complex scenarios like Shadow DOM, iframe inside shadow root, nested shadow dom inside iframe and a lot more


Users Table

Username User Role Employee Name Status
Garry.White ESS Garry White Enabled
Jasmine.Morgan ESS Jasmine Morgan Enabled
Joe.Root ESS Joe Root Enabled
John.Smith Admin John Smith Enabled
Jordan.Mathews ESS Jordan Mathews Enabled
Kevin.Mathews ESS Kevin Mathews Enabled

Inspect this element, you will see comment just below the html of this element in DOM




Useful Links for learning

SHub Youtube Channel Join Training Try TestCase Studio


করোনা সংক্রমণ বাড়াচ্ছে

也支持中文



Consider a small Donation and support this page.


Food Time



If you find difficult to handle any scenario on this page, checkout the tutorial here on SelectorsHub Youtube channel and if you want to learn each concept in detail, you must join this live SelectorsHub Training .

Memory Test

System Distribution Details

System Distribution Details

 OSBrowserCityCountry
windowschromeHvidovreDenmark
windowschromeSamsunIndia
macchromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
macchromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunUnited States
windowsEdgeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunDenmark
macfirefoxSamsunIndia
macchromeSamsunIndia
windowschromeSamsunIndia
macchromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunCanada
windowsEdgeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunUkraine
windowschromeSamsunHong Kong
windowschromeSamsunRussia
windowschromeSamsunIndia
macchromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
macEdgeSamsunIndia
macchromeSamsunIndia
windowsEdgeSamsunIndia
windowschromeSamsunIndia
macchromeSamsunIndia
windowschromeSamsunUkraine
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowsEdgeSamsunIndia
windowschromeSamsunCanada
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunUnited States
windowschromeSamsunRussia
windowschromeSamsunUnited States
windowschromeSamsunIndia
macchromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
macchromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
macchromeSamsunIndia
macchromeSamsunIndia
macchromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunDenmark
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
macchromeSamsunRussia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
windowschromeSamsunIndia
macfirefoxSamsunIndia

Lets test xpath skills💡

Which xpaths are invalid & why?

//input[@title=’Search’]

//label[normalize-space()=’User Email’]//following:input[@id=’userId’]

//a[normalise-space()=”Why testRigor?”]

//input[@id=’pass’]div

//input[@id=’pass’]/div/

//label[ends-with(text(),’User Email’)]

//svg[@iconid=’editon’]

If you find difficult to handle any scenario on this page, checkout the tutorial here on SelectorsHub Youtube channel and if you want to learn each concept in detail, you must join this live SelectorsHub Training .

Checkout the Training Feedback Here

Need any help
email - selectorshub@gmail.com

Note: Want to add any specific scenario on this page, please write to us at selectorshub@gmail.com or connect on slack for one to one chat.

Complex Scenarios Covered in this page

  • Shadow DOM (Shadow-root)
  • SVG element inside shadow DOM.
  • Nested Shadow DOM.
  • Closed Shadow DOM.
  • Closed shadow dom inside Open shadow dom.
  • iframe inside shadow DOM.
  • Shadow DOM inside iframe.
  • Nested Shadow DOM inside iframe.
  • Closed shadow DOM inside iframe.
  • Closed shadow dom inside open shadow dom and open shadow dom inside iframe.
  • Canvas element.
  • Single iframe.
  • Nested iframes.
  • Cross Origin iframe
  • Spin Loader which disappear in 3 sec.
  • Email field with HTML form validation message tooltip.
  • Comment in DOM.
  • SVG element.
  • Disabled Input box which get enabled by clicking on an element.
  • Dropdown whose element can be inspected but disappear from UI on inspect.
  • WebElement to explain the text, dot and normalize-space() function of xpath.
  • HTML Table 
  • Link without text.
  • Link with junk space text.
  • Non Interactable Elements 
  • Pseudo Elements.
  • Not function of XPath.
  • Axes Based XPath.
  • cssSelector and all other selectors.
  • Pagination (Thanks to NaveenAutomationLabs for recommending this scenario.)