硒/火狐：命令“.click（）”不适用于找到的元素

Question

我试图找到解决这个问题的方法，我花了很多时间，但这对我来说几乎是不可能的。

问题：我在Firefox中使用Selenium和Java。我需要找到一个元素（列表框）并点击它。因此，代码找到元素，但单击操作不起作用。它在Google Chrome中每次都能很好地工作，只是有时在Firefox中（使用相同的Java代码有时工作，有时不工作）。

当程序进入页面时，有一部分代码包含元素：

    <div id="size-btn" class="size-btn">
      <span class="selected-size">SELECCIONA TALLA </span>
      <div class="size-select" style="display: none;">
        <table>
          <tbody>
            <tr id="selecsize_2" class="product-size" data-ga-props="{action:'Seleccionar_Producto', opt_label:'Escoger_Talla'}" data-catentryid="1051607">
            <tr id="selecsize_3" class="product-size" data-ga-props="{action:'Seleccionar_Producto', opt_label:'Escoger_Talla'}" data-catentryid="1051608">
            <tr id="selecsize_4" class="product-size" data-ga-props="{action:'Seleccionar_Producto', opt_label:'Escoger_Talla'}" data-catentryid="1051609">
            <tr id="selecsize_5" class="product-size" data-ga-props="{action:'Seleccionar_Producto', opt_label:'Escoger_Talla'}" data-catentryid="1051610">
          </tbody>
        </table>
      <button class="size-guide gaViewEvent gaTrack" data-ga-props="{action:'Seleccionar_Talla', opt_label:'Guia_de_tallas'}" data-href="http://www.anyweb.com/webapp/wcs/stores/servlet/ProductGuideSizeAjaxView?catalogId=24052&categoryId=358056&langId=-5&productId=1047599&storeId=10701">Guía de tallas</button>
      </div>
    </div>

还有一部分代码在单击元素时会发生变化：

    <div id="size-btn" class="size-btn opened">

我尝试了许多解决方案，有时很有效，但下一次运行该程序时，它不再有效。

一些解决方案：

>

它找到元素，但不运行单击操作。我检查了xpath和cssSelector，发现这些表达式有唯一的元素。

driver.findElement(By.xpath("//div[@id='size-btn' and not(contains(@class,'opened'))]/span")).click(); // Also checked with By.cssSelector("span.selected-size")

我想这是因为时间的原因，所以我试图用这种方式解决它。

WebElement we = driver.findElement(By.xpath("//div[@id='size-btn' and not(contains(@class,'opened'))]/span")); // By.cssSelector("span.selected-size")
Thread.sleep(3000);
we.click();

最后，我有点绝望，我创建了一个新函数来尝试这样做近60次，寻找元素代码上的更改，如果有任何更改，只是尝试再次执行单击操作。

clickAndWaitWhileElementIsNotPresent(By.xpath("//div[@id='size-btn' and not(contains(@class,'opened'))]/span"),By.xpath("//div[@class='size-btn opened']/span")); // By.cssSelector("span.selected-size")

private void clickAndWaitWhileElementIsNotPresent(By by1, By by2) throws Exception {
    for (int second = 0;; second++) {
        if (second >= 60)
            fail("timeout");
        try {
            if (isElementPresent(by2))
            {
                break;
            }
            else
            {
                driver.findElement(by1).click();
            }
        } catch (Exception e) {
        }
        Thread.sleep(1000);
    }
}

这是元素的图像:

有人知道怎么做吗？

Answer 1

我在Firefox中也有同样的问题。技巧是点击按钮内部的文本，而不是按钮本身。

Answer 2

我不确定你为什么使用这个Xpath，如果你有自由改变Xpath，然后使用硒IDE记录元素，并使用Xpath：:p从目标下拉列表中组织（它选择相对于html标头的唯一路径），它将解决动态定位器的问题。并尝试下面提到的事件。

1-使用＜code＞单击＜code＞。

2-使用＜code＞fireevent（焦点）

3-使用< code > mouse vertically 。

Answer 3

最后，我找到了一个适用于Firefox和GoogleChrome的答案。

WebElement we = this.driver.findElement(By.id("size-btn"));

JavascriptExecutor executor = (JavascriptExecutor) driver;
executor.executeScript("arguments[0].click();", we);

waitForElementPresent(By.xpath("//div[@id='size-btn' and contains(@class,'opened')]/span"));