如何强制Selenium WebDriver点击当前不可见的元素？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何强制Selenium WebDriver点击当前不可见的元素？相关的知识，希望对你有一定的参考价值。
我正在使用Selenium 2 Java API和FirefoxDriver。填写表单时，根据表单输入将复选框添加到页面中。
我想使用Selenium模拟这些复选框的点击。该元素在常规浏览器中可见并可用，但selenium断言元素不可见。
"Element is not currently visible and so may not be interacted with"
我可以强制硒忽略元素的不可见状态吗？如何强制Selenium与不可见元素进行交互？
Selenium通过以下标准确定元素是否可见（使用DOM检查器确定哪些css适用于您的元素，请确保查看计算样式）：
- 能见度！=隐藏
- display！= none（还针对每个父元素进行检查）
- 不透明度！= 0（不检查单击元素）
- 高度和宽度均> 0
- 对于输入，属性类型！=隐藏
您的元素符合其中一个条件。如果你没有能力改变元素的样式，那么你可以通过javascript强制执行它（自从你说Selenium2 API后就假设WebDriver）：
((JavascriptExecutor)driver).executeScript("arguments[0].checked = true;", inputElement);
但这不会触发javascript事件，如果您依赖于该输入的更改事件，您也必须触发它（许多方法都可以这样做，最容易使用该页面上加载的任何javascript库）。
能见度检查的来源 -
https://github.com/SeleniumHQ/selenium/blob/master/javascript/atoms/dom.js#L577
WebDriver规范定义了这个 -
我只是通过等待元素显示属性来解决这个错误
waitFor() { element.displayed }
我使用selenium在django站点上进行功能测试，使用bootstrap glyphicons作为模板中的链接进入ElementNotVisibleException异常：
<a href="{% url 'item-add' %}"><span class="glyphicon glyphicon-plus text-danger"></span></a>
在我的功能测试期间，未加载引导样式，然后尝试单击此类链接将引发ElementNotVisibleException。我设法让它们可点击，只需在标签中添加一个空格，就像这样：
<a href="{% url 'item-add' %}"><span class="glyphicon glyphicon-plus text-danger"> </span></a>
接受的答案对我有用。下面是一些代码，用于查找使Selenium认为不可见的父元素。
function getStyles(element){
computedStyle = window.getComputedStyle(element);
if(computedStyle.opacity === 0
|| computedStyle.display === "none"
|| computedStyle.visibility === "hidden"
|| (computedStyle.height < 0 && computedStyle.height < 0)
|| element.type === "hidden") {
console.log("Found an element that Selenium will consider to not be visible")
console.log(element);
console.log("opacity: " + computedStyle.opacity);
console.log("display: " + computedStyle.display);
console.log("visibility: " + computedStyle.visibility);
console.log("height: " + computedStyle.height);
console.log("width: " + computedStyle.width);
}
if(element.parentElement){
getStyles(element.parentElement);
}
}
getStyles(document.getElementById('REPLACE WITH THE ID OF THE ELEMENT YOU THINK IS VISIBLE BUT SELENIUM CAN NOT FIND'));要在这里添加我的沙粒：如果元素位于固定div后面，它将被视为不可见，您将无法单击它;这最近发生在我身上，我解决了它执行上面推荐的脚本，它确实：
document.evaluate("<xpath locator for element to be clicked>", document, null, XPathResult.ANY_TYPE, null).iterateNext().click()", locator);
有时这意味着页面上有多个元素具有您尝试搜索的相同属性，并且您“正在与错误的对话”。
如果您的元素不能通过：id或：name（或：class）唯一标识，则可能会很棘手。
有时通过：xpath搜索元素会有所帮助，在某些情况下甚至是不切实际的。
在这些情况下，您可能必须获取符合条件的所有元素，并通过索引引用正确的元素。它很脏，但它有效。
我正在使用Ruby on Rails应用程序中的Selenium / Watir，所以在我的例子中，例子是：
browser = Watir::Browser.new(:firefox, :profile => "default")
browser.goto("http://www.google.com/analytics")
# login
browser.divs(:text, "+ New Property").last.click
希望这可以帮助。
我遇到了类似的问题，但它与视口中不可见的元素有关。我拍了一张截图，发现浏览器窗口太窄，无法看到元素。我做了其中一个并且它有效：
driver.maximize_window()
或者您可以使用Selenium Action Class来模拟用户交互 - 例如
WebDriver = new FirefoxDriver();
WebElement menu = driver.findElement(By.xpath("")); // the triger event element
Actions build = new Actions(driver); // heare you state ActionBuider
build.moveToElement(menu).build().perform(); // Here you perform hover mouse over the needed elemnt to triger the visibility of the hidden
WebElement m2m= driver.findElement(By.xpath(""));//the previous non visible element
m2m.click();
还有另一种情况，可见元素将被识别为不可见：
- 当Element被CSS转换时
- 当元素的父元素被CSS转换时
为了检查你不想与之交互的元素是否已经转换了CSS，在CHROME上执行以下操作：
- 开放检查员
- 找到有趣的元素（或者更可能是它的父元素，假设为div元素）
- 选择“计算”选项卡
- 如果有一个参数：webkit-transform：matrix（...）则表示该元素是CSS转换的，并且selenium 2可能无法将其识别为可见元素
不可见性也可能是由于元素应该缓慢出现的时间。在这种情况下，强制浏览器稍稍等待可能会有所帮助。
参见，例如，关于让WebDriver wait until an element is present的问题。
我在Internet Explorer 9中遇到了与selenium 2相同的问题，但我的修复很奇怪。我无法点击我的表单中的输入 - >硒重复，它们是不可见的。
它发生在我的形状有弯曲的阴影 - > http://www.paulund.co.uk/creating-different-css3-box-shadows-effects：在具体的“效果2号”
我不知道，为什么以及这个伪元素解决方案如何停止硒测试，但它对我有用。
您无法强制访问/更改用户通常无法访问的元素，因为Selenium旨在模仿用户交互。
如果发生此错误，请检查是否：
- 在您的视口中可以看到元素，尝试最大化webdriver正在使用的当前窗口（例如，在node.js中使用
maximize()，在Python中使用maximize_window()）， - 你的元素没有出现两次（在同一个选择器下），你选择了错误的元素，
- 如果你的元素被隐藏，那么考虑让它可见，
- 如果您想访问/更改隐藏元素的值，尽管有限制，那么使用Javascript（例如，在node.js中使用
executeScript()，在Python中使用execute_script()）。
我只是通过添加以下内容在ror项目中使用capybara时解决了这个错误：
Capybara.ignore_elements = true
到features/support/env.rb。
以上是关于如何强制Selenium WebDriver点击当前不可见的元素？的主要内容，如果未能解决你的问题，请参考以下文章
如何强制 Selenium 忽略其他应用程序中的 ctrl/shift 操作？
如何使用 selenium webdriver 检查按钮是不是可点击
如何使用 Selenium WebDriver 检查元素是不是可点击
如何使用 Selenium WebDriver 和 Ruby 确定该元素是可点击的？