通过Selenium中的Java交互API移动到不透明度为0的WebElement

Question

考虑以下

<select id="invisi_select" style="opacity:0;">
    <option selected value="apples">Apples</option>
    <option value="oranges">Oranges</option>
</select>

它用于模拟id显示的不可见元素，通过将opacity设置为0来实现。

虽然元素不可见，但用户实际上可以与它进行交互。如果我在浏览器中打开页面并单击元素的位置，选择菜单就会打开。我相信这也是为什么WebElement#isDisplayed（）会为这个元素返回true，这也是这些旧问题的建议：

• https://github.com/seleniumhq/selenium-google-code-issue-archive/issues/1610
• https://github.com/seleniumhq/selenium-google-code-issue-archive/issues/1941

为了执行诸如点击之类的操作，我们最近出于几个原因切换到Java interactions API，例如，为了防止ElementClickInterceptedExceptions（请注意，这不是关于重构一系列Selenium测试，这是在Selenium API之上运行的通用操作执行器的上下文中发生的）然而，如果我这样做：

WebElement applesOption = /* get apples option */
new Actions(webDriver).moveToElement(applesOption)
        .click()
        .perform();

移动到元素会引发以下异常：

org.openqa.selenium.JavascriptException: javascript error: Failed to execute 'elementsFromPoint' on 'Document': The provided double value is non-finite.

我猜这是因为通过WebDriver Actions API的elementsFromPoint（）似乎为这样的透明元素返回了一个“非有限”的双精度？

有没有办法在使用Actions时防止这种情况发生？也许，除了检查元素是否可单击（预期条件#elementToBeClickable（...）），我还必须解析-这听起来很可怕-属性，如不透明度？




Answer 1

此错误消息。。。

org.openqa.selenium.JavascriptException: javascript error: Failed to execute 'elementsFromPoint' on 'Document': The provided double value is non-finite.

...意味着WebDriver实例由于一个或其他原因无法专注于元素：

• 当您尝试与元素交互时，它没有正确加载。
• 元素没有得到焦点。

不使用Java交互API，您可以使用Select类，也可以使用以下任一定位器策略：

>

Select s = new Select(driver.findElement(By.cssSelector("select#invisi_select")));
s.selectByValue("apples");

使用xpath和selectByVisibleText（）：

Select s = new Select(driver.findElement(By.xpath("//select[@id='invisi_select']")));
s.selectByVisibleText("Apples");

你可以在以下网站上找到一些相关的详细讨论：

• javascript错误：未能在“文档”上执行“elementsFromPoint”：提供的双精度值是非有限的

Answer 2

我刚刚在本地尝试了您的示例文件，下面的代码正常工作。

WebElement e = driver.findElement(By.id("invisi_select"));
Select select = new Select(e);
select.selectByValue("apples");
System.out.println(select.getFirstSelectedOption().getText());
select.selectByValue("oranges");
System.out.println(select.getFirstSelectedOption().getText());

它会打印

Apples
Oranges