From 29cc99757871574a6adbc1b19798829aaad968d5 Mon Sep 17 00:00:00 2001
From: Neil Deakin <neil@mozilla.com>
Date: Mon, 9 Mar 2015 10:11:51 -0400
Subject: [PATCH] MBUg 1002232, mve tooltip test into a window to prevent the
 browser tooltip from interfering with it, r=neil

--HG--
rename : toolkit/content/tests/chrome/test_tooltip.xul => toolkit/content/tests/chrome/window_tooltip.xul
---
 toolkit/content/tests/chrome/chrome.ini       |   1 +
 toolkit/content/tests/chrome/test_tooltip.xul | 230 +---------------
 .../content/tests/chrome/window_tooltip.xul   | 249 ++++++++++++++++++
 3 files changed, 254 insertions(+), 226 deletions(-)
 create mode 100644 toolkit/content/tests/chrome/window_tooltip.xul

diff --git a/toolkit/content/tests/chrome/chrome.ini b/toolkit/content/tests/chrome/chrome.ini
index 7d9255957940..431594c35c04 100644
--- a/toolkit/content/tests/chrome/chrome.ini
+++ b/toolkit/content/tests/chrome/chrome.ini
@@ -39,6 +39,7 @@ support-files =
   window_showcaret.xul
   window_subframe_origin.xul
   window_titlebar.xul
+  window_tooltip.xul
   xul_selectcontrol.js
   rtlchrome/rtl.css
   rtlchrome/rtl.dtd
diff --git a/toolkit/content/tests/chrome/test_tooltip.xul b/toolkit/content/tests/chrome/test_tooltip.xul
index 3fd49ec5f22d..b5650352da33 100644
--- a/toolkit/content/tests/chrome/test_tooltip.xul
+++ b/toolkit/content/tests/chrome/test_tooltip.xul
@@ -3,239 +3,17 @@
 <?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">
+        onload="setTimeout(runTest, 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>
-  <script type="application/javascript" src="popup_shared.js"></script>
-
-<tooltip id="thetooltip">
-  <label id="label" value="This is a tooltip"/>
-</tooltip>
-
-<box tooltiptext="Box Tooltip">
-  <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[
 
+<script>
 SimpleTest.waitForExplicitFinish();
-var gOriginalWidth = -1;
-var gOriginalHeight = -1;
-var gButton = null;
-
 function runTest()
 {
-  startPopupTests(popupTests);
+  window.open("window_tooltip.xul", "_blank", "chrome,width=700,height=700");
 }
-
-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");
-  }
-}
-
-];
-
-SimpleTest.waitForFocus(runTest);
-]]>
 </script>
 
 <body xmlns="http://www.w3.org/1999/xhtml">
diff --git a/toolkit/content/tests/chrome/window_tooltip.xul b/toolkit/content/tests/chrome/window_tooltip.xul
new file mode 100644
index 000000000000..569804f80578
--- /dev/null
+++ b/toolkit/content/tests/chrome/window_tooltip.xul
@@ -0,0 +1,249 @@
+<?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");
+  }
+}
+
+];
+
+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>