selenium错误"element not visible"问题

如题，在使用selenium进行测试的时候，发现会出现”element not visible”的问题。环境如下：

jdk：1.8
selenium：3.3.1
webdriver：chromeDirver

如果元素不可见，那么就没有办法进行操作，如click等。

首先，分析一下什么是“element not visible”。
在selenium中，如果元素满足以下的条件，那么才是“可见的”：

• visibility != hidden
• display != none（其父元素包含此属性也是一样的）
• opacity != 0 (点击时并不会如此校验)
• height以及width 都 > 0
• 对于input标签，没有hidden属性

参考：http://stackoverflow.com/questions/6101461/how-to-force-selenium-webdriver-to-click-on-element-which-is-not-currently-visib

说一下我的案例：本来是想写一个脚本，打开浏览器，自动输入用户名密码，然后点击确定登录。这里在使用选择器的时候使用了By.className，然后使用driver.findElement(By by)方法，由于findElement方法取出的是一个WebElementlist中的第一个，而正好当时有两个元素，第一个元素的height以及weight都为0导致的。

当然，我遇到的情况比较简单，是人为失误造成的，但是还有可能有其他的情况造成类似的情况。在此总结，欢迎补充

1、页面元素没有渲染完全

这种情况，比如点击后，需要渲染页面元素，然后插入dom等操作，很有可能暂时还没有你想要的dom，那么就需要进行等待。方法有两种：

第一种：

try{
    Thread.sleep(3000);
}catch(Exception e){
    //TODO
}

这个就不多说了。

第二种：

By by = By.id('id');
//等待3s直到这个元素可以点击，否则抛出异常
new WebDriverWait(webDriver,3).until(ExpectedConditions.elementToBeClickable(by)));

这个方法，就是等待。这个ExpectedConditions条件有很多可以供你选择，比如可视等等，大家可以自己看看。

2、版本问题

我们直到selenium这个东西，历经3代，对于webdriver的支持也不太一样。在selenium3中，firefox的dirver就不是内置的了，需要手动下载，且对firefox浏览器版本也有要求，同时其他的浏览器也都有对应的驱动。总体而言在selenium2中，由于除了firefox外所有的驱动都不是官方开发的，所以说有可能出现不兼容的情况。

3、就是元素选择错了

这里要注意的就是，多用id、xpath来选择，少用className来选择。

4、需要有前置条件的

这个情况比较特殊，比如必须要在某个元素hover的情况下，才能够有一个弹框，然后才能进行一些操作，那么这个时候，就需要进行一些操作。主要就是使用Actions类进行标记：

WebDriver webDirver = new ChromeDriver();
Actions actions = new Actions(webDriver);
By by = By.id('id');
actions.moveToElement(webDriver.findElement(by)).build().perform();

//弹框出来后继续的继续的操作
//...

5、页面美化导致的情况

我们正常情况化会对元素进行一些美化，比如，文件上传的框，一般的做法就是将原有的input元素的透明度opacity设置为0，然后放在一个自己定义的好看的元素上，这样就能够点击却不能够进行其他的操作。这里如果想要对其进行其他操作，需要先把他的样式恢复过来。这里可以使用js进行恢复。使用executeScript(String s, Object... args)来进行操作，具体就不多说的。