1 files changed, 98 insertions, 0 deletions
diff --git a/dom/tests/mochitest/general/test_offsets.xhtml b/dom/tests/mochitest/general/test_offsets.xhtml
new file mode 100644
index 0000000000..ec789c8db6
--- /dev/null
+++ b/dom/tests/mochitest/general/test_offsets.xhtml
@@ -0,0 +1,98 @@
+<?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"?>
+<?xml-stylesheet href="test_offsets.css" type="text/css"?>
+<!--
+  XUL Tests for client/scroll properties
+  -->
+<window title="Test Offset/Client/Scroll Properties" width="500" height="600"
+        style="margin: 1px !important"
+        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+  <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"/>
+  <script type="text/javascript" src="test_offsets.js"/>
+
+<vbox id="testelements" style="margin: 0; padding: 0; border: 0;">
+<vbox id="vbox" style="margin: 5px 0 0 2px;">
+  <vbox id="noscroll" align="start">
+    <button id="button1" label="Button One" style="margin: 0px; padding: 0; border: 0;"/>
+    <button id="button2" label="Button Two" style="width: 140px; height: 120px;"/>
+  </vbox>
+  <hbox align="start">
+    <vbox id="scrollbox" style="overflow: scroll; padding: 2px; margin: 3px; border: 4px solid green; max-width: 66px; max-height: 56px">
+      <label value="One" style="margin: 0"/>
+      <label id="scrollchild" value="Two"/>
+      <label value="Three"/>
+      <label id="lastline" value="This fourth label is much longer than the others"
+             style="margin: 0; padding: 0; border: 0;"/>
+    </vbox>
+    <vbox id="scrollbox-test">
+       <scrollbar orient="vertical" style="border: 0; padding: 0;"/>
+    </vbox>
+  </hbox>
+</vbox>
+
+<!-- wrap svg in a div so that it can take its intrinsic width -->
+<div>
+<svg:svg id="svgbase" width="45" height="20" xmlns:svg="http://www.w3.org/2000/svg">
+  <svg:rect id="svgrect" x="3" y="5" width="45" height="20" fill="red"/>
+</svg:svg>
+</div>
+
+</vbox>
+
+<button id="outermenu" type="menu" label="Menu">
+  <menupopup id="outerpopup"
+             style="margin-left: 5px; padding-left: 3px; padding: 0;"
+             onpopupshown="this.firstChild.open = true"
+             onpopuphidden="if (event.target == this) SimpleTest.finish();">
+    <menu id="innermenu" label="Open"
+          style="margin: 0; padding: 0; border: 2px black solid; -moz-appearance: none;">
+      <menupopup style="margin: 0; padding: 0; border: 1px black solid; -moz-appearance: none;"
+                 onpopupshown="testElements('outermenu', doneTests)">
+        <menuitem label="Document"/>
+        <menuitem id="innermenuitem" style="margin: 2px; padding: 3px;" label="Page"/>
+      </menupopup>
+    </menu>
+    <menuitem id="outermenuitem" label="Close"/>
+  </menupopup>
+</button>
+
+  <!-- test results are displayed in the html:body -->
+  <body xmlns="http://www.w3.org/1999/xhtml" style="height: 300px; overflow: auto;"/>
+
+  <!-- test code goes here -->
+  <script type="application/javascript"><![CDATA[
+
+var gTestSet = "box";
+
+var whichpopup = "outer";
+
+SimpleTest.waitForExplicitFinish();
+
+function startTests()
+{
+  testElements('testelements', doneTests);
+}
+
+function doneTests()
+{
+  if (gTestSet == "box") {
+    gTestSet = "popup";
+    // only test this on Mac for now
+    if (navigator.platform.includes("Mac")) {
+      checkScrollState($("outerpopup"), 0, 0, 0, 0, "popup before open");
+      checkClientState($("outerpopup"), 0, 0, 0, 0, "popup before open");
+    }
+    $("outermenu").open = true;
+  }
+  else {
+    $("outermenu").open = false;
+  }
+}
+
+SimpleTest.waitForFocus(startTests);
+
+]]>
+</script>
+
+</window>