我根据Tony Lâmpada的回答做出了这个方法。它工作得很好。

def scroll_to(element)
  page.execute_script("window.scrollTo(#{element.native.location.x}, #{element.native.location.y})")
end

这可能会帮助那些正在使用WebdriverIO的人:

function(){
    var runInBrowser = function(argument) { 
        argument.click();
    };
    var elementToClickOn = browser.$('element');
    browser.execute(runInBrowser, elementToClickOn);
}

来源:https://www.intricatecloud.io/2018/11/webdriverio-tips-element-wrapped-in-div-is-not-clickable/

有趣的是，我花了这么多时间研究各种各样的答案，没有人尝试过显而易见的答案，当然，我也没有。如果您的页面多次使用相同的id，就像我的页面一样("newButton"，)，而您想要的id不是第一个找到的，那么您很可能会得到这个错误。最简单的事情(c#):

var testIt = driver.FindElements(By.Id("newButton"));

注意它是FindElements，而不是FindElement。

然后测试从检索中得到了多少结果。如果是第二个，你可以使用:

testit[1].Click();

或者让那些重复使用id的人来修复它们。

当驱动程序试图点击元素时，如果元素改变了位置，就会发生这种情况(我在IE中也见过这种情况)。驱动程序保留初始位置，但当它真正点击它时，该位置不再指向该元素。顺便说一句，FireFox驱动程序没有这个问题，显然它是通过编程方式“点击”元素的。

无论如何，当你使用动画或简单地动态改变元素的高度(例如$("#foo").height(500))时，就会发生这种情况。你需要确保你只点击高度已经“确定”的元素。我最终得到了这样的代码(c#绑定):

if (!(driver is FirefoxDriver))
{
    new WebDriverWait(driver, TimeSpan.FromSeconds(10)).Until(
        d => d.FindElement(By.Id(someDynamicDiv)).Size.Height > initialSize);
}

在动画或任何其他你不容易查询的因素的情况下，你可以使用一个“通用”方法，等待元素是静止的:

var prevLocation = new Point(Int32.MinValue, Int32.MinValue);
int stationaryCount = 0;
int desiredStationarySamples = 6; //3 seconds in total since the default interval is 500ms
return new WebDriverWait(driver, timeout).Until(d => 
{
    var e = driver.FindElement(By.Id(someId));
    if (e.Location == prevLocation)
    {
        stationaryCount++;
        return stationaryCount == desiredStationarySamples;
    }

    prevLocation = e.Location;
    stationaryCount = 0;
    return false;
});

我在硒驱动的Chrome窗口开得太小的情况下见过这种情况。要点击的元素不在视口中，因此正在失败。

这听起来合乎逻辑……真正的用户必须调整窗口大小或滚动，以便能够看到元素，并实际上单击它。

在指示selenium驱动程序适当地设置窗口大小后，这个问题就消失了。这里描述了webdriver API。

错误信息解释:

错误消息只是说，您想要单击的元素存在，但它不可见。它可能被什么东西覆盖，或者暂时看不见。

元素在测试时不可见的原因有很多。请重新分析您的页面，并为您的情况找到合适的解决方案。

特殊情况的解决方案:

在我的例子中，当我刚刚点击的屏幕元素的工具提示出现在我想要点击的下一步元素上时，就发生了这个错误。离焦是我需要的解决方案。

快速解决散焦的方法是点击屏幕另一部分的其他元素，这些元素“没有”反应。点击动作后什么都不会发生。 正确的解决方案是在弹出工具提示的元素上调用element.blur()，这将使工具提示消失。