diff options
Diffstat (limited to 'toolkit/content/tests/chrome/window_tooltip.xul')
| -rw-r--r-- | toolkit/content/tests/chrome/window_tooltip.xul | 311 |
1 files changed, 0 insertions, 311 deletions
diff --git a/toolkit/content/tests/chrome/window_tooltip.xul b/toolkit/content/tests/chrome/window_tooltip.xul deleted file mode 100644 index 087c91c3e..000000000 --- a/toolkit/content/tests/chrome/window_tooltip.xul +++ /dev/null @@ -1,311 +0,0 @@ -<?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="Tooltip Tests" - 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> - <script type="application/javascript" src="popup_shared.js"></script> - -<tooltip id="thetooltip"> - <label id="label" value="This is a tooltip"/> -</tooltip> - -<box id="parent" tooltiptext="Box Tooltip" style="margin: 10px"> - <button id="withtext" label="Tooltip Text" tooltiptext="Button Tooltip" - style="-moz-appearance: none; padding: 0;"/> - <button id="without" label="No Tooltip" style="-moz-appearance: none; padding: 0;"/> - <!-- remove the native theme and borders to avoid some platform - specific sizing differences --> - <button id="withtooltip" label="Tooltip Element" tooltip="thetooltip" - class="plain" style="-moz-appearance: none; padding: 0;"/> - <iframe id="childframe" type="content" width="10" height="10" - src="http://sectest2.example.org:80/chrome/toolkit/content/tests/chrome/popup_childframe_node.xul"/> -</box> - -<script class="testbody" type="application/javascript"> -<![CDATA[ - -var gOriginalWidth = -1; -var gOriginalHeight = -1; -var gButton = null; - -function runTest() -{ - startPopupTests(popupTests); -} - -function checkCoords(event) -{ - // all but one test open the tooltip at the button location offset by 6 - // in each direction. Test 5 opens it at 4 in each direction. - var mod = (gTestIndex == 5) ? 4 : 6; - - var rect = gButton.getBoundingClientRect(); - var popupstyle = window.getComputedStyle(gButton, ""); - is(event.clientX, Math.round(rect.left + mod), - "step " + (gTestIndex + 1) + " clientX"); - is(event.clientY, Math.round(rect.top + mod), - "step " + (gTestIndex + 1) + " clientY"); - ok(event.screenX > 0, "step " + (gTestIndex + 1) + " screenX"); - ok(event.screenY > 0, "step " + (gTestIndex + 1) + " screenY"); -} - -var popupTests = [ -{ - testname: "hover tooltiptext attribute", - events: [ "popupshowing #tooltip", "popupshown #tooltip" ], - test: function() { - gButton = document.getElementById("withtext"); - disableNonTestMouse(true); - synthesizeMouse(gButton, 2, 2, { type: "mouseover" }); - synthesizeMouse(gButton, 4, 4, { type: "mousemove" }); - synthesizeMouse(gButton, 6, 6, { type: "mousemove" }); - disableNonTestMouse(false); - } -}, -{ - testname: "close tooltip", - events: [ "popuphiding #tooltip", "popuphidden #tooltip", - "DOMMenuInactive #tooltip" ], - test: function() { - disableNonTestMouse(true); - synthesizeMouse(document.documentElement, 2, 2, { type: "mousemove" }); - disableNonTestMouse(false); - } -}, -{ - testname: "hover inherited tooltip", - events: [ "popupshowing #tooltip", "popupshown #tooltip" ], - test: function() { - gButton = document.getElementById("without"); - disableNonTestMouse(true); - synthesizeMouse(gButton, 2, 2, { type: "mouseover" }); - synthesizeMouse(gButton, 4, 4, { type: "mousemove" }); - synthesizeMouse(gButton, 6, 6, { type: "mousemove" }); - disableNonTestMouse(false); - } -}, -{ - testname: "hover tooltip attribute", - events: [ "popuphiding #tooltip", "popuphidden #tooltip", - "DOMMenuInactive #tooltip", - "popupshowing thetooltip", "popupshown thetooltip" ], - test: function() { - gButton = document.getElementById("withtooltip"); - gExpectedTriggerNode = gButton; - disableNonTestMouse(true); - synthesizeMouse(gButton, 2, 2, { type: "mouseover" }); - synthesizeMouse(gButton, 4, 4, { type: "mousemove" }); - synthesizeMouse(gButton, 6, 6, { type: "mousemove" }); - disableNonTestMouse(false); - }, - result: function(testname) { - var tooltip = document.getElementById("thetooltip"); - gExpectedTriggerNode = null; - is(tooltip.triggerNode, gButton, testname + " triggerNode"); - is(document.popupNode, null, testname + " document.popupNode"); - is(document.tooltipNode, gButton, testname + " document.tooltipNode"); - - var child = $("childframe").contentDocument; - var evt = child.createEvent("Event"); - evt.initEvent("click", true, true); - child.documentElement.dispatchEvent(evt); - is(child.documentElement.getAttribute("data"), "xnull", - "cannot get tooltipNode from other document"); - - var buttonrect = document.getElementById("withtooltip").getBoundingClientRect(); - var rect = tooltip.getBoundingClientRect(); - var popupstyle = window.getComputedStyle(document.getElementById("thetooltip"), ""); - - is(Math.round(rect.left), - Math.round(buttonrect.left + parseFloat(popupstyle.marginLeft) + 6), - testname + " left position of tooltip"); - is(Math.round(rect.top), - Math.round(buttonrect.top + parseFloat(popupstyle.marginTop) + 6), - testname + " top position of tooltip"); - - var labelrect = document.getElementById("label").getBoundingClientRect(); - ok(labelrect.right < rect.right, testname + " tooltip width"); - ok(labelrect.bottom < rect.bottom, testname + " tooltip height"); - - gOriginalWidth = rect.right - rect.left; - gOriginalHeight = rect.bottom - rect.top; - } -}, -{ - testname: "click to close tooltip", - events: [ "popuphiding thetooltip", "popuphidden thetooltip", - "command withtooltip", "DOMMenuInactive thetooltip" ], - test: function() { - gButton = document.getElementById("withtooltip"); - synthesizeMouse(gButton, 2, 2, { }); - }, - result: function(testname) { - var tooltip = document.getElementById("thetooltip"); - is(tooltip.triggerNode, null, testname + " triggerNode"); - is(document.popupNode, null, testname + " document.popupNode"); - is(document.tooltipNode, null, testname + " document.tooltipNode"); - } -}, -{ - testname: "hover tooltip after size increased", - events: [ "popupshowing thetooltip", "popupshown thetooltip" ], - test: function() { - var label = document.getElementById("label"); - label.removeAttribute("value"); - label.textContent = "This is a longer tooltip than before\nIt has multiple lines\nIt is testing tooltip sizing\n"; - gButton = document.getElementById("withtooltip"); - disableNonTestMouse(true); - synthesizeMouse(gButton, 2, 2, { type: "mouseover" }); - synthesizeMouse(gButton, 6, 6, { type: "mousemove" }); - synthesizeMouse(gButton, 4, 4, { type: "mousemove" }); - disableNonTestMouse(false); - }, - result: function(testname) { - var buttonrect = document.getElementById("withtooltip").getBoundingClientRect(); - var rect = document.getElementById("thetooltip").getBoundingClientRect(); - var popupstyle = window.getComputedStyle(document.getElementById("thetooltip"), ""); - var buttonstyle = window.getComputedStyle(document.getElementById("withtooltip"), ""); - - is(Math.round(rect.left), - Math.round(buttonrect.left + parseFloat(popupstyle.marginLeft) + 4), - testname + " left position of tooltip"); - is(Math.round(rect.top), - Math.round(buttonrect.top + parseFloat(popupstyle.marginTop) + 4), - testname + " top position of tooltip"); - - var labelrect = document.getElementById("label").getBoundingClientRect(); - ok(labelrect.right < rect.right, testname + " tooltip width"); - ok(labelrect.bottom < rect.bottom, testname + " tooltip height"); - - // make sure that the tooltip is larger than it was before by just - // checking against the original height plus an arbitrary 15 pixels - ok(gOriginalWidth + 15 < rect.right - rect.left, testname + " tooltip is wider"); - ok(gOriginalHeight + 15 < rect.bottom - rect.top, testname + " tooltip is taller"); - } -}, -{ - testname: "close tooltip with hidePopup", - events: [ "popuphiding thetooltip", "popuphidden thetooltip", - "DOMMenuInactive thetooltip" ], - test: function() { - document.getElementById("thetooltip").hidePopup(); - }, -}, -{ - testname: "hover tooltip after size decreased", - events: [ "popupshowing thetooltip", "popupshown thetooltip" ], - autohide: "thetooltip", - test: function() { - var label = document.getElementById("label"); - label.value = "This is a tooltip"; - gButton = document.getElementById("withtooltip"); - disableNonTestMouse(true); - synthesizeMouse(gButton, 2, 2, { type: "mouseover" }); - synthesizeMouse(gButton, 4, 4, { type: "mousemove" }); - synthesizeMouse(gButton, 6, 6, { type: "mousemove" }); - disableNonTestMouse(false); - }, - result: function(testname) { - var buttonrect = document.getElementById("withtooltip").getBoundingClientRect(); - var rect = document.getElementById("thetooltip").getBoundingClientRect(); - var popupstyle = window.getComputedStyle(document.getElementById("thetooltip"), ""); - var buttonstyle = window.getComputedStyle(document.getElementById("withtooltip"), ""); - - is(Math.round(rect.left), - Math.round(buttonrect.left + parseFloat(popupstyle.marginLeft) + 6), - testname + " left position of tooltip"); - is(Math.round(rect.top), - Math.round(buttonrect.top + parseFloat(popupstyle.marginTop) + 6), - testname + " top position of tooltip"); - - var labelrect = document.getElementById("label").getBoundingClientRect(); - ok(labelrect.right < rect.right, testname + " tooltip width"); - ok(labelrect.bottom < rect.bottom, testname + " tooltip height"); - - is(gOriginalWidth, rect.right - rect.left, testname + " tooltip is original width"); - is(gOriginalHeight, rect.bottom - rect.top, testname + " tooltip is original height"); - } -}, -{ - testname: "hover tooltip at bottom edge of screen", - events: [ "popupshowing thetooltip", "popupshown thetooltip" ], - autohide: "thetooltip", - condition: function() { - // Only checking OSX here because on other platforms popups and tooltips behave the same way - // when there's not enough space to show them below (by flipping vertically) - // However, on OSX most popups are not flipped but tooltips are. - return navigator.platform.indexOf("Mac") > -1; - }, - test: function() { - var buttonRect = document.getElementById("withtext").getBoundingClientRect(); - var windowY = screen.height - - (window.mozInnerScreenY - window.screenY ) - buttonRect.bottom; - - moveWindowTo(window.screenX, windowY, function() { - gButton = document.getElementById("withtooltip"); - disableNonTestMouse(true); - synthesizeMouse(gButton, 2, 2, { type: "mouseover" }); - synthesizeMouse(gButton, 6, 6, { type: "mousemove" }); - synthesizeMouse(gButton, 4, 4, { type: "mousemove" }); - disableNonTestMouse(false); - }); - }, - result: function(testname) { - var buttonrect = document.getElementById("withtooltip").getBoundingClientRect(); - var rect = document.getElementById("thetooltip").getBoundingClientRect(); - var popupstyle = window.getComputedStyle(document.getElementById("thetooltip"), ""); - - is(Math.round(rect.y + rect.height), - Math.round(buttonrect.top + 4 - parseFloat(popupstyle.marginTop)), - testname + " position of tooltip above button"); - } -} - -]; - -var 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); - } -} - -window.opener.wrappedJSObject.SimpleTest.waitForFocus(runTest, window); -]]> -</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> |