java - ChromeDriver——可怕的“元素在 (x, y) 点不可点击。其他元素会收到点击

Question

我有一个网络应用程序，我正在尝试为其编写 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”来跟踪操作，但当“div”显示在顶部时，Chrome webdriver 无法点击任何内容。所以你可以使用“z-index”属性来隐藏它。

C#中有一个例子:((IJavaScriptExecutor)this.Driver).ExecuteScript("arguments[0].setAttribute('style', 'z-index: -1')", popup);