summaryrefslogtreecommitdiffstats
path: root/toolkit/content/tests/chrome/test_tree_scroll.xhtml
blob: 08b6d9141aa2e78c869b6f704e2e74f3d3743270 (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
91
92
93
<?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"?>
<!--
  XUL Widget Test for scrolling behavior of tree
-->
<window title="Tree" width="500" height="600"
        onload="setTimeout(testtag_tree_scroll);"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        xmlns:html="http://www.w3.org/1999/xhtml"
>
  <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
  <script src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>
  <script src="chrome://mochikit/content/tests/SimpleTest/paint_listener.js"></script>

  <script src="chrome://mochitests/content/browser/gfx/layers/apz/test/mochitest/apz_test_utils.js"></script>
  <script src="chrome://mochitests/content/browser/gfx/layers/apz/test/mochitest/apz_test_native_event_utils.js"></script>
  <script src="tree_shared.js"/>

<html:div style="height: 200px; overflow-y: scroll;">
  <html:div id="top" style="height: 50px; background: cyan;"></html:div>
  <tree rows="3">
    <treecols>
      <treecol id="name" label="label" sort="label" flex="1"/>
    </treecols>
    <treechildren>
      <treeitem>
        <treerow>
          <treecell label="0"/>
        </treerow>
      </treeitem>
      <treeitem>
        <treerow>
          <treecell label="1"/>
        </treerow>
      </treeitem>
      <treeitem>
        <treerow>
          <treecell label="2"/>
        </treerow>
      </treeitem>
      <treeitem>
        <treerow>
          <treecell label="3"/>
        </treerow>
      </treeitem>
      <treeitem>
        <treerow>
          <treecell label="4"/>
        </treerow>
      </treeitem>
      <treeitem>
        <treerow>
          <treecell label="5"/>
        </treerow>
      </treeitem>
      <treeitem>
        <treerow>
          <treecell label="6"/>
        </treerow>
      </treeitem>
      <treeitem>
        <treerow>
          <treecell label="7"/>
        </treerow>
      </treeitem>
      <treeitem>
        <treerow>
          <treecell label="8"/>
        </treerow>
      </treeitem>
      <treeitem>
        <treerow>
          <treecell label="9"/>
        </treerow>
      </treeitem>
    </treechildren>
  </tree>
  <html:div id="bottom" style="height: 150px; background: orange;"></html:div>
</html:div>

  <!-- 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[

SimpleTest.waitForExplicitFinish();

]]>
</script>

</window>