1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/toolkit/content/tests/chrome/test_popup_moveToAnchor.xul Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,84 @@
1.4 +<?xml version="1.0"?>
1.5 +<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
1.6 +<?xml-stylesheet href="chrome://mochikit/content/tests/SimpleTest/test.css" type="text/css"?>
1.7 +
1.8 +<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
1.9 +
1.10 + <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
1.11 + <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>
1.12 +
1.13 +<vbox align="start">
1.14 + <button id="button1" label="Button 1" style="margin-top: 50px;"/>
1.15 + <button id="button2" label="Button 2" style="margin-top: 60px;"/>
1.16 +</vbox>
1.17 +
1.18 +<menupopup id="popup" onpopupshown="popupshown()" onpopuphidden="SimpleTest.finish()">
1.19 + <menuitem label="One"/>
1.20 + <menuitem label="Two"/>
1.21 +</menupopup>
1.22 +
1.23 +<script>
1.24 +SimpleTest.waitForExplicitFinish();
1.25 +
1.26 +function runTest(id)
1.27 +{
1.28 + $("popup").openPopup($("button1"), "after_start");
1.29 +}
1.30 +
1.31 +function popupshown()
1.32 +{
1.33 + var popup = $("popup");
1.34 + var popupheight = popup.getBoundingClientRect().height;
1.35 + var button1rect = $("button1").getBoundingClientRect();
1.36 + var button2rect = $("button2").getBoundingClientRect();
1.37 +
1.38 + checkCoords(popup, button1rect.left, button1rect.bottom, "initial");
1.39 +
1.40 + popup.moveToAnchor($("button1"), "after_start", 0, 8);
1.41 + checkCoords(popup, button1rect.left, button1rect.bottom + 8, "move anchor top + 8");
1.42 +
1.43 + popup.moveToAnchor($("button1"), "after_start", 6, -10);
1.44 + checkCoords(popup, button1rect.left + 6, button1rect.bottom - 10, "move anchor left + 6, top - 10");
1.45 +
1.46 + popup.moveToAnchor($("button1"), "before_start", -2, 0);
1.47 + checkCoords(popup, button1rect.left - 2, button1rect.top - popupheight, "move anchor before_start");
1.48 +
1.49 + popup.moveToAnchor($("button2"), "before_start");
1.50 + checkCoords(popup, button2rect.left, button2rect.top - popupheight, "move button2");
1.51 +
1.52 + popup.moveToAnchor($("button1"), "end_before");
1.53 + checkCoords(popup, button1rect.right, button1rect.top, "move anchor end_before");
1.54 +
1.55 + popup.moveToAnchor($("button2"), "after_start", 5, 4);
1.56 + checkCoords(popup, button2rect.left + 5, button2rect.bottom + 4, "move button2 left + 5, top + 4");
1.57 +
1.58 + popup.moveTo($("button1").boxObject.screenX + 10, $("button1").boxObject.screenY + 12);
1.59 + checkCoords(popup, button1rect.left + 10, button1rect.top + 12, "move to button1 screen with offset");
1.60 +
1.61 + popup.moveToAnchor($("button1"), "after_start", 1, 2);
1.62 + checkCoords(popup, button1rect.left + 1, button1rect.bottom + 2, "move button2 after screen");
1.63 +
1.64 + popup.hidePopup();
1.65 +}
1.66 +
1.67 +function checkCoords(popup, expectedx, expectedy, testid)
1.68 +{
1.69 + var rect = popup.getBoundingClientRect();
1.70 + is(Math.round(rect.left), Math.round(expectedx), testid + " left");
1.71 + is(Math.round(rect.top), Math.round(expectedy), testid + " top");
1.72 +}
1.73 +
1.74 +SimpleTest.waitForFocus(runTest);
1.75 +
1.76 +</script>
1.77 +
1.78 +<body xmlns="http://www.w3.org/1999/xhtml">
1.79 +<p id="display">
1.80 +</p>
1.81 +<div id="content" style="display: none">
1.82 +</div>
1.83 +<pre id="test">
1.84 +</pre>
1.85 +</body>
1.86 +
1.87 +</window>
