Examples for XPath selector

Note:

• 🟩 The XPath takes only double slash for intermediate selections
• 🟩 It means it only uses the relative search.
• 🟩 //div[@id='container']//h2[text()='Inside Shadow DOM'] is correct
• 🟥 //div[@id='container']/h2[text()='Inside Shadow DOM'] is incorrect

Pages with Shadow DOM:

• Button Page
• Index Page
• Javascript File
• Style File

Download all the files and put them in a single directory.

Use LocalFileTest to test all the XPath scenarios.

I am writing some of the examples from this class.

@Test
public void testXPathWithIndex() {
	driver.navigate().to(getPageContent("index.html"));
	WebElement element = shadow.findElementByXPath("//body//div[1]");
	assertThat(element, notNullValue());
}

@Test
public void testXPathWithText() {
	driver.navigate().to(getPageContent("index.html"));
	WebElement element = shadow.findElementByXPath("//h3[text()='some DOM element']");
	assertThat(element, notNullValue());
}

@Test
public void testXPathWithTextInsideShadow() {
	driver.navigate().to(getPageContent("index.html"));
	WebElement element = shadow.findElementByXPath("//div[@id='container']//h2[text()='Inside Shadow DOM']");
	assertThat(element, notNullValue());
}

@Test
public void testAllElementsXPath() {
	driver.navigate().to(getPageContent("index.html"));
	WebElement element = shadow.findElementByXPath("//div[@id='container']//h2[text()='Inside Shadow DOM']");
	assertThat(element, notNullValue());
}

@Test
public void testAllElementsXPathWithText() {
	driver.navigate().to(getPageContent("index.html"));
	List<WebElement> element = shadow.findElementsByXPath("//div[@id='container']//h2[text()='Inside Shadow DOM']");
	assert element.size()==2;
}

@Test
public void testAllElementsXPathWithId() {
	driver.navigate().to(getPageContent("index.html"));
	List<WebElement> element = shadow.findElementsByXPath("//div[@id='container']//h2[@id='inside']");
	assert element.size()==2;
}