The Tor Browser / file comparison
comparison: toolkit/content/tests/chrome/window_titlebar.xul
toolkit/content/tests/chrome/window_titlebar.xul
- branch
- TOR_BUG_3246
- changeset 7
- 129ffea94266
equal
deleted
inserted
replaced
| -1:000000000000 | 0:d40ec75ff9d0 |
|---|---|
| 1 <?xml version="1.0"?> | |
| 2 <?xml-stylesheet href="chrome://global/skin" type="text/css"?> | |
| 3 <!-- | |
| 4 XUL Widget Test for the titlebar element and window dragging | |
| 5 --> | |
| 6 <window title="Titlebar" width="200" height="200" | |
| 7 xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> | |
| 8 | |
| 9 <script type="application/javascript" | |
| 10 src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"/> | |
| 11 | |
| 12 <titlebar id="titlebar"> | |
| 13 <label id="label" value="Titlebar"/> | |
| 14 </titlebar> | |
| 15 | |
| 16 <!-- a non-noautohide panel is treated as anchored --> | |
| 17 <panel id="panel" onpopupshown="popupshown(this, false)" onpopuphidden="popuphidden('panelnoautohide')"> | |
| 18 <titlebar> | |
| 19 <label id="panellabel" value="Titlebar"/> | |
| 20 </titlebar> | |
| 21 </panel> | |
| 22 | |
| 23 <panel id="panelnoautohide" noautohide="true" | |
| 24 onpopupshown="popupshown(this, false)" onpopuphidden="popuphidden('panelanchored')"> | |
| 25 <titlebar> | |
| 26 <label id="panellabelnoautohide" value="Titlebar"/> | |
| 27 </titlebar> | |
| 28 </panel> | |
| 29 | |
| 30 <panel id="panelanchored" noautohide="true" | |
| 31 onpopupshown="popupshown(this, true)" onpopuphidden="popuphidden('paneltop')"> | |
| 32 <titlebar> | |
| 33 <label id="panellabelanchored" value="Titlebar"/> | |
| 34 </titlebar> | |
| 35 </panel> | |
| 36 | |
| 37 <panel id="paneltop" noautohide="true" level="top" | |
| 38 onpopupshown="popupshown(this, false)" onpopuphidden="popuphidden('panelfloating')"> | |
| 39 <titlebar> | |
| 40 <label id="panellabeltop" value="Titlebar"/> | |
| 41 </titlebar> | |
| 42 </panel> | |
| 43 | |
| 44 <panel id="panelfloating" noautohide="true" level="floating" | |
| 45 onpopupshown="popupshown(this, false)" onpopuphidden="popuphidden('')"> | |
| 46 <titlebar> | |
| 47 <label id="panellabelfloating" value="Titlebar"/> | |
| 48 </titlebar> | |
| 49 </panel> | |
| 50 | |
| 51 <button id="button" label="OK"/> | |
| 52 <statusbar id="statusbar"> | |
| 53 <statusbarpanel> | |
| 54 <label id="statuslabel" value="Status"/> | |
| 55 </statusbarpanel> | |
| 56 </statusbar> | |
| 57 | |
| 58 <script> | |
| 59 <![CDATA[ | |
| 60 | |
| 61 var SimpleTest = window.opener.wrappedJSObject.SimpleTest; | |
| 62 | |
| 63 SimpleTest.waitForFocus(test_titlebar, window); | |
| 64 | |
| 65 var mouseDownTarget; | |
| 66 var origoldx, origoldy, oldx, oldy, waitSteps = 0; | |
| 67 function waitForWindowMove(element, x, y, callback, arg, panel, anchored) | |
| 68 { | |
| 69 var isPanelMove = (element.id != "label"); | |
| 70 | |
| 71 if (!waitSteps) { | |
| 72 oldx = isPanelMove ? panel.getBoundingClientRect().left : window.screenX; | |
| 73 oldy = isPanelMove ? panel.getBoundingClientRect().top : window.screenY; | |
| 74 synthesizeMouse(element, x, y, { type: "mousemove" }); | |
| 75 } | |
| 76 | |
| 77 var newx = isPanelMove ? panel.getBoundingClientRect().left : window.screenX; | |
| 78 var newy = isPanelMove ? panel.getBoundingClientRect().top : window.screenY; | |
| 79 if (newx == oldx && newy == oldy) { | |
| 80 if (waitSteps++ > 10) { | |
| 81 SimpleTest.is(window.screenX + "," + window.screenY, oldx + "," + oldy + " ", | |
| 82 "Window never moved properly to " + x + "," + y + (panel ? " " + panel.id : "")); | |
| 83 window.opener.wrappedJSObject.SimpleTest.finish(); | |
| 84 window.close(); | |
| 85 return; | |
| 86 } | |
| 87 | |
| 88 setTimeout(waitForWindowMove, 100, element, x, y, callback, arg, panel, anchored); | |
| 89 } | |
| 90 else { | |
| 91 waitSteps = 0; | |
| 92 | |
| 93 // on Linux, we need to wait a bit for the popup to be moved as well | |
| 94 if (navigator.platform.indexOf("Linux") >= 0) { | |
| 95 setTimeout(callback, 0, arg, panel, anchored); | |
| 96 } | |
| 97 else { | |
| 98 callback(arg, panel, anchored); | |
| 99 } | |
| 100 } | |
| 101 } | |
| 102 | |
| 103 function test_titlebar() | |
| 104 { | |
| 105 var titlebar = document.getElementById("titlebar"); | |
| 106 var label = document.getElementById("label"); | |
| 107 | |
| 108 // On Mac, the window can also be moved with the statusbar, but this works | |
| 109 // via the MozMouseHittest event, not via mouse events. | |
| 110 if (navigator.platform.indexOf("Mac") >= 0) { | |
| 111 var preventDefaulted; | |
| 112 | |
| 113 var statuslabel = document.getElementById("statuslabel"); | |
| 114 preventDefaulted = synthesizeMouse(statuslabel, 2, 2, { type: "MozMouseHittest" }); | |
| 115 SimpleTest.ok(preventDefaulted, "MozMouseHittest should have been defaultPrevented over statusbar"); | |
| 116 | |
| 117 var button = document.getElementById("button"); | |
| 118 preventDefaulted = synthesizeMouse(button, 2, 2, { type: "MozMouseHittest" }); | |
| 119 SimpleTest.ok(!preventDefaulted, "MozMouseHittest should NOT have been defaultPrevented over button"); | |
| 120 } | |
| 121 | |
| 122 origoldx = window.screenX; | |
| 123 origoldy = window.screenY; | |
| 124 | |
| 125 var mousedownListener = function (event) mouseDownTarget = event.originalTarget; | |
| 126 window.addEventListener("mousedown", mousedownListener, false); | |
| 127 synthesizeMouse(label, 2, 2, { type: "mousedown" }); | |
| 128 SimpleTest.is(mouseDownTarget, titlebar, "movedown on titlebar"); | |
| 129 waitForWindowMove(label, 22, 22, test_titlebar_step2, mousedownListener); | |
| 130 } | |
| 131 | |
| 132 function test_titlebar_step2(mousedownListener) | |
| 133 { | |
| 134 var titlebar = document.getElementById("titlebar"); | |
| 135 var label = document.getElementById("label"); | |
| 136 | |
| 137 SimpleTest.is(window.screenX, origoldx + 20, "move window horizontal"); | |
| 138 SimpleTest.is(window.screenY, origoldy + 20, "move window vertical"); | |
| 139 synthesizeMouse(label, 22, 22, { type: "mouseup" }); | |
| 140 | |
| 141 // with allowEvents set to true, the mouse should target the label instead | |
| 142 // and not move the window | |
| 143 titlebar.allowEvents = true; | |
| 144 | |
| 145 synthesizeMouse(label, 2, 2, { type: "mousedown" }); | |
| 146 SimpleTest.is(mouseDownTarget, label, "movedown on titlebar with allowevents"); | |
| 147 synthesizeMouse(label, 22, 22, { type: "mousemove" }); | |
| 148 SimpleTest.is(window.screenX, origoldx + 20, "mouse on label move window horizontal"); | |
| 149 SimpleTest.is(window.screenY, origoldy + 20, "mouse on label move window vertical"); | |
| 150 synthesizeMouse(label, 22, 22, { type: "mouseup" }); | |
| 151 | |
| 152 window.removeEventListener("mousedown", mousedownListener, false); | |
| 153 | |
| 154 document.getElementById("panel").openPopupAtScreen(window.screenX + 50, window.screenY + 60, false); | |
| 155 } | |
| 156 | |
| 157 function popupshown(panel, anchored) | |
| 158 { | |
| 159 var rect = panel.getBoundingClientRect(); | |
| 160 | |
| 161 // skip this check for non-noautohide panels | |
| 162 if (panel.id == "panel") { | |
| 163 var panellabel = panel.firstChild.firstChild; | |
| 164 synthesizeMouse(panellabel, 2, 2, { type: "mousedown" }); | |
| 165 waitForWindowMove(panellabel, 22, 22, popupshown_step3, rect, panel, anchored); | |
| 166 return; | |
| 167 } | |
| 168 | |
| 169 // now, try moving the window. If anchored, the popup should move with the | |
| 170 // window. If not anchored, the popup should remain at its current screen location. | |
| 171 window.moveBy(10, 10); | |
| 172 waitSteps = 1; | |
| 173 waitForWindowMove(document.getElementById("label"), 1, 1, popupshown_step2, rect, panel, anchored); | |
| 174 } | |
| 175 | |
| 176 function popupshown_step2(oldrect, panel, anchored) | |
| 177 { | |
| 178 var newrect = panel.getBoundingClientRect(); | |
| 179 | |
| 180 // The window movement that occured long ago at the beginning of the test | |
| 181 // on Linux is delayed and there isn't any way to tell when the move | |
| 182 // actually happened. This causes the checks here to fail. Instead, just | |
| 183 // wait a bit for the test to be ready. | |
| 184 if (navigator.platform.indexOf("Linux") >= 0 && | |
| 185 newrect.left != oldrect.left - (anchored ? 0 : 10)) { | |
| 186 setTimeout(popupshown_step2, 10, oldrect, panel, anchored); | |
| 187 return; | |
| 188 } | |
| 189 | |
| 190 // anchored popups should still be at the same offset. Non-anchored popups will | |
| 191 // now be offset by 10 pixels less. | |
| 192 SimpleTest.is(newrect.left, oldrect.left - (anchored ? 0 : 10), | |
| 193 panel.id + " horizontal after window move"); | |
| 194 SimpleTest.is(newrect.top, oldrect.top - (anchored ? 0 : 10), | |
| 195 panel.id + " vertical after window move"); | |
| 196 | |
| 197 var panellabel = panel.firstChild.firstChild; | |
| 198 synthesizeMouse(panellabel, 2, 2, { type: "mousedown" }); | |
| 199 waitForWindowMove(panellabel, 22, 22, popupshown_step3, newrect, panel, anchored); | |
| 200 } | |
| 201 | |
| 202 function popupshown_step3(oldrect, panel, anchored) | |
| 203 { | |
| 204 // skip this check on Linux for the same window positioning reasons as above | |
| 205 if (navigator.platform.indexOf("Linux") == -1 || (panel.id != "panelanchored" && panel.id != "paneltop")) { | |
| 206 // next, drag the titlebar in the panel | |
| 207 var newrect = panel.getBoundingClientRect(); | |
| 208 SimpleTest.is(newrect.left, oldrect.left + 20, panel.id + " move popup horizontal"); | |
| 209 SimpleTest.is(newrect.top, oldrect.top + 20, panel.id + " move popup vertical"); | |
| 210 synthesizeMouse(document.getElementById("panellabel"), 22, 22, { type: "mouseup" }); | |
| 211 | |
| 212 synthesizeMouse(document.getElementById("button"), 5, 5, { type: "mousemove" }); | |
| 213 newrect = panel.getBoundingClientRect(); | |
| 214 SimpleTest.is(newrect.left, oldrect.left + 20, panel.id + " horizontal after mouse on button"); | |
| 215 SimpleTest.is(newrect.top, oldrect.top + 20, panel.id + " vertical after mouse on button"); | |
| 216 } | |
| 217 else { | |
| 218 synthesizeMouse(document.getElementById("panellabel"), 22, 22, { type: "mouseup" }); | |
| 219 } | |
| 220 | |
| 221 panel.hidePopup(); | |
| 222 } | |
| 223 | |
| 224 function popuphidden(nextPopup) | |
| 225 { | |
| 226 if (nextPopup) { | |
| 227 var panel = document.getElementById(nextPopup); | |
| 228 if (panel.id == "panelnoautohide") { | |
| 229 panel.openPopupAtScreen(window.screenX + 50, window.screenY + 60, false); | |
| 230 } | |
| 231 else { | |
| 232 panel.openPopup(document.getElementById("button"), "after_start"); | |
| 233 } | |
| 234 } | |
| 235 else | |
| 236 window.opener.wrappedJSObject.done(window); | |
| 237 } | |
| 238 | |
| 239 ]]> | |
| 240 </script> | |
| 241 | |
| 242 </window> |
