web自动化---selenium下拉框中元素点击不准确

需求

在web自动化测试场景中，我们要选择到下拉框中得某个元素

下拉框类型

标准下拉框（select）
非标准下拉框（ul）

出现得问题

我们用selenium在点击非标准下拉框（下拉是里面的元素是动态刷新的）中的目标元素的时候，会偶先点击不正确得情况，分三种情况

1. 点击正确
2. 未点击到目标元素，出现点击偏移，点击到了其他元素目标
3. 点击异常，会抛出 XXX is not clickable at point (518, 660). Other element would receive the click XXX的异常

selenium.common.exceptions.ElementClickInterceptedException: Message: element click intercepted: Element <\button type="submit" id="submit" class="btn btn-wide btn-primary" data-loading="稍候...">...</button> is not clickable at point (518, 660). Other element would receive the click: <ul class="breadcrumb">...</ul>

分析

可能因为网络问题，下拉框元素加载慢

在代码点击之前，sleep3秒，发现没有影响，还是会点击错误

selenium获得的元素位置不正确

我们通过selenium自带的方法getLocation() 可以获得到点击目标元素的位置，获取到之后，做一个日志输出，经过分析之后，发现位置不再下拉框中，而是下拉框的下面一点，那么就可能是元素被遮挡了，然后在测试点击没有被遮挡的发现都是成功的，那么我的猜想是对的

元素被遮挡

我们在当前页面进入开发者模式，对下拉框进行个元素定位，发现，ul的高度为308px，他的父级最高高度为244px，那么我们可视的区域是244px，有两个元素是显示不出来的（但在html中是存在的，只是被遮挡了），而我们选择的元素刚好是那两个显示不出来的元素

解决方案

1. 用js去点击，不用selenium点击

JavascriptExecutor executor = (JavascriptExecutor) driver;
executor.executeScript("arguments[0].click();", webElement);

2. 我使用的方法：因为本项目中有些场景用js会点击异常，只能使用selenium去点击
   思路：我们在点击之前让元素在可视区域中居中对齐，然后在重新获取一下目标元素的位置，去作点击操作，这样就可视了，selenium也就可以点击正确了

        WebElement webElement = getWebElement(targetInfo, config, fieldName, dropValue);
        if (自定义一个条件) {
            JavascriptExecutor executor = (JavascriptExecutor) config.getDriver();
            // dom.scrollIntoViewIfNeeded()	让元素在可视区域中居中对齐
            executor.executeScript("arguments[0].scrollIntoViewIfNeeded();", webElement);

            // 重新获得元素的位置，这个是根据每个不同的情况自己写的，我们是通过xpath获得
            WebElement webElementNew = getWebElement(targetInfoNew, config, fieldName, dropValue);
            webElementNew.click();
        } else {
            webElement.click();
        }