The Tor Browser: toolkit/content/tests/chrome/test_contextmenu

toolkit/content/tests/chrome/test_contextmenu_list.xul@6474c204b198 (annotated)

toolkit/content/tests/chrome/test_contextmenu_list.xul

Wed, 31 Dec 2014 06:09:35 +0100

author: Michael Schloh von Bennewitz <michael@schloh.com>
date: Wed, 31 Dec 2014 06:09:35 +0100
changeset 0: 6474c204b198
permissions: -rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

 <?xml version="1.0"?>
 <?xml-stylesheet href="chrome://global/skin" type="text/css"?>
 <?xml-stylesheet href="chrome://mochikit/content/tests/SimpleTest/test.css" type="text/css"?>
 <window title="Context Menu on List Tests"
         onload="setTimeout(startTest, 0);"
         xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
   <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
   <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>
 <spacer height="5"/>
 <hbox style="padding-left: 10px;">
   <spacer width="5"/>
   <richlistbox id="list" context="themenu" style="padding: 0;" oncontextmenu="checkContextMenu(event)">
     <richlistitem id="item1" style="padding-top: 3px; margin: 0;"><button label="One"/></richlistitem>
     <richlistitem id="item2" height="22"><checkbox label="Checkbox"/></richlistitem>
     <richlistitem id="item3"><button label="Three"/></richlistitem>
     <richlistitem id="item4"><checkbox label="Four"/></richlistitem>
   </richlistbox>
   <tree id="tree" rows="5" flex="1" context="themenu" style="-moz-appearance: none; border: 0">
     <treecols>
       <treecol label="Name" flex="1"/>
       <splitter class="tree-splitter"/>
       <treecol label="Moons"/>
     </treecols>
     <treechildren id="treechildren">
       <treeitem>
         <treerow>
           <treecell label="Mercury"/>
           <treecell label="0"/>
         </treerow>
       </treeitem>
       <treeitem>
         <treerow>
           <treecell label="Venus"/>
           <treecell label="0"/>
         </treerow>
       </treeitem>
       <treeitem>
         <treerow>
           <treecell label="Earth"/>
           <treecell label="1"/>
         </treerow>
       </treeitem>
       <treeitem>
         <treerow>
           <treecell label="Mars"/>
           <treecell label="2"/>
         </treerow>
        </treeitem>
     </treechildren>
   </tree>
   <menu id="menu" label="Menu">
     <menupopup id="menupopup" onpopupshown="menuTests()" onpopuphidden="nextTest()"
                oncontextmenu="checkContextMenuForMenu(event)">
       <menuitem id="menu1" label="Menu 1"/>
       <menuitem id="menu2" label="Menu 2"/>
       <menuitem id="menu3" label="Menu 3"/>
     </menupopup>
   </menu>
 </hbox>
 <menupopup id="themenu" onpopupshowing="if (gTestId == -1) event.preventDefault()"
                         onpopupshown="checkPopup()" onpopuphidden="setTimeout(nextTest, 0);">
   <menuitem label="Item"/>
 </menupopup>
 <script class="testbody" type="application/javascript">
 <![CDATA[
 SimpleTest.waitForExplicitFinish();
 var gTestId = -1;
 var gTestElement = "list";
 var gSelectionStep = 0;
 var gContextMenuFired = false;
 function startTest()
 {
   // first, check if the richlistbox selection changes on a contextmenu mouse event
   var element = $("list");
   synthesizeMouse(element.getItemAtIndex(3), 7, 1, { type : "mousedown", button: 2, ctrlKey: true });
   synthesizeMouse(element, 7, 4, { type : "contextmenu", button: 2 });
   gSelectionStep++;
   synthesizeMouse(element.getItemAtIndex(1), 7, 1, { type : "mousedown", button: 2, ctrlKey: true, shiftKey: true });
   synthesizeMouse(element, 7, 4, { type : "contextmenu", button: 2 });
   gSelectionStep++;
   synthesizeMouse(element.getItemAtIndex(1), 7, 1, { type : "mousedown", button: 2 });
   synthesizeMouse(element, 7, 4, { type : "contextmenu", button: 2 });
   $("menu").open = true;
 }
 function menuTests()
 {
   gSelectionStep = 0;
   var element = $("menu");
   synthesizeMouse(element, 0, 0, { type : "contextmenu", button: 0 });
   is(gContextMenuFired, true, "context menu fired when menu open");
   gSelectionStep = 1;
   $("menu").boxObject.QueryInterface(Components.interfaces.nsIMenuBoxObject).activeChild = $("menu2");
   synthesizeMouse(element, 0, 0, { type : "contextmenu", button: 0 });
   $("menu").open = false;
 }
 function nextTest()
 {
   gTestId++;
   if (gTestId > 2) {
     if (gTestElement == "list") {
       gTestElement = "tree";
       gTestId = 0;
     }
     else {
       SimpleTest.finish();
       return;
     }
   }
   var element = $(gTestElement);
   element.focus();
   if (gTestId == 0) {
     if (gTestElement == "list")
       element.selectedIndex = 2;
     element.currentIndex = 2;
     synthesizeMouse(element, 0, 0, { type : "contextmenu", button: 0 });
   }
   else if (gTestId == 1) {
     synthesizeMouse(element, 7, 4, { type : "contextmenu", button: 2 });
   }
   else {
     element.currentIndex = -1;
     element.selectedIndex = -1;
     synthesizeMouse(element, 0, 0, { type : "contextmenu", button: 0 });
   }
 }
 // This is nasty so I'd better explain what's going on.
 // The basic problem is that the synthetic mouse coordinate generated
 // by DOMWindowUtils.sendMouseEvent and also the synthetic mouse coordinate
 // generated internally when contextmenu events are redirected to the focused
 // element are rounded to the nearest device pixel. But this rounding is done
 // while the coordinates are relative to the nearest widget. When this test
 // is run in the mochitest harness, the nearest widget is the main mochitest
 // window, and our document can have a fractional position within that
 // mochitest window. So when we round coordinates for comparison in this
 // test, we need to do so very carefully, especially if the target element
 // also has a fractional position within our document.
 //
 // For example, if the y-offset of our containing IFRAME is 100.4px,
 // and the offset of our expected point is 10.3px in our document, the actual
 // mouse event is dispatched to round(110.7) == 111px. This comes back
 // with a clientY of round(111 - 100.4) == round(10.6) == 11. This is not
 // equal to round(10.3) as you might expect.
 function isRoundedX(a, b, msg)
 {
   is(Math.round(a + mozInnerScreenX), Math.round(b + mozInnerScreenX), msg);
 }
 function isRoundedY(a, b, msg)
 {
   is(Math.round(a + mozInnerScreenY), Math.round(b + mozInnerScreenY), msg);
 }
 function checkContextMenu(event)
 {
   var rect = $(gTestElement).getBoundingClientRect();
   var frombase = (gTestId == -1 || gTestId == 1);
   if (!frombase)
     rect = event.originalTarget.getBoundingClientRect();
   var left = frombase ? rect.left + 7 : rect.left;
   var top = frombase ? rect.top + 4 : rect.bottom;
   isRoundedX(event.clientX, left, gTestElement + " clientX " + gSelectionStep + " " + gTestId + "," + frombase);
   isRoundedY(event.clientY, top, gTestElement + " clientY " + gSelectionStep + " " + gTestId);
   ok(event.screenX > left, gTestElement + " screenX " + gSelectionStep + " " + gTestId);
   ok(event.screenY > top, gTestElement + " screenY " + gSelectionStep + " " + gTestId);
   // context menu from mouse click
   switch (gTestId) {
     case -1:
       var expected = gSelectionStep == 2 ? 1 : (navigator.platform.indexOf("Mac") >= 0 ? 3 : 0);
       is($(gTestElement).selectedIndex, expected, "index after click " + gSelectionStep);
       break;
     case 0:
       if (gTestElement == "list")
         is(event.originalTarget, $("item3"), "list selection target");
       else
         is(event.originalTarget, $("treechildren"), "tree selection target");
       break;
     case 1:
       is(event.originalTarget.id, $("item1").id, "list mouse selection target");
       break;
     case 2:
       is(event.originalTarget, $("list"), "list no selection target");
       break;
   }
 }
 function checkContextMenuForMenu(event)
 {
   gContextMenuFired = true;
   var popuprect = (gSelectionStep ? $("menu2") : $("menupopup")).getBoundingClientRect();
   is(event.clientX, Math.round(popuprect.left), "menu left " + gSelectionStep);
   // the clientY is off by one sometimes on Windows (when loaded in the testing iframe
   // but not when loaded separately) so just check for both cases for now
   ok(event.clientY == Math.round(popuprect.bottom) ||
      event.clientY - 1 == Math.round(popuprect.bottom), "menu top " + gSelectionStep);
 }
 function checkPopup()
 {
   var menurect = $("themenu").getBoundingClientRect();
   if (gTestId == 0) {
     if (gTestElement == "list") {
       var itemrect = $("item3").getBoundingClientRect();
       isRoundedX(menurect.left, itemrect.left + 2,
          "list selection keyboard left");
       isRoundedY(menurect.top, itemrect.bottom + 2,
          "list selection keyboard top");
     }
     else {
       var tree = $("tree");
       var bodyrect = $("treechildren").getBoundingClientRect();
       isRoundedX(menurect.left, bodyrect.left + 2,
          "tree selection keyboard left");
       isRoundedY(menurect.top, bodyrect.top +
          tree.treeBoxObject.rowHeight * 3 + 2,
          "tree selection keyboard top");
     }
   }
   else if (gTestId == 1) {
     // activating a context menu with the mouse from position (7, 1).
     // Add 2 pixels to these values as context menus are offset by 2 pixels
     // so that they don't appear exactly only the menu making them easier to
     // dismiss. See nsXULPopupListener.
     var elementrect = $(gTestElement).getBoundingClientRect();
     isRoundedX(menurect.left, elementrect.left + 9,
        gTestElement + " mouse left");
     isRoundedY(menurect.top, elementrect.top + 6,
        gTestElement + " mouse top");
   }
   else {
     var elementrect = $(gTestElement).getBoundingClientRect();
     isRoundedX(menurect.left, elementrect.left + 2,
        gTestElement + " no selection keyboard left");
     isRoundedY(menurect.top, elementrect.bottom + 2,
        gTestElement + " no selection keyboard top");
   }
   $("themenu").hidePopup();
 }
 ]]>
 </script>
 <body xmlns="http://www.w3.org/1999/xhtml">
 <p id="display">
 </p>
 <div id="content" style="display: none">
 </div>
 <pre id="test">
 </pre>
 </body>
 </window>

The Tor Browser / annotate

toolkit/content/tests/chrome/test_contextmenu_list.xul@6474c204b198 (annotated)

toolkit/content/tests/chrome/test_contextmenu_list.xul