Choosing an element with Selenium based on another element's attributes

Question

Choosing an element with Selenium based on another element's attributes

My current project involves using Selenium and Java to interact with a table. I am trying to create a selector that can locate a specific column in the table and perform a right-click action on it. The challenge I am facing is that while it's easy to identify the column based on unique lstype values, I am unable to directly right-click on it. As a workaround, I need to click on the box directly below the column.

Here is an example of what the table looks like: Table

And here is the simplified HTML structure:

<div class="head">
    <table>
        <tbody>
            <tr>
                <td class="game" lstype="124"></td>
                <td class="game" lstype="245"></td>
                <td class="game" lstype="873"></td>
            </tr>
        </tbody>
    </table>
</div>
<div class="body">
    <table id="extractBody">
        <tbody>
            <tr>
                <td class="game"></td>
                <td class="game"></td>
                <td class="game"></td>
            </tr>
        </tbody>
    </table>
</div>

The td elements in the "head" section correspond to the header boxes (highlighted in green), while those in the "body" section are the clickable elements.

I am struggling to figure out how to target the lower boxes based on the lstype values present in the header boxes. Even though I have only shown 3 columns in this example, there are many more in the actual table along with rows.

Any guidance on the use of xpaths or any other approach would be greatly appreciated as I have not been successful with my previous attempts.

Thank you for your assistance!

java html css selenium xpath

Answer 1

Answer №1

Assuming you can identify the row using a specific xpath, and that the rows are sorted. In this case, you can use the following XPath to locate the desired row:

.//table[@id='extractBody']//tr/td[count(//td[@lstype='124']/preceding-sibling::td) + 1]

This XPath counts the number of TD elements before the current node, adds 1 to it (considering your current node as the second one), and then locates the element in that column with:

.//table[@id='extractBody']//tr/td[desiredcount]

You can then interact with or click on the identified element.

Answer 2

Assuming you can identify the row using a specific xpath, and that the rows are sorted. In this case, you can use the following XPath to locate the desired row:

.//table[@id='extractBody']//tr/td[count(//td[@lstype='124']/preceding-sibling::td) + 1]

This XPath counts the number of TD elements before the current node, adds 1 to it (considering your current node as the second one), and then locates the element in that column with:

.//table[@id='extractBody']//tr/td[desiredcount]

You can then interact with or click on the identified element.

Answer 3

Answer №2

If you're looking to automate tasks, there are two methods you can try. The first method involves using a Mozilla plugin called Selenium IDE. This plugin will track all your actions like clicks and movements, allowing you to export the recorded data in different formats such as Java classes.

The second method is by adding unique identifiers to each checkbox in the body element and referencing them when needed. While using XPath might be more complex, it can be a fallback option if the other methods fail.

Answer 4

If you're looking to automate tasks, there are two methods you can try. The first method involves using a Mozilla plugin called Selenium IDE. This plugin will track all your actions like clicks and movements, allowing you to export the recorded data in different formats such as Java classes.

The second method is by adding unique identifiers to each checkbox in the body element and referencing them when needed. While using XPath might be more complex, it can be a fallback option if the other methods fail.

Answer 5

Answer №3

To simplify the process, start by locating all td elements that have the game class.

List<WebElement> gameElements = webDriver.findElements(By.cssSelector("td.game");

Next, iterate through these elements to find the target element. Once found, add half of the total list size to its index and click on it.

int count = 0;
for(WebElement element: gameElements){
  if (element.getAttribute("lstype").equals({searchTerm})) {
    gameElements.get(count + (gameElement.size()/2)).click();
  }
  count++;
}

This method assumes an equal number of elements in both tables for accurate results.

Answer 6

To simplify the process, start by locating all td elements that have the game class.

List<WebElement> gameElements = webDriver.findElements(By.cssSelector("td.game");

Next, iterate through these elements to find the target element. Once found, add half of the total list size to its index and click on it.

int count = 0;
for(WebElement element: gameElements){
  if (element.getAttribute("lstype").equals({searchTerm})) {
    gameElements.get(count + (gameElement.size()/2)).click();
  }
  count++;
}

This method assumes an equal number of elements in both tables for accurate results.

Choosing an element with Selenium based on another element's attributes

Answer №1

Answer №2

Answer №3

Similar questions

Maintaining checked items in their original state while searching for another one in ion-searchbar can be achieved by properly handling

Interactive pop-up text box for data cells in a table

I prefer to disable the toggle feature if the target remains unchanged

Assign a specific style to Fancybox links and buttons for managing the functions of 'next', 'previous', and 'close'

What is the best way to implement the useCallback hook in Svelte?

Having trouble interacting with the 'button' in selenium webdriver using Java

Utilizing an external SCSS or CSS file with Material UI in React: A step-by-step guide

Methods to fill a data table cell

magnify within a div with a set width

The website on iPad automatically zooms in upon opening and then increases the zoom level even further when a specific button is tapped

The div content is aligning at the baseline rather than the middle

Display a color box popup when a radio button is selected

Manage the application of CSS media queries using JavaScript

What is the best way to modify the underline style of a tab in Material UI?

Steps for executing ASP code pulled from the database

Confirm the email address using the autocomplete feature in the field

jQuery: Locate and eliminate any images in the text that appear after a specific group of tags if no images are present

Executing Selenium tests with TestNG framework and Jenkins

HTML - Lists Not Displaying Properly in Numerical Order

Navigational tabs have been implemented in multiple independent sets, eliminating the need for multiple scripts to manage hiding content on click events