layout/xul/test/test_bug477754.xhtml

   1 <?xml version="1.0"?>
   2 <?xml-stylesheet href="chrome://global/skin" type="text/css"?>
   3 <?xml-stylesheet href="chrome://mochikit/content/tests/SimpleTest/test.css" type="text/css"?>
   4 <!--
   5 https://bugzilla.mozilla.org/show_bug.cgi?id=477754
   6 -->
   7 <window title="Mozilla Bug 477754"
   8   xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
   9   <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"/>
  10
  11   <!-- test results are displayed in the html:body -->
  12   <body xmlns="http://www.w3.org/1999/xhtml">
  13   <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=477754"
  14      target="_blank">Mozilla Bug 477754</a>
  15   </body>
  16
  17   <hbox pack="center">
  18     <label id="anchor" style="direction: rtl;" value="Anchor"/>
  19   </hbox>
  20   <panel id="testPopup" onpopupshown="doTest();">
  21     <label value="I am a popup"/>
  22   </panel>
  23
  24   <!-- test code goes here -->
  25   <script type="application/javascript"><![CDATA[
  26     /** Test for Bug 477754 **/
  27     SimpleTest.waitForExplicitFinish();
  28
  29     let testPopup, testAnchor;
  30
  31     addEventListener("load", function () {
  32       removeEventListener("load", arguments.callee, false);
  33
  34       testPopup = document.getElementById("testPopup");
  35       testAnchor = document.getElementById("anchor");
  36
  37       testPopup.openPopup(testAnchor, "after_start", 10, 0, false, false);
  38     }, false);
  39
  40     function doTest() {
  41       let anchorRect = testAnchor.getBoundingClientRect();
  42       let popupRect = testPopup.getBoundingClientRect();
  43       let marginRight = parseFloat(getComputedStyle(testPopup).marginRight)
  44       is(Math.round(anchorRect.right - popupRect.right - marginRight), 10,
  45          "RTL popup's right offset should be equal to the x offset passed to openPopup");
  46       testPopup.hidePopup();
  47       SimpleTest.finish();
  48     }
  49
  50    ]]></script>
  51 </window>