nightwatch.js - 如何点击div中的某个位置

Question

我想在(非全屏)模式对话框下方的全屏 div 上执行单击。但是，单击事件似乎自动定位到我的背景 div 的中心，从而触摸了该 div 顶部的内容(模态对话框本身)。

如何指定点击应该发生的位置？

这是我的 click 命令的详细输出:
Element is not clickable at point (640, 436). Other element would receive the click: <label class="btn btn-default ">...

Answer 1

问题的根源是通过屏幕坐标而不是直接向元素发送 mouseclick 事件来进行 selenium 点击。因此它无法逐点找到可点击的元素(如详细输出中所述)。

有两种可能的解决方法(针对您的情况):

1)按不与模态对话框重叠的元素位置单击(适用于全屏div):

.moveToElement('.backdrop', 900, 10) // 900 is X offset
.mouseButtonClick(0)

2) 更好的通用解决方案。通过注入(inject)的javascript直接发送点击事件:

.execute(function(selector) {
      document.querySelector(selector).click();
   }, ['.backdrop'])