test_tree_scroll.xhtml

Enable keyboard shortcuts

<?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>