summaryrefslogtreecommitdiffstats
path: root/dom/tests/mochitest/general/test_domWindowUtils_scrollXY.html
blob: c6ee89ee35d081991407e11ccd144c20f3e5fce4 (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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE HTML>
<html>
<head>
  <title>nsIDOMWindowUtils::elementFromPoint test</title>
  <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css">
  <style>
    body {
      /* Make room for scrolling */
    }
  </style>
</head>

<body id="body">
  <script type="application/javascript;version=1.8">
    /*
      void getScrollXY(in boolean aFlushLayout, out long aScrollX, out long aScrollY);
    */
    function doTests() {
      testScrollXY();
      testHiddenIframe();

      SimpleTest.finish();
    }

    function testScrollXY() {
      let iframe = document.getElementById("iframe");
      let cwindow = iframe.contentWindow;
      let domWindowUtils = SpecialPowers.getDOMWindowUtils(cwindow);

      function checkGetScrollXYState(flush, vals, testName) {
        let scrollX = {}, scrollY = {};
        domWindowUtils.getScrollXY(flush, scrollX, scrollY);
        is(scrollX.value, vals[0], "getScrollXY x for test: " + testName);
        is(scrollY.value, vals[1], "getScrollXY y for test: " + testName);
      }

      function checkWindowScrollState(vals, testName) {
        is(cwindow.scrollX, vals[0], "scrollX for test: " + testName);
        is(cwindow.scrollY, vals[1], "scrollY for test: " + testName);
      }

      // Check initial state (0, 0)
      checkGetScrollXYState(false, [0, 0], "initial getScrollXY state");
      checkGetScrollXYState(true, [0, 0], "initial getScrollXY state+flush");
      checkWindowScrollState([0, 0], "initial window.scroll* state");

      // scroll
      cwindow.scrollTo(900, 1000);
      checkGetScrollXYState(false, [900, 1000], "after scroll getScrollXY state");
      checkGetScrollXYState(true, [900, 1000], "after scroll getScrollXY state+flush");
      checkWindowScrollState([900, 1000], "after scroll window.scroll* state");

      // ensure flush=false works
      cwindow.document.body.style.width = 'auto';
      cwindow.document.body.style.height = 'auto';
      checkGetScrollXYState(false, [900, 1000], "didn't flush layout for getScrollXY");
      checkGetScrollXYState(true, [0, 0], "flushed layout for getScrollXY");
    }

    function testHiddenIframe() {
      let iframe = document.getElementById("hidden-iframe");
      let cwindow = iframe.contentWindow;
      let domWindowUtils = SpecialPowers.getDOMWindowUtils(cwindow);

      // make sure getScrollXY doesn't throw
      let scrollX = {}, scrollY = {};
      domWindowUtils.getScrollXY(false, scrollX, scrollY);

      is(scrollX.value, 0, "scrollX is zero for display:none iframe");
      is(scrollY.value, 0, "scrollY is zero for display:none iframe");
    }

    SimpleTest.waitForExplicitFinish();
  </script>

  <!-- can't run this in the test document, since it potentially runs in a
       scrolling="no" test harness iframe, and that causes a failure for some
       reason -->
  <iframe src="data:text/html,<body style='width: 100000px; height: 100000px;'><p>top</p></body>"
          id="iframe"
          onload="doTests();">
  </iframe>

  <iframe id="hidden-iframe" style="display: none;"></iframe>

  <p id="display"></p>

</body>
</html>