summaryrefslogtreecommitdiffstats
path: root/layout/xul/test/test_popupZoom.xhtml
blob: 641ed0756cca58d0da7d326ac6dddcf9e0ab2c84 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<?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="XUL Panel zoom test"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"/>
  <script src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"/>

  <body xmlns="http://www.w3.org/1999/xhtml">
  </body>

  <script><![CDATA[
    SimpleTest.waitForExplicitFinish();

    var savedzoom;

    function openPopup()
    {
      docviewer = window.docShell.contentViewer;
      savedzoom = SpecialPowers.getFullZoom(window);
      SpecialPowers.setFullZoom(window, 2);

      document.getElementById("panel").
        openPopup(document.getElementById("anchor"), "after_start", 0, 0, false, false, null);
    }

    function popupShown(event)
    {
      var panel = document.getElementById("panel");
      var panelMarginLeft = parseFloat(getComputedStyle(panel).marginLeft);
      var panelMarginTop = parseFloat(getComputedStyle(panel).marginTop);
      var panelbcr = panel.getBoundingClientRect();
      var anchorbcr = document.getElementById("anchor").getBoundingClientRect();

      ok(Math.abs(panelbcr.x - panelMarginLeft - anchorbcr.x) < 3, "x pos is correct");
      ok(Math.abs(panelbcr.y - panelMarginTop - anchorbcr.bottom) < 3, "y pos is correct");

      SpecialPowers.setFullZoom(window, savedzoom);

      event.target.hidePopup();
    }

    SimpleTest.waitForFocus(openPopup);
   ]]></script>

<description id="anchor" value="Sometext to this some texts"/>
<panel id="panel" onpopupshown="popupShown(event)" onpopuphidden="SimpleTest.finish()">
  <resizer id="resizer" dir="bottomend" width="16" height="16"/>
  <hbox width="50" height="50" flex="1"/>
</panel>


</window>