Selenium: Click on a “” button

问题

I tried to click on a button. It has this structure:

<div class="button-wrapper" id="button-verify-wrapper">
       <a x-ng-click="verifySfdcConnection()" class="clearfix float-left button-green">
            <div class="icon-green icon-green-verify"></div>
            <div class="button-label ng-binding">Verify Connection</div>
        </a>
         <div x-ng-class="{'connection-verified':wizardData.inputSource.sfdc.connectionStatus}" x-ng-show="wizardData.inputSource.sfdc.connectionStatus" style="" class="connection-verified"></div>
      </div>

Any help how to do it? I tried this:

driver.findElement(By.xpath(".//*[@id='button-verify-wrapper']/a/div[1]")).click();

But it doesn't help. Thanks

回答1:

I think <a> element is clickable here. You should try to locate <a> element instead and perform click() action as below :-

using By.cssSelector() :-

driver.findElement(By.cssSelector("div#button-verify-wrapper > a")).click();

using By.linkText() :-

driver.findElement(By.linkText("Verify Connection")).click();

using By.xpath() :-

driver.findElement(By.xpath(".//a[normalize-space(.) = 'Verify Connection']")).click();

If you're still unable to perform click, try as an alternate solution using JavascriptExecutor as below :-

((JavascriptExecutor)driver).executeScript("arguments[0].cli‌ck()", driver.findElement(By.cssSelector("div#button-verify-wrapper > a")));

回答2:

You should click on the link using a css selector like:
a[x-ng-click*='verifySfdcConnection']

回答3:

driver.findElement(By.id("button-verify-wrapper")).click();

Note: 1. if ID or class name is directly given no need to use xpath, can directly use By.id and By.class 2. To perform an action on web element we should know the properties of that element ex. if it is not a button you can not perform click on it