dojo JavaScript模拟右键单击代码

0s7z1bwu  于 2022-12-08  发布在  Dojo
关注(0)|答案(5)|浏览(218)

我正在使用Selenium编写一些UI测试,我有一个JavaScript树控件,使用Dojo工具包。
我已经使用Dojo提供的示例为树的每个节点实现了一个上下文菜单,但是我需要Selenium测试来“调用”树节点上的右键单击,但是我无法使其工作。测试只是不通过JavaScript模拟右键单击事件,并且上下文菜单不显示。
有没有人有过使用Dojo和Selenium调用右键单击上下文菜单的经验?或者有什么想法?

hts6caw3

hts6caw31#

我试着这样做,事情没有完全工作的原因是上下文菜单实际上被绑定到oncontextmenu事件。

function contextMenuClick(element){
    var evt = element.ownerDocument.createEvent('MouseEvents');

    var RIGHT_CLICK_BUTTON_CODE = 2; // the same for FF and IE

    evt.initMouseEvent('contextmenu', true, true,
         element.ownerDocument.defaultView, 1, 0, 0, 0, 0, false,
         false, false, false, RIGHT_CLICK_BUTTON_CODE, null);

    if (document.createEventObject){
        // dispatch for IE
       return element.fireEvent('onclick', evt)
     }
    else{
       // dispatch for firefox + others
      return !element.dispatchEvent(evt);
    }
}
btqmn9zl

btqmn9zl2#

为了更好地衡量,这里有一点关于参数的文档:

var myEvt = document.createEvent('MouseEvents');
myEvt.initMouseEvent(
   'click'          // event type
   ,true           // can bubble?
   ,true           // cancelable?
   ,window      // the event's abstract view (should always be window)
   ,1              // mouse click count (or event "detail")
   ,100           // event's screen x coordinate
   ,200           // event's screen y coordinate
   ,100           // event's client x coordinate
   ,200           // event's client y coordinate
   ,false         // whether or not CTRL was pressed during event
   ,false         // whether or not ALT was pressed during event
   ,false         // whether or not SHIFT was pressed during event
   ,false         // whether or not the meta key was pressed during event
   ,1             // indicates which button (if any) caused the mouse event (1 = primary button)
   ,null          // relatedTarget (only applicable for mouseover/mouseout events)
);
qxsslcnc

qxsslcnc3#

问得好!
我做了一些研究,似乎可以通过将buttonwhich属性设置为2(在此处记录)来触发is shown here之类的鼠标事件,并使其成为右键单击。
也许这段代码可以工作:

function rightClick(element){
  var evt = element.ownerDocument.createEvent('MouseEvents');

  var RIGHT_CLICK_BUTTON_CODE = 2; // the same for FF and IE

  evt.initMouseEvent('click', true, true,
      element.ownerDocument.defaultView, 1, 0, 0, 0, 0, false,
      false, false, false, RIGHT_CLICK_BUTTON_CODE, null);

  if (document.createEventObject){
    // dispatch for IE
    return element.fireEvent('onclick', evt)
  }
  else{
    // dispatch for firefox + others
    return !element.dispatchEvent(evt);
  }
}
bkhjykvo

bkhjykvo4#

如果你不关心上下文菜单在哪里启动,这里是一个更正确的版本

function fireContextMenu(el) {
  var evt = el.ownerDocument.createEvent("HTMLEvents")
  evt.initEvent('contextmenu', true, true) // bubbles = true, cancelable = true

  if (document.createEventObject) {
    return el.fireEvent('oncontextmenu', evt)
  }
  else {
    return !el.dispatchEvent(evt)
  }
}

如果你这样做,我们可能不得不使用前一个,修复它在IE中的行为,并适当地填充screenX,screenY,clientX,clientY等

kupeojn6

kupeojn65#

我在firefox和chrome中尝试了这个方法,但是调度contextmenu事件并不能使浏览器打开上下文菜单。事件被触发是因为我对oncontextmenu的回调被触发了,但是上下文菜单仍然没有。有人有什么想法吗,因为我使用了上面的所有代码示例?

相关问题