ChromeDriver--可怕的“元素在点(x，y)不能点击。其他元素将收到点击

Question

我有一个web应用程序，我试图为它编写selenium测试，但我遇到了Chrome驱动程序的问题。有一个向导类型的界面，用户可以使用它来填写表单。有一个按钮可以添加具有几个设置的行。我已经用黑色概述了这一点。蓝色矩形显示按钮的可单击区域。这个矩形的中间没有重叠其他任何东西。

问题是有一个巨大的div包含整个屏幕，Chrome说这个div会得到点击。那么，我该怎么解决这个问题呢？我不能点击这个按钮，因为周围有一个div标记，这似乎不是正确的行为。如果这是适当的行为，几乎没有什么是可点击的。

我想单击的按钮是：

 <button id="add-thisSetting" class="btn">Add This Setting</button>

周围的div是：

 <div class="application-tour-overlay"></div>

下面是一个经过缩写的html源代码：

<div id="editBase">
  <div class="edit-buttons application_edit_controls">
    <div id="thingamajigSettings" class="application_thingamajig_settings">
      <div id="thisSetting" class="application_thissetting application-tour-spotlit">
        <div class="control-title">This Setting
        </div>
        <div class="thisSetting-block">
          <div>
            <div class="scrolling-table" style="overflow-y: auto; overflow-x: hidden;">
              <div class="add-thisSetting-bar">
                <div class="btn-group pull-right">
                  <button id="add-thisSetting" class="btn">Add This Setting</button>
                  <button class="btn dropdown-toggle" data-toggle="dropdown">
                    <ul class="dropdown-menu">
                </div>
              </div>
            </div>
          </div>
          <div id="rulescontainer" class="application_rule_view">
            <div id="settings">
              <div class="edit-buttons application_edit_controls">
              </div>
            </div>
          </div>
          <div id="app_notify_manager" class="application_notify_manager">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="identityOfMe-widget-ft"></div>
<div id="jstree-marker" style="display: none;"></div>
<div class="application_tour">
  <div class="application-tour-overlay"></div>

Answer 1

有时开发人员使用全屏的“div”来跟踪操作，但Chrome webdriver不能在“div”显示在顶部时单击任何东西。所以你可以使用“z-index”属性来隐藏它。

在C#中有一个示例:((IJavaScriptExecutor)this.driver).executescript("arguments[0].setattribute('style','z-index:-1')“，弹出）；