为什么有些元素存在但不可交互/显示？

Question

我对测试非常陌生，试图更好地理解到底发生了什么。我发现我们的一些测试代码失败时，css选择器元素有一个waitUntilCanInteract或waitUntilDisplay附加到它，即使当我做一个铬检查元素显示在浏览器中。把它们改成等待直到存在让它们到达一个转折点，所以我想知道到底是什么造成了这种情况？

Answer 1

简单的回答是，有时当设计者在网页上工作时，特别是在基础CSS框架或引导程序上工作时，他们故意隐藏原始CSS/HTML标签和元素，同时放置基础或基于引导的设计覆盖，如页面上的花键按钮，这会导致原始元素被隐藏。

最好的方法可能是：

I.您可以声明一个WebElement，同时调用一个元素来精确定位它，并使用moveToElement命令而不是简单地调用FindElement。by.xxxxx例如：

//*** Calling a WebElement and using moveToElement command***//

WebElement (anyElementname) = browser.findElement(By.partialLinkText("xxxxxxxxxxx"));
          action.moveToElement(anyElementname).perform();
//*** Waiting for 8 seconds***//          
Thread.sleep(8000, 80000);

二.您可以使用“等待”来提供页面加载时间和元素之间的交互

三、 避免复制覆盖的css元素集，尤其是xpath，而是从Div/button/li的原始源中复制xpath

让我知道它是否适合你。干杯

Answer 2

嗯，开发商决定这样做。

请参见，元素可以存在于DOM上，但不可见或不可交互。但不是相反。

如果您的测试在等待时通过，否则失败，如果您想让它们通过，您可能必须延长等待期。但这只是我的猜测，没有看到你的任何代码。

Answer 3

精确地说，硒涉及元素的三种独特状态。

>

html中是否存在元素：元素的这种状态可以通过ExpectedConditionpresenceOfElementLocated（）检测，其中的期望是检查元素是否存在于页面的DOM中。这并不一定意味着元素是可见的。

>

Exmaple：

WebElement element = new WebDriverWait(driver, 20).until(ExpectedConditions.presenceOfElementLocated(By.cssSelector("css_of_element")));

html中元素的可见性：可以通过ExpectedConditionvisibilityOfElementLocated（）检测元素的这种状态，其中的期望是检查元素是否存在于页面的DOM中并且可见。可见性意味着不仅显示图元，而且其高度和宽度都大于0。

>

Exmaple：

WebElement element = new WebDriverWait(driver, 20).until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector("css_of_element")));

可单击的元素：可以通过ExpectedConditionelementToBeClickable（）检测元素的这种状态，期望检查元素是否可见并启用，以便您可以单击它。

>

Exmaple：

WebElement element = new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("css_of_element")));

您可以在Selenium中找到详细的讨论：检查元素的存在