XPath with text() in Selenium Java - Test Execution Trace

Test Overview

This test opens a web page, finds a button using XPath that matches its visible text, clicks it, and verifies the expected result appears on the page.

Test Code - JUnit with Selenium WebDriver

Selenium Java

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.junit.jupiter.api.AfterEach;
import org.junit.jupiter.api.BeforeEach;
import org.junit.jupiter.api.Test;
import static org.junit.jupiter.api.Assertions.assertEquals;

public class XPathTextTest {
    private WebDriver driver;

    @BeforeEach
    public void setUp() {
        driver = new ChromeDriver();
    }

    @Test
    public void testClickButtonByText() {
        driver.get("https://example.com/testpage");
        WebElement button = driver.findElement(By.xpath("//button[text()='Click Me']"));
        button.click();
        WebElement message = driver.findElement(By.id("result-message"));
        assertEquals("Button clicked!", message.getText());
    }

    @AfterEach
    public void tearDown() {
        if (driver != null) {
            driver.quit();
        }
    }
}

Execution Trace - 8 Steps

Step	Action	System State	Assertion	Result
1	Test starts	Test framework initializes ChromeDriver	—	PASS
2	Browser opens	Chrome browser window opens	—	PASS
3	Navigates to https://example.com/testpage	Page loads with a button labeled 'Click Me'	Page title or URL can be checked (not shown here)	PASS
4	Finds button element using XPath //button[text()='Click Me']	Button element with exact text 'Click Me' is located	Element is found and not null	PASS
5	Clicks the button	Button click triggers page update	—	PASS
6	Finds element with id 'result-message'	Element showing result message is present	Element is found and not null	PASS
7	Checks that the text of 'result-message' is 'Button clicked!'	Text content matches expected string	assertEquals("Button clicked!", message.getText())	PASS
8	Test ends and browser closes	Browser window closes, driver quits	—	PASS

Failure Scenario

Failing Condition: The button with text 'Click Me' is not found on the page

Execution Trace Quiz - 3 Questions

Which XPath expression is used to find a button by its visible text?

A //button[text()='Click Me']

B //button[@id='Click Me']

C //button[contains(@class, 'Click Me')]

D //button[text()='Submit']

Key Result

Using XPath with text() lets you find elements by their visible text, which is helpful when IDs or classes are not available or dynamic.

Practice

1. What does the XPath expression //button[text()='Submit'] select in a web page?

easy

A. A button element with the exact visible text 'Submit'

B. Any element with the attribute text='Submit'

C. All buttons regardless of their text

D. Any element containing the word 'Submit' anywhere

Solution

1. Step 1: Understand the XPath syntax

   The expression //button selects all button elements in the document.

2. Step 2: Apply the text() condition

   The predicate [text()='Submit'] filters those buttons to only those whose visible text exactly matches 'Submit'.

3. Final Answer:

   A button element with the exact visible text 'Submit' -> Option A

4. Quick Check:

   XPath with text() = exact text match [OK]

Hint: Use text() for exact visible text match in XPath [OK]

Common Mistakes:

• Confusing attribute text with text() function
• Assuming partial text match without contains()
• Selecting wrong element types

2. Which of the following is the correct XPath syntax to select a link (<a>) with visible text exactly 'Home'?

easy

A. //a[text()='Home']

B. //a[contains(text(), 'Home')]

C. //a[text()='home']

D. //a[@text='Home']

Solution

1. Step 1: Identify exact text match syntax

   The correct syntax for exact text match uses text()='Home' inside brackets.

2. Step 2: Check each option

   //a[contains(text(), 'Home')] uses contains(), which is partial match, not exact. //a[text()='home'] has wrong case 'home' (case-sensitive). //a[@text='Home'] incorrectly treats text as attribute.

3. Final Answer:

   //a[text()='Home'] -> Option A

4. Quick Check:

   Exact text match uses text()='value' [OK]

Hint: Use text()='ExactText' for precise text matching [OK]

Common Mistakes:

• Using contains() when exact match is needed
• Ignoring case sensitivity in text()
• Treating text as an attribute

3. Given the following HTML snippet:

<div>
  <button>Save</button>
  <button>Cancel</button>
  <button>Save As</button>
</div>

What will the XPath //button[text()='Save'] select?

medium

A. All three buttons

B. Both buttons with texts 'Save' and 'Save As'

C. No buttons because 'Save' is part of 'Save As'

D. The first button with text 'Save' only

Solution

1. Step 1: Understand exact text() matching

   The XPath text()='Save' matches only buttons whose visible text is exactly 'Save'.

2. Step 2: Analyze the buttons' text

   Only the first button has exactly 'Save'. The third button's text is 'Save As', which does not match exactly.

3. Final Answer:

   The first button with text 'Save' only -> Option D

4. Quick Check:

   text()='Save' matches exact text only [OK]

Hint: Exact text() matches full text, not partial [OK]

Common Mistakes:

• Assuming partial match with text()
• Selecting multiple elements incorrectly
• Ignoring spaces or extra words

4. You wrote this XPath to select a label with text 'Username': //label[text()='username']. It does not find the element. What is the likely problem?

medium

A. Missing contains() function for partial match

B. XPath is case-sensitive; 'username' does not match 'Username'

C. text() cannot be used with label elements

D. XPath syntax requires @text attribute instead of text()

Solution

1. Step 1: Check case sensitivity in XPath text()

   XPath text() matching is case-sensitive, so 'username' does not match 'Username'.

2. Step 2: Verify other options

   text() works with any element, contains() is optional, and @text is invalid attribute syntax.

3. Final Answer:

   XPath is case-sensitive; 'username' does not match 'Username' -> Option B

4. Quick Check:

   XPath text() is case-sensitive [OK]

Hint: Match exact case in text() for correct XPath [OK]

Common Mistakes:

• Ignoring case sensitivity
• Using attribute syntax instead of text()
• Assuming text() only works on certain tags

5. You want to select a <span> element that contains the exact text 'Error: Invalid input' but the page sometimes adds extra spaces before or after the text. Which XPath expression is best to handle this?

hard

A. //span[text()='Error: Invalid input']

B. //span[contains(text(), 'Error: Invalid input')]

C. //span[normalize-space(text())='Error: Invalid input']

D. //span[@text='Error: Invalid input']

Solution

1. Step 1: Understand the problem with extra spaces

   Extra spaces before or after text cause exact text() match to fail.

2. Step 2: Use normalize-space() to trim spaces

   Using normalize-space(text())='Error: Invalid input' trims spaces and matches exact text.

3. Step 3: Evaluate other options

   //span[text()='Error: Invalid input'] fails with spaces, //span[contains(text(), 'Error: Invalid input')] matches partial text (not exact), //span[@text='Error: Invalid input'] is invalid syntax.

4. Final Answer:

   //span[normalize-space(text())='Error: Invalid input'] -> Option C

5. Quick Check:

   normalize-space() trims spaces for exact text match [OK]

Hint: Use normalize-space() to ignore extra spaces in text() [OK]

Common Mistakes:

• Using text() without trimming spaces
• Using contains() when exact match needed
• Treating text as attribute