如何关闭隐藏其他元素的永久元素？

Question

我不能点击一个元素，因为下拉菜单模糊了所有其他元素。

在Visual中使用Selenium，我尝试构建一个测试用例，首先单击下拉菜单中的复选框，然后单击下拉菜单之外的另一个元素。但是，在单击第一个复选框后，下拉菜单本身不会关闭。

如果你在网页浏览器上手动关闭这个下拉菜单，你只需要点击Esc或者点击下拉菜单之外的某个地方。但是当我试图使它自动化时，它就不起作用了。

我试过在剧本中按Esc-键：

Actions action = new Actions(driver);
action.SendKeys(OpenQA.Selenium.Keys.Escape);

但不起作用。它不会发送有关发送Esc-key的错误，而是在试图单击模糊元素时发送下一行超时：

OpenQA.Selenium.ElementClickInterceptedException : Element <div class="mat-radio-outer-circle"> is not clickable at point (116,608) because another element <div class="cdk-overlay-backdrop cdk-overlay-transparent-backdrop cdk-overlay-backdrop-showing"> obscures it

我也尝试过不发送Esc-键，点击下拉菜单外部，如下所示：

wait.Until(ExpectedConditions.ElementIsVisible(By.XPath("//div[3]/div[3]"))).Click();

这在Visual中不起作用，但它只使用命令click并将//div[3]/div[3]设置为目标，就可以在Selenium IDE中工作。

硒IDE实例

我尝试使用IDE中的select函数来识别下拉菜单中没有包含的其他元素。我也试过用萤火虫。但是这是唯一可以在下拉菜单之外点击的元素。

萤火虫视图

概括地说：

1. 如果我发送"Esc“的代码不正确，请告诉我。
2. 为什么Visual不能识别并单击//div[3]/div[3]即下拉列表之外的内容，而在Selenium中可以这样做呢？
3. 还有其他方法关闭下拉菜单吗？
4. 我已经读过，您总是可以单击使用javascript隐藏的元素，但是我还没有找到在C#中如何这样做的指南。如果你们知道怎么做请告诉我。

Answer 1

在这种情况下，解决方案是单击隐藏页面其余部分的元素：

driver.FindElement(By.CssSelector(".cdk-overlay-backdrop.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing")).Click();

当我这么做的时候，下拉列表就关闭了。

注意:为了能够识别元素，我必须使用CSSSelector的另一种格式。

在前面收到的错误消息中，由Visual编写的模糊元素如下所示：

cdk-overlay-backdrop cdk-overlay-transparent-backdrop cdk-overlay-backdrop-showing

但是我不能仅仅把它复制到一个CSSSelector中，似乎总是需要添加一个“”。在CSSSelector Id的开头，并将元素名称中的任何空格替换为“”。

如下所示：

.cdk-overlay-backdrop.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing

Answer 2

我总是尝试通过使用xpath或css直接选择列表项来选择列表项，而不是单击列表框并选择。这样我们就可以忽略这个麻烦，而且它也会更快。如何做到：

driver.FindElement(By.Xpath("//select[@attribute='attributeValue']/li[@attribute='attributeValue'])).click

这是Javascript方法。参考以下2链接https://seleniumhq.github.io/selenium/docs/api/java/org/openqa/selenium/JavascriptExecutor.html

ExecuteScript.htm

IWebDriver driver; // assume assigned elsewhere
IJavaScriptExecutor js = (IJavaScriptExecutor)driver;
// if you want to click on element
IWebElement element = driver.FindElement(By.CssSelector("your css locator goes here")) 

// if you want to return value from javascript and store
string title = (string)js.ExecuteScript("return document.title");

如果您想隐藏模糊元素，下面是使用js的逻辑。

element = driver.FindElement(By.Xpath("//div[@class='cdk-overlay-backdrop cdk-overlay-transparent-backdrop cdk-overlay-backdrop-showing']")); // this is the obscuring element in your case.
js.ExecuteScript("arguments[0].setAttribute("style","display: none;");",element);