gecko-dev/toolkit/content/tests/chrome/test_tree_hier.xhtml

<?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 hierarchical tree
  -->
<window title="Hierarchical Tree" width="500" height="600"
        onload="setTimeout(testtag_tree, 0, 'tree-hier', 'treechildren-hier', 'multiple', '', 'hierarchical tree');"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>  
  <script src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>  

<script src="tree_shared.js"/>

<tree id="tree-hier" rows="4">
  <treecols>
    <treecol id="name" label="Name" primary="true"
             sort="label" properties="one two" flex="1"/>
    <treecol id="address" label="Address" style="flex-grow: 2; flex-shrink: 2"/>
    <treecol id="planet" label="Planet" flex="1"/>
    <treecol id="gender" label="Gender" flex="1" cycler="true"/>
  </treecols>
  <treechildren id="treechildren-hier">
    <treeitem>
      <treerow properties="firstrow">
        <treecell label="Mary" value="mary" properties="firstname"/>
        <treecell label="206 Garden Avenue" value="206ga"/>
        <treecell label="Earth"/>
        <treecell label="Female" value="f"/>
      </treerow>
    </treeitem>
    <treeitem>
      <treerow>
        <treecell/>
        <treecell value="19ms"/>
        <treecell label="Earth"/>
        <treecell label="Male" value="m"/>
      </treerow>
    </treeitem>
    <treeitem container="true">
      <treerow>
        <treecell label="Sarah"/>
        <treecell label="702 Fern Avenue" editable="false"/>
        <treecell label="Saturn"/>
        <treecell label="Female" value="f"/>
      </treerow>
      <treechildren>
        <treeitem>
          <treerow>
            <treecell label="Mary"/>
            <treecell label="206 Garden Avenue"/>
            <treecell label="Female" value="f"/>
            <treecell label="Neptune"/>
          </treerow>
        </treeitem>
        <treeitem>
          <treerow>
            <treecell label="Chris"/>
            <treecell label="19 Marion Street"/>
            <treecell label="Omicron Persei 8"/>
            <treecell label="Male" value="m"/>
          </treerow>
        </treeitem>
        <treeitem>
          <treerow>
            <treecell label="Sarah"/>
            <treecell label="702 Fern Avenue" editable="false"/>
            <treecell label="Earth"/>
            <treecell label="Female" value="f"/>
          </treerow>
        </treeitem>
        <treeitem>
          <treerow>
            <treecell label="John"/>
            <treecell label="99 Westminster Avenue"/>
            <treecell label="Neptune"/>
            <treecell label="Male" value="m"/>
          </treerow>
        </treeitem>
      </treechildren>
    </treeitem>
    <treeitem>
      <treerow>
        <treecell label="John"/>
        <treecell label="99 Westminster Avenue"/>
        <treecell/>
        <treecell label="Male" value="m"/>
      </treerow>
    </treeitem>
    <treeitem>
      <treerow>
        <treecell label="Mary"/>
        <treecell label="206 Garden Avenue" selectable="false"/>
        <treecell label=""/>
        <treecell label="Female" value="f"/>
      </treerow>
    </treeitem>
    <treeitem>
      <treerow>
        <treecell label="Chris"/>
        <treecell label="19 Marion Street"/>
        <treecell label="Neptune"/>
        <treecell label="Male" value="m"/>
      </treerow>
    </treeitem>
    <treeitem>
      <treerow>
        <treecell label="Sarah"/>
        <treecell label="702 Fern Avenue"/>
        <treecell label="Earth"/>
        <treecell label="Female" value="f"/>
      </treerow>
    </treeitem>
    <treeitem>
      <treerow>
        <treecell label="John"/>
        <treecell label="99 Westminster Avenue"/>
        <treecell label="Mars"/>
        <treecell label="Male" value="m"/>
      </treerow>
    </treeitem>
  </treechildren>
</tree>

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