I'm trying to click on the "OK" button in a modal alert, but for some reason I can't seem to make it work.
// Capturing alert message.
String alertMessage= driver.findElement(By.className("modal-header"))
.getText();
System.out.println(alertMessage);
String okButton= driver.findElement(By.xpath("//h4[contains(text(),'Woo Hoo! You have successfully registered! Look ou')]"))
.getText();
System.out.println(okButton);
driver.findElement(By.xpath("//button[contains(text(),'OK')]"))
.click();
Despite trying the above code, it's not functioning as expected. The error message I'm receiving in the console is:
: unknown error: Element
is not clickable at point (897, 161). Other element would receive the click:<button type="button" class="close" ng-click="goTOLogin()">...</button><div class="loader" style="display: block; opacity: 0.681626;"></div>
This is the relevant HTML code snippet:
<div id="registration" class="modal fade ng-scope in" role="dialog" style="display: block;">
<div class="modal-dialog modal-md add-brand">
<!-- Modal content-->
<div class="modal-content flat-modal">
<div class="modal-header">
<button type="button" class="close" ng-click="goTOLogin()">X</button>
<h4 class="modal-title common-title" style="" xpath="1">successfully registered</h4>
</div>
<div class="modal-body flat-body">
<div class="clearfix"></div>
<h4>Woo Hoo! You have successfully registered! Look out for the activation link in your email.</h4>
<div class="modal-footer text-left">
<button type="button" class="close" ng-click="goTOLogin()" style="">OK</button>
</div>
</div>
</div>
</div>
</div>