Capybara 元素在使用 firefox 时不可点击

Question

我有一个在 Firefox 中运行的 Capybara/Cucumber 测试，它不会单击 svg 元素。我对其他相同类型的元素进行了等效测试，但 Capybara 告诉我这个特定元素的错误：

Element is not clickable at point (1179.5, 172.96665954589844). Other element would receive the click: <svg height="124" width="290"></svg> (Selenium::WebDriver::Error::UnknownError)

点击的样子：

find("#partner-profit-chart svg g.pie-slice._1").click

实际站点托管在这里http://mrr.devtechlab.com/mrr-dashboard.html，它不会点击的元素是右侧的第三个饼图。我可以单击其他饼图就好了，但不知何故 Selenium 认为它会单击包含仅此图表元素的 SVG ???

编辑： 最终使用以下方法手动单击 d3 元素（jquery click 不适用于 d3 元素仅供参考）：

execute_script(
%Q(
  jQuery.fn.d3Click = function () {
    this.each(function (i, e) {
      var evt = new MouseEvent("click");
      e.dispatchEvent(evt);
    });
  };
  $("#partner-profit-chart svg g.pie-slice._1 path").d3Click();

)

)

Answer 1

Selenium 尝试单击元素边界框的中间。这里的问题是，对于高度凹入的形状，边界框的中心实际上并不在元素中，因此点击会转到封装的 svg 元素。由于此页面使用 jQuery，您最好的选择可能是使用 #execute_script 来查找元素并触发点击它。