How to click on Angular element via selenium webdriver?

Question

Need one more help on below to click() on Ask me later button.

<div align="center" class="mar-b0">
  <button class="custom-green md-button md-ink-ripple no-margin md-button"
          type="button" ng-transclude="" ng-click="vm.goHome();">
     <span class="ng-binding ng-scope">Ask me later</span>
  </button>
</div>

I have tried with below code -

new WebDriverWait(driver, 20)
.until(ExpectedConditions.elementToBeClickable(
     By.xpath("//span[@class='ng-binding ng-scope' and contains(.,
              'ASK ME LATER')]"))).click();

what happens when your code executes does it click or throws any exception? — Dev, Dec 17 '19 at 10:26

undetected Selenium · Answer 1 · 2019-12-17T09:55:20.633

0

The element is Angular element so to click() on the element you have to induce WebDriverWait for the element to be clickable and you can use either of the following Locator Strategies:

Using cssSelector:

new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("button.custom-green.md-button.md-ink-ripple.no-margin.md-button[ng-click*='goHome']>span.ng-binding.ng-scope"))).click();

Using xpath:

new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//button[@class='custom-green md-button md-ink-ripple no-margin md-button' and contains(@ng-click, 'goHome')]/span[@class='ng-binding ng-scope' and text()='Ask me later']"))).click();

edited Dec 17 '19 at 09:55

answered Dec 17 '19 at 09:41

undetected Selenium

183,867
41
278
352

Thankyou for your support. Above code works but only works for one time. Do i need to initialize it or please suggest how to proceed. – Priya Dec 17 '19 at 10:23
@ShipraSaxena This solution is specific to the ` – undetected Selenium Dec 17 '19 at 10:25

How to click on Angular element via selenium webdriver?

1 Answers1