Selenium WebDriver: clicking a visible button inside a row of a table

dannydvo10 Published at Dev

dannydvo10

My apology as this question is quite long.

To be more specific, I am trying to click on the Pencil icon (Edit button) that is shown on the 4th row

Here's the code I tried to execute:

WebElement ele = driver.findElement(By.xpath("//a[contains(@title, 'Edit Row')]"));
JavascriptExecutor executor = (JavascriptExecutor)driver;
Executor1.executeScript("arguments[0].click();", ele);

And here's the HTML code

After I ran the selenium code, the driver actually clicked on the Edit button of the 1st row (Administration | NA) instead of the 4th. I found out that not only the 1st but other rows also have the same HTML code, only difference was that the Pencil/Edit button is hidden because I wasn't the one that created the values of that row.

I did try with the following code as well:

driver.findElement(By.xpath("//a[contains(@title, 'Edit Row')]")).click();

I then received the error

element is not currently visible and so may not be interacted with

It seems the driver was still looking at the hidden Edit button in the first row, instead of the obvious visible one in 4th.

Is there anyway that I could click on the Edit button based on the value instead of the row number? The reason is that in the future, the value I enter for testing may not end up in 4th but 1st or 10th row.

Last but not least, my Safari can't seem to run the JS Executor code, everytime I gave it a go, the following error returned:

org.openqa.selenium.WebDriverException: 'undefined' is not a function (WARNING: The server did not provide any stacktrace information)

Can someone shed some light on this for me as well?

Cheers

dannydvo10

Thanks murali and JeffC for the suggestions, I have managed to get the driver to click on the displayed Pencil with this:

List<WebElement> EditButtons = driver.findElements(By.cssSelector("a[title='Edit Row']"));

        for(WebElement button : EditButtons) {
         if(button.isDisplayed()) {
             button.click();
          }
        }

Although it only solved half of the issue, I am trying to click on the displayed Edit button based on the value next to it. If I create another row with the value of 'Test234' and if the row is placed under the 4th row, the Edit button of 'Test234' won't be clicked. Any suggestion? I tried this but it doesn't seem to work, driver still clicked on the first visible edit button it saw:

List<WebElement> EditButtons = driver.findElements(By.cssSelector("a[title='Edit Row']"));
String textvalue = driver.findElement(By.xpath("//span[contains(text(),'test456')]")).getText();

        for(WebElement button : EditButtons) {
         if(button.isDisplayed() && textvalue.equalsIgnoreCase("test456")) {
             button.click();
          }
        }

UPDATE: Alright, issue resolved, I switched back to use xpath instead of cssSelector, then modified Vagnesh's suggestion (Thanks Vagnesh !!) a bit and now the driver is clicking on the visible edit button next to the text I search for without going through the loop

driver.findElement(By.xpath("//span[contains(text(), 'Enter my desired Text here')]/following::div//a[contains(@title,'Edit Row')]")).click();

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at2021-03-3

Comments

0 comments

From Dev

Related Related

Article

Selenium WebDriver: clicking a visible button inside a row of a table

Selenium WebDriver: clicking a visible button inside a row of a table

How to get table cell text based on target row with Selenium Webdriver

Selenium Webdriver: Element is not currently visible

Parse HTML table after clicking a button to make it visible

Button inside table row tr, when clicking button only do button action

Get the model when clicking a button on a table row

Selenium Java Click Radio Button That is in a Table Row

selenium webdriver to get visible row number in table

Selenium Webdriver: Element Not Visible Exception

How to find the table row number using Selenium Webdriver Java

Button not visible in Html table?

StaleElementReferenceException occurs when clicking on the buttons of a changed table (Python > Selenium Webdriver)

Delete mysql Table row by clicking submit button php

Get row id of a table row after selecting a row and clicking the button in datatables

Selenium Webdriver - Element not visible

Clicking a button which is inside another element Selenium

Clicking on a button in selenium

Selenium webdriver - clicking on checkbox based on table value

Parse HTML table after clicking a button to make it visible

Button inside table row tr, when clicking button only do button action

Get the model when clicking a button on a table row

selenium webdriver to get visible row number in table

How to get span element into table row (Selenium Webdriver)

Clicking First Visible Element of a Certain Class in Selenium

How to delete row of table with a button inside

Element not visible in selenium webdriver

how to remove the row of the table containing textbox by clicking the respective remove button

Selenium webdriver -keep clicking on next button of calendar until the month title match found using java

Show table by clicking a button

clicking a button inside table view