The Tor Browser: toolkit/content/tests/chrome/window_largemenu.xul@6474c204b198 (annotated)

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

toolkit/content/tests/chrome/window_largemenu.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"?>
 <window title="Large Menu Tests"
         xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
   <script type="application/javascript"
           src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"/>
 <!--
   This test checks that a large menu is displayed with arrow buttons
   and is on the screen.
   -->
 <script>
 <![CDATA[
 var gOverflowed = false, gUnderflowed = false;
 var gContextMenuTests = false;
 var gScreenY = -1;
 var gTestIndex = 0;
 var gTests = ["open normal", "open flipped position", "open with scrolling",
               "open after scrolling", "open small again",
               "menu movement", "panel movement",
               "context menu enough space below",
               "context menu more space above",
               "context menu too big either side",
               "context menu larger than screen"];
 function getScreenXY(element)
 {
   var screenX, screenY;
   var mouseFn = function(event) {
     screenX = event.screenX - 1;
     screenY = event.screenY - 1;
   }
   // a hacky way to get the screen position of an element without using the box object
   window.addEventListener("mousedown", mouseFn, false);
   synthesizeMouse(element, 1, 1, { });
   window.removeEventListener("mousedown", mouseFn, false);
   return [screenX, screenY];
 }
 function hidePopup() {
   window.requestAnimationFrame(
     function() {
       setTimeout(
         function() {
           document.getElementById("popup").hidePopup();
         }, 0);
     });
 }
 function runTests()
 {
   [, gScreenY] = getScreenXY(document.documentElement);
   nextTest();
 }
 function nextTest()
 {
   gOverflowed = false, gUnderflowed = false;
   var y = screen.height;
   if (gTestIndex == 1) // open flipped position test:
     y -= 100;
   else
     y /= 2;
   var popup = document.getElementById("popup");
   if (gTestIndex == 2) {
     // add some more menuitems so that scrolling will be necessary
     for (var t = 1; t <= 30; t++) {
       var menu = document.createElement("menuitem");
       menu.setAttribute("label", "More" + t);
       popup.appendChild(menu);
     }
   }
   else if (gTestIndex == 4) {
     for (var t = 1; t <= 30; t++)
       popup.removeChild(popup.lastChild);
   }
   window.requestAnimationFrame(function() {
     setTimeout(
       function() {
         popup.openPopupAtScreen(100, y, false);
       }, 0);
   });
 }
 function popupShown()
 {
   if (gTests[gTestIndex] == "menu movement")
     return testPopupMovement();
   if (gContextMenuTests)
     return contextMenuPopupShown();
   var popup = document.getElementById("popup");
   var rect = popup.getBoundingClientRect();
   var sbo = document.getAnonymousNodes(popup)[0].scrollBoxObject;
   var expectedScrollPos = 0;
   if (gTestIndex == 0) {
     // the popup should be in the center of the screen
     // note that if the height is odd, the y-offset will have been rounded
     // down when we pass the fractional value to openPopupAtScreen above.
     is(Math.round(rect.top) + gScreenY, Math.floor(screen.height / 2),
                               gTests[gTestIndex] + " top");
     ok(Math.round(rect.bottom) + gScreenY < screen.height,
                                 gTests[gTestIndex] + " bottom");
     ok(!gOverflowed && !gUnderflowed, gTests[gTestIndex] + " overflow")
   }
   else if (gTestIndex == 1) {
     // the popup was supposed to open 100 pixels from the bottom, but that
     // would put it off screen so it should be flipped to have its bottom
     // edge 100 pixels from the bottom
     ok(Math.round(rect.top) + gScreenY >= screen.top, gTests[gTestIndex] + " top");
     is(Math.round(rect.bottom) + gScreenY, screen.height - 100,
                                 gTests[gTestIndex] + " bottom");
     ok(!gOverflowed && !gUnderflowed, gTests[gTestIndex] + " overflow")
   }
   else if (gTestIndex == 2) {
     // the popup is too large so ensure that it is on screen
     ok(Math.round(rect.top) + gScreenY >= screen.top, gTests[gTestIndex] + " top");
     ok(Math.round(rect.bottom) + gScreenY <= screen.height, gTests[gTestIndex] + " bottom");
     ok(gOverflowed && !gUnderflowed, gTests[gTestIndex] + " overflow")
     sbo.scrollTo(0, 40);
     expectedScrollPos = 40;
   }
   else if (gTestIndex == 3) {
     expectedScrollPos = 40;
   }
   else if (gTestIndex == 4) {
     // note that if the height is odd, the y-offset will have been rounded
     // down when we pass the fractional value to openPopupAtScreen above.
     is(Math.round(rect.top) + gScreenY, Math.floor(screen.height / 2),
                               gTests[gTestIndex] + " top");
     ok(Math.round(rect.bottom) + gScreenY < screen.height,
                                 gTests[gTestIndex] + " bottom");
     ok(!gOverflowed && gUnderflowed, gTests[gTestIndex] + " overflow")
   }
   var sx = { }, sy = { };
   sbo.getPosition(sx, sy);
   is(sy.value, expectedScrollPos, "menu scroll position");
   hidePopup();
 }
 function is(l, r, n) { window.opener.wrappedJSObject.SimpleTest.is(l,r,n); }
 function ok(v, n) { window.opener.wrappedJSObject.SimpleTest.ok(v,n); }
 var oldx, oldy, waitSteps = 0;
 function moveWindowTo(x, y, callback, arg)
 {
   if (!waitSteps) {
     oldx = window.screenX;
     oldy = window.screenY;
     window.moveTo(x, y);
     waitSteps++;
     setTimeout(moveWindowTo, 100, x, y, callback, arg);
     return;
   }
   if (window.screenX == oldx && window.screenY == oldy) {
     if (waitSteps++ > 10) {
       ok(false, "Window never moved properly to " + x + "," + y);
       window.opener.wrappedJSObject.SimpleTest.finish();
       window.close();
     }
     setTimeout(moveWindowTo, 100, x, y, callback, arg);
   }
   else {
     waitSteps = 0;
     callback(arg);
   }
 }
 function popupHidden()
 {
   gTestIndex++;
   if (gTestIndex == gTests.length) {
     window.opener.wrappedJSObject.SimpleTest.finish();
     window.close();
   }
   else if (gTests[gTestIndex] == "context menu enough space below") {
     gContextMenuTests = true;
     moveWindowTo(window.screenX, screen.availTop + 10,
       function () synthesizeMouse(document.getElementById("label"), 4, 4, { type: "contextmenu", button: 2 }));
   }
   else if (gTests[gTestIndex] == "menu movement") {
     document.getElementById("popup").openPopup(
       document.getElementById("label"), "after_start", 0, 0, false, false);
   }
   else if (gTests[gTestIndex] == "panel movement") {
     document.getElementById("panel").openPopup(
       document.getElementById("label"), "after_start", 0, 0, false, false);
   }
   else if (gContextMenuTests) {
     contextMenuPopupHidden();
   }
   else {
     nextTest();
   }
 }
 function contextMenuPopupShown()
 {
   var popup = document.getElementById("popup");
   var rect = popup.getBoundingClientRect();
   var labelrect = document.getElementById("label").getBoundingClientRect();
   is(rect.left, labelrect.left + 6, gTests[gTestIndex] + " left");
   switch (gTests[gTestIndex]) {
     case "context menu enough space below":
       is(rect.top, labelrect.top + 6, gTests[gTestIndex] + " top");
       break;
     case "context menu more space above":
       is(rect.top, labelrect.top - rect.height + 2, gTests[gTestIndex] + " top");
       break;
     case "context menu too big either side":
       [, gScreenY] = getScreenXY(document.documentElement);
       // compare against the available size as well as the total size, as some
       // platforms allow the menu to overlap os chrome and others do not
       var pos = (screen.availTop + screen.availHeight - rect.height) - gScreenY;
       var availPos = (screen.top + screen.height - rect.height) - gScreenY;
       ok(rect.top == pos || rect.top == availPos,
          gTests[gTestIndex] + " top");
       break;
     case "context menu larger than screen":
       ok(rect.top == -(gScreenY - screen.availTop) || rect.top == -(gScreenY - screen.top), gTests[gTestIndex] + " top");
       break;
   }
   hidePopup();
 }
 function contextMenuPopupHidden()
 {
   var screenAvailBottom = screen.availTop + screen.availHeight;
   if (gTests[gTestIndex] == "context menu more space above") {
     moveWindowTo(window.screenX, screenAvailBottom - 80, nextContextMenuTest, -1);
   }
   else if (gTests[gTestIndex] == "context menu too big either side") {
     moveWindowTo(window.screenX, screenAvailBottom / 2 - 80, nextContextMenuTest, screenAvailBottom / 2 + 120);
   }
   else if (gTests[gTestIndex] == "context menu larger than screen") {
     nextContextMenuTest(screen.availHeight + 80);
   }
 }
 function nextContextMenuTest(desiredHeight)
 {
   if (desiredHeight >= 0) {
     var popup = document.getElementById("popup");
     var height = popup.getBoundingClientRect().height;
     var itemheight = document.getElementById("firstitem").getBoundingClientRect().height;
     while (height < desiredHeight) {
       var menu = document.createElement("menuitem");
       menu.setAttribute("label", "Item");
       popup.appendChild(menu);
       height += itemheight;
     }
   }
   synthesizeMouse(document.getElementById("label"), 4, 4, { type: "contextmenu", button: 2 });
 }
 function testPopupMovement()
 {
   var button = document.getElementById("label");
   var isPanelTest = (gTests[gTestIndex] == "panel movement");
   var popup = document.getElementById(isPanelTest ? "panel" : "popup");
   var screenX, screenY, buttonScreenX, buttonScreenY;
   var rect = popup.getBoundingClientRect();
   var overlapOSChrome = (navigator.platform.indexOf("Mac") == -1);
   popup.moveTo(1, 1);
   [screenX, screenY] = getScreenXY(popup);
   var expectedx = 1, expectedy = 1;
   if (!isPanelTest && !overlapOSChrome) {
     if (screen.availLeft >= 1) expectedx = screen.availLeft;
     if (screen.availTop >= 1) expectedy = screen.availTop;
   }
   is(screenX, expectedx, gTests[gTestIndex] + " (1, 1) x");
   is(screenY, expectedy, gTests[gTestIndex] + " (1, 1) y");
   popup.moveTo(100, 8000);
   if (isPanelTest) {
     expectedy = 8000;
   }
   else {
     expectedy = (overlapOSChrome ? screen.height + screen.top : screen.availHeight + screen.availTop) -
                 Math.round(rect.height);
   }
   [screenX, screenY] = getScreenXY(popup);
   is(screenX, 100, gTests[gTestIndex] + " (100, 8000) x");
   is(screenY, expectedy, gTests[gTestIndex] + " (100, 8000) y");
   popup.moveTo(6000, 100);
   if (isPanelTest) {
     expectedx = 6000;
   }
   else {
     expectedx = (overlapOSChrome ? screen.width + screen.left : screen.availWidth + screen.availLeft) -
                 Math.round(rect.width);
   }
   [screenX, screenY] = getScreenXY(popup);
   is(screenX, expectedx, gTests[gTestIndex] + " (6000, 100) x");
   is(screenY, 100, gTests[gTestIndex] + " (6000, 100) y");
   is(popup.left, "", gTests[gTestIndex] + " left is empty after moving");
   is(popup.top, "", gTests[gTestIndex] + " top is empty after moving");
   popup.setAttribute("left", "80");
   popup.setAttribute("top", "82");
   [screenX, screenY] = getScreenXY(popup);
   is(screenX, 80, gTests[gTestIndex] + " set left and top x");
   is(screenY, 82, gTests[gTestIndex] + " set left and top y");
   popup.moveTo(95, 98);
   [screenX, screenY] = getScreenXY(popup);
   is(screenX, 95, gTests[gTestIndex] + " move after set left and top x");
   is(screenY, 98, gTests[gTestIndex] + " move after set left and top y");
   is(popup.left, "95", gTests[gTestIndex] + " left is set after moving");
   is(popup.top, "98", gTests[gTestIndex] + " top is set after moving");
   popup.removeAttribute("left");
   popup.removeAttribute("top");
   popup.moveTo(-1, -1);
   [screenX, screenY] = getScreenXY(popup);
   [buttonScreenX, buttonScreenY] = getScreenXY(button);
   is(screenX, buttonScreenX, gTests[gTestIndex] + " original x");
   is(screenY, buttonScreenY + button.getBoundingClientRect().height, gTests[gTestIndex] + " original y");
   popup.hidePopup();
 }
 window.opener.wrappedJSObject.SimpleTest.waitForFocus(runTests, window);
 ]]>
 </script>
 <button id="label" label="OK" context="popup"/>
 <menupopup id="popup" onpopupshown="popupShown();" onpopuphidden="popupHidden();"
                       onoverflow="gOverflowed = true" onunderflow="gUnderflowed = true;">
   <menuitem id="firstitem" label="1"/>
   <menuitem label="2"/>
   <menuitem label="3"/>
   <menuitem label="4"/>
   <menuitem label="5"/>
   <menuitem label="6"/>
   <menuitem label="7"/>
   <menuitem label="8"/>
   <menuitem label="9"/>
   <menuitem label="10"/>
   <menuitem label="11"/>
   <menuitem label="12"/>
   <menuitem label="13"/>
   <menuitem label="14"/>
   <menuitem label="15"/>
 </menupopup>
 <panel id="panel" onpopupshown="testPopupMovement();" onpopuphidden="popupHidden();" style="margin: 0">
   <button label="OK"/>
 </panel>
 </window>

The Tor Browser / annotate

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

toolkit/content/tests/chrome/window_largemenu.xul