无法在 selenium webdriver 中找到 Web 应用程序的元素

Question

我正在尝试使用 selenium webdriver 单击按钮

driver.findElement(By.xpath(".//*[@id='addLog']")).click();

但我得到一个错误

org.openqa.selenium.WebDriverException: unknown error: Element <button id="addLog" type="button" class="btn btn-awh1" onclick="addLog()">...</button> is not clickable at point (516, 209). Other element would receive the click: <div id="BBOverlay" style="opacity: 0.216303; width: 1034px; height: 506px;"></div>

HTML：

<!-- Operation Button -->
<div class="row">
    <div class="col-md-12">
        <div class="form-group">
            <div class="col-md-4" />
            <div class="col-md-4" style="text-align: center;">
                <div class="btn-group">
                    <button id="addLog" class="btn btn-awh1" type="button"     onclick="addLog()">
                    Create My Health Log
                      <i class="fa fa-plus" aria-hidden="true"/>
                    </button>
                </div>
            </div>
            <div class="col-md-4" />
        </div>
    </div>
    <!-- End Of Operation Button -->
</div>

这个操作按钮之前的代码是

  <!-- Nav tabs -->
    <ul class="nav nav-tabs" role="tablist">
    <li class="active" role="presentation">
    <a href="#log" aria-controls="log" role="tab" data-toggle="tab">My Health Log</a>
    </li>
    <li role="presentation">
    <a href="#details" aria-controls="details" role="tab" data-toggle="tab">My Health Details</a>
    </li>
    <li role="presentation">
    <li role="presentation">
    </ul>
    <!-- Tab panes -->
    <div class="tab-content" style="margin-top:25px">
    <!-- My Health Log -->
    <div id="log" class="tab-pane active center" role="tabpanel">

感谢任何帮助。

Answer 1

如果您阅读了错误消息，则表明有一个元素覆盖了您尝试单击的元素。我不确定元素是什么

<div id="BBOverlay" style="opacity: 0.216303; width: 1034px; height: 506px;"></div>

但从 id 来看，它看起来像是某种叠加层。我会等待该元素不可见，然后单击所需的按钮。鉴于您提供的信息，我无法确定这是否有效，因此您必须尝试并告诉我。

new WebDriverWait(driver, 10).until(ExpectedConditions.invisibilityOfElementLocated(By.id("BBOverlay")));
driver.findElement(By.id("addLog")).click();

Answer 2

试试下面的xpath，如果它适合你：

driver.findElement(By.xpath("//button[contains(text(),'Create My Health Log')]")).click();

或

driver.findElement(By.xpath("//button[@class='btn btn-awh1']")).click();

或

driver.findElement(By.xpath("//button[@id='addLog'][@class='btn btn-awh1']")).click();

或

driver.findElement(By.cssSelector(".btn-group #addLog")).click();

或

driver.findElement(By.cssSelector(".row .form-group .col-md-4 .btn-group #addLog")).click();

我猜该元素在页面下方，您需要滚动查看它： 我猜这会起作用

WebElement elements = driver.findElement(By.xpath("//button[@class='btn btn-awh1']"))   
Thread.sleep(3000L);
JavascriptExecutor js = (JavascriptExecutor) driver;
int yPosition = elements.getLocation().getY();
js.executeScript("window.scroll (0, " + yPosition + ") ");
Thread.sleep(3000L);
driver.findElement(By.xpath("//button[@class='btn btn-awh1']")).click();

让我知道它们是否适合你。