How to click a button when all the elements are same except the innerText

Question

Hi i am new to Automation testing and got stuck with the clicking the button with same class name.I want to click the specific button when all the classes and id are same for all the section.

<div class="race-category-block">
<div class="info-block race-detail-block">
<a href="organizer-view-race?race=38"><div class="about-race">
<p class="race-name">Vsd</p>
<div class="date-location has-v-line-group">
<span class="has-v-line">28-01-2020 </span>
<span class="has-v-line no-v-line">Chennai</span>
<span style="display:none" id="raceDirectorName">Raajesh</span>
</div>
</div>
</a>
<div class="race-detail-status"></div>
<div class="race-detail-button-block">
<button class="btn btn-outline add-race" data-value="38">Add a race</button>
</div>
</div>
</div>

The above section is repeated for number of times

`Here I want to click the button in the button tag "Add a race" using the text in the Vsd

. because the text will only be the unique to choose, other class and ids are used many times in the same page.

Have you tried this XPath `//button[contains(text(),'Add a race')]` ? — jithinkmatthew, Mar 04 '20 at 13:27
@jithinkmatthew thanks for your response, I found one working solution and I posted it. — karthi, Mar 05 '20 at 06:04
@GregBurghard thanks for your response, I found this working now Event_name=driver.find_element_by_xpath("//p[text()='Vsd']") Event_name.find_element_by_xpath("//button[@class='btn btn-outline add-race']").click() — karthi, Mar 05 '20 at 06:05

score 0 · Answer 1 · answered Mar 04 '20 at 15:55

You can make an array of all the elements with the same ID.

IList<IWebElement> Buttons = driver.FindElements(By.CssSelector("button.btn.btn-outline.add-race"));

And after you can click any of those Buttons, you can write in the console how many buttons are called, and you can later click again.

Buttons[1].Click();
Buttons[2].Click();

score 0 · Accepted Answer · answered Mar 04 '20 at 16:03

0

I think you could use the following xpath to find based on text in Vsd element and click corresponding "Add a race" button.

Xpath that could be used:

"//p[@class='race-name' and text()='Vsd']/parent::div/parent::a/following-sibling::div/button"

answered Mar 04 '20 at 16:03

Gleeson

231
2
5

score 0 · Answer 3 · answered Mar 04 '20 at 17:02

As the desired element is having the unique text Add a race so to locate and click() on the element you have to induce WebDriverWait for the elementToBeClickable() and you can use either of the following Locator Strategies:

Using Java and xpath with innerText:

new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//button[@class='btn btn-outline add-race' and text()='Add a race']"))).click();

Using Python and CSS_SELECTOR:

WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "div.race-detail-button-block>button.btn.btn-outline.add-race"))).click()

Note : You have to add the following imports:

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC

score 0 · Answer 4 · answered Mar 05 '20 at 00:53

0

You can use the XPath locator to click the desired button

//p[text()='Vsd']//following::button

answered Mar 05 '20 at 00:53

JeffC

22,180
5
32
55

score 0 · Answer 5 · edited Mar 05 '20 at 23:00

0

Actually this worked for me

Event_name=driver.find_element_by_xpath("//p[text()='Vsd']")
Event_name.find_element_by_xpath("//button[@class='btn btn-outline add-race']").click()

edited Mar 05 '20 at 23:00

undetected Selenium

183,867
41
278
352

answered Mar 05 '20 at 06:02

karthi

3
3

score -1 · Answer 6 · edited Mar 04 '20 at 18:11

you can use index Xpath:

this.driver.findElement(By.xpath("/html/body/div/div/div[2]/button")).click();

please cross verify the XPath value, you can use chrome to identify the XPath by: 1. right-click on the button 2. select inspect 3. on the right element page you need to right-click on the element and copy -> full XPath

please note that using XPath is not recommended because the automation will be broken if any change will be done on the HTML structure.

How to click a button when all the elements are same except the innerText

6 Answers6