How to click on the angularjs enabled element with ng-click

Question

I have below page and I need to click on User Login.

I am unable to locate an element to proceed with.

<a class="nav-link page-scroll login-a ng-binding" data-toggle="modal" data-target="#loginToast" href="javascript:void(0);" ng-click="vm.showLoginToast({},'login');" ng-class="{'urdu-login-mobile':language==='UR' || language==='ur'}">User Login</a>

Kindly donot post images of your code instead copy paste them so that we can debug it easily. — Prabhjot Singh Kainth
– Prabhjot Singh Kainth, Commented Dec 13, 2019 at 7:07
<a class="nav-link page-scroll login-a ng-binding" data-toggle="modal" data-target="#loginToast" href="javascript:void(0);" ng-click="vm.showLoginToast({},'login');" ng-class="{'urdu-login-mobile':language==='UR' || language==='ur'}">User Login</a> — Priya
– Priya, Commented Dec 13, 2019 at 7:12
Can you explain your question a bit more it is not clear what is the error , what is the expected output. — Prabhjot Singh Kainth
– Prabhjot Singh Kainth, Commented Dec 13, 2019 at 7:15

undetected Selenium · Accepted Answer · 2019-12-13 11:28:55Z

1

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 Java and cssSelector:

new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("a.nav-link.page-scroll.login-a.ng-binding[data-toggle='modal'][data-target$='loginToast']"))).click();

Using Python and XPATH:

WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//a[@class='nav-link page-scroll login-a ng-binding' and @data-toggle='modal'][text()='User Login']"))).click()

answered Dec 13, 2019 at 11:28

undetected Selenium

194k44 gold badges304 silver badges387 bronze badges

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

1 Comment

undetected Selenium Over a year ago

@ShipraSaxena As per StackOverflow best practices you need to raise a new question with your new requirement, Stackoverflow contributors will be happy to help you out and you can choose the best answer among several which caters to your need.

Collectives™ on Stack Overflow

How to click on the angularjs enabled element with ng-click

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related