Exploring Selenium with Java: Uncovering the Method to Locate and Identify a Specific Nested Element When Sharing Identical Parent Elements

Question

Exploring Selenium with Java: Uncovering the Method to Locate and Identify a Specific Nested Element When Sharing Identical Parent Elements

If I have a page structured like this:

<div class = "A">
   <h1>AA</h1>
   <p>This</p>
</div>

<div class = "A">
   <h1>BB</h1>
   <p>This</p>
</div>

And each time the page is loaded, there are random "class A" divs in random order with headings like: "CC", "DD", etc... How can I locate and click on the link "This" within the "BB" div? This is what I've attempted so far:

driver.findElement(By.xpath("//*[text()='BB']")).findElement(By.xpath("//*
[text()='This']")).click();

I've also tried:

WebElement name = driver.findElement(By.xpath("//*[text()='BB']"));
name.findElement(By.xpath("//*[text()='This']")).click();

However, in both cases, I always end up clicking on the "This" in the "AA" div. If the order of the divs changes randomly next time the page loads, hardcoding it to always click on the second element won't be effective.

So, I am looking for a solution to target the "This" link within the "BB" div based on the condition that "BB" exists.

java html css selenium

Answer 1

Answer №1

The concept is as follows:

Retrieve all elements with class name "A" and store them in a list.
Check for header text that includes "BB".
If found, select the paragraph tag of that specific class "A" index.
Click on "This".

See below for the full code implementation.

List<WebElement> allClass = driver.findElements(By.className("A"));
String targetHeader = "BB"; 

for(WebElement element : allClass){
    WebElement headerElement = element.findElement(By.tagName("h1"));
    if(headerElement.getText().equalsIgnoreCase(targetHeader)){
        WebElement thisParagraph = element.findElement(By.tagName("p"));
        thisParagraph.click();
        break;
    }
}

Answer 2

The concept is as follows:

Retrieve all elements with class name "A" and store them in a list.
Check for header text that includes "BB".
If found, select the paragraph tag of that specific class "A" index.
Click on "This".

See below for the full code implementation.

List<WebElement> allClass = driver.findElements(By.className("A"));
String targetHeader = "BB"; 

for(WebElement element : allClass){
    WebElement headerElement = element.findElement(By.tagName("h1"));
    if(headerElement.getText().equalsIgnoreCase(targetHeader)){
        WebElement thisParagraph = element.findElement(By.tagName("p"));
        thisParagraph.click();
        break;
    }
}

Answer 3

Answer №2

If you want to locate and select the link labeled This contained within a div with the class name BB, you can achieve this by implementing the subsequent block of code:

driver.findElement(By.xpath("//div[@class='A']/h1[text()='BB']//following::p[1]")).click();

Answer 4

If you want to locate and select the link labeled This contained within a div with the class name BB, you can achieve this by implementing the subsequent block of code:

driver.findElement(By.xpath("//div[@class='A']/h1[text()='BB']//following::p[1]")).click();

Answer 5

Answer №3

Give this XPath a shot

//div[@class='X']//h2[text()='YY']//following::q

OR

//div[contains(@class,'X')]//h2[text()='YY']//following::q

Sample Code:

WebElement clickAction= driver.findElement(By.xpath("//div[contains(@class,'X')]//h2[text()='YY']//following::q"));
clickAction.findElement(By.xpath("q[text()=='That']")).click();

Answer 6

Give this XPath a shot

//div[@class='X']//h2[text()='YY']//following::q

OR

//div[contains(@class,'X')]//h2[text()='YY']//following::q

Sample Code:

WebElement clickAction= driver.findElement(By.xpath("//div[contains(@class,'X')]//h2[text()='YY']//following::q"));
clickAction.findElement(By.xpath("q[text()=='That']")).click();

Exploring Selenium with Java: Uncovering the Method to Locate and Identify a Specific Nested Element When Sharing Identical Parent Elements

Answer №1

Answer №2

Answer №3

Similar questions

Formatting text and images in CSS

The concept of reusing tests within TestNG

Loading CSS files in Next.js can sometimes require additional time for the styles to

Navigate to the first item on the menu in the Chrome browser

Unable to modify the font color to white on the CSS navigation bar

Switch up the text inside a div using jQuery

Understanding the scope of variables in HTML files, JavaScript files, and PHP files when echoing statements

Tips for preventing flex items from having equal height when collapsing

After running my CSS through the validator at http://www.css-validator.org/validator, I encountered a Parse Error. Any suggestions on how I can resolve this issue?

When provided with no input, the function will output true

How to Utilize USB Devices with Node-Webkit?

Using a Do/While loop in combination with the setTimeout function to create an infinite loop

jQuery SlideOver - Arranging Divs in a horizontal layout

Basic color scheme

jscrollpane does not work properly in Firefox, but it functions correctly in Chrome

I am experiencing an issue with using double quotation marks in VS Code

Tips for integrating PHP with HTML5 while developing a Blackberry native application that utilizes Blackberry websockets

Top tips for implementing a two-way relationship in an object-oriented model

Centered alignment with extra margin

Creating a visualization tool for Pareto analysis with Javascript, Html, and JSON