Selenium Click a non-button element

Question

So I am trying to click a element that is not a button element, the html code is below:

<div class="menu-item-header">
   <span class="header-title"><span class="icon-wrapper"><i class="icon-helper"></i></span>Help
   </span> <!--When a client clicks this it redirects them to the appropriate place (this is a React website)-->
</div>

The original website looks something like this:

<div class="menu-item-header">
   <span class="header-title"><span class="icon-wrapper"><i class="icon-helper"></i></span>Help
   </span> <!---->
</div>
<div class="menu-item-header">
   <span class="header-title"><span class="icon-wrapper"><i class="icon-helper2"></i></span>Help2
   </span> <!---->
</div>
...

I have tried the following method to click the element:

WebElement element = browser.findElement(...);
element.click();

however that did not work.

however that did not work What error are you getting?

KunduK
– KunduK

2020-07-14 16:20:37 +00:00
Commented Jul 14, 2020 at 16:20 — KunduK
– KunduK, Commented Jul 14, 2020 at 16:20

undetected Selenium · Accepted Answer · 2020-07-14 17:49:38Z

1

The desired element is a React element so to click on the element with text as Help you need to induce WebDriverWait for the elementToBeClickable() and you can use either of the following xpath based Locator Strategy:

new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//div[@class='menu-item-header']/span[@class='header-title' and contains(., 'Help')]"))).click();

answered Jul 14, 2020 at 17:49

undetected Selenium

194k44 gold badges304 silver badges387 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

javier123454321 · Accepted Answer · 2020-07-14 16:09:00Z

0

You can always default to JavaScript.

driver.execute_script("document.getElementById('#<id>').click()");

Or, if it only has a class identifier:

driver.execute_script("document.getElementsByClassName('.<classname>')[0].click()")

That being said, it does not meet accessibility standards to use spans or divs as buttons for functionality, so if you have access to the codebase, or can influence it, I would strongly suggest using a button instead.

answered Jul 14, 2020 at 16:09

javier123454321

614 bronze badges

Collectives™ on Stack Overflow

Selenium Click a non-button element

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related