forked from mirrors/gecko-dev
a7401488af
This makes it easier to get parity between legacy and regular flex without having to either have tons of arbitrary attribute selectors in the xul sheet, nor adding attribute lookup hacks to the html flexbox layout. Also, reimplement the remaining supported flex attribute-values (0 and 1) purely in terms of CSS rules in xul.css (regardless of whether emulate-moz-box-with-flex is enabled). In practice these are pretty uncommon and the style attribute does the trick in every case I've tried. Add a debug-only assertion to ensure we preserve behavior for now. Add a new test with another behavior difference between flexbox emulation and old xul layout because the old reftest now passes. Use replaced elements, which in modern flex are treated differently. Differential Revision: https://phabricator.services.mozilla.com/D154394
136 lines
4.2 KiB
HTML
136 lines
4.2 KiB
HTML
<?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="-moz-box-flex: 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>
|