Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-06 06:00:15 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update CSS tests to revision 611d962e1b6ae62ec89ab994c9f787e84ce11b15

Browse source
This commit is contained in:
Ms2ger 2016-06-06 10:11:00 +02:00
parent 1bc94c132e
commit 12fa92b4d6
437 changed files with 11787 additions and 9995 deletions
Download patch file Download diff file Expand all files Collapse all files

30
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-2.xht
View file

@ -303,43 +303,43 @@
</ul>
</td>
</tr>
<tr id="flexbox_computedstyle_flex-direction-column-2.#flex-direction" class="dom">
<tr id="flexbox_computedstyle_flex-direction-column-2.#flex-direction" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-direction-column.xht">flexbox_computedstyle_flex-direction-column</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-direction: column
</td>
</tr>
<tr id="flexbox_computedstyle_flex-direction-column-reverse-2.#flex-direction" class="dom">
<tr id="flexbox_computedstyle_flex-direction-column-reverse-2.#flex-direction" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-direction-column-reverse.xht">flexbox_computedstyle_flex-direction-column-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-direction: column-reverse
</td>
</tr>
<tr id="flexbox_computedstyle_flex-direction-invalid-2.#flex-direction" class="dom">
<tr id="flexbox_computedstyle_flex-direction-invalid-2.#flex-direction" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-direction-invalid.xht">flexbox_computedstyle_flex-direction-invalid</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-direction: row
</td>
</tr>
<tr id="flexbox_computedstyle_flex-direction-row-2.#flex-direction" class="dom">
<tr id="flexbox_computedstyle_flex-direction-row-2.#flex-direction" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-direction-row.xht">flexbox_computedstyle_flex-direction-row</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-direction: row
</td>
</tr>
<tr id="flexbox_computedstyle_flex-direction-row-reverse-2.#flex-direction" class="dom">
<tr id="flexbox_computedstyle_flex-direction-row-reverse-2.#flex-direction" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-direction-row-reverse.xht">flexbox_computedstyle_flex-direction-row-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-direction: row-reverse
</td>
</tr>

12
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-3.xht
View file

@ -180,19 +180,19 @@
<td>flexbox | multicol on flexbox items
</td>
</tr>
<tr id="flexbox_computedstyle_display-3" class="dom">
<tr id="flexbox_computedstyle_display-3" class="dom script">
<td>
<a href="flexbox_computedstyle_display.xht">flexbox_computedstyle_display</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | display: flex
</td>
</tr>
<tr id="flexbox_computedstyle_display-inline-3" class="dom">
<tr id="flexbox_computedstyle_display-inline-3" class="dom script">
<td>
<a href="flexbox_computedstyle_display-inline.xht">flexbox_computedstyle_display-inline</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | display: inline-flex
</td>
</tr>

12
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-4.xht
View file

@ -713,19 +713,19 @@
<td>Testing min-width:auto &amp; 'overflow' interaction
</td>
</tr>
<tr id="flexbox_computedstyle_min-height-auto-4.5" class="dom">
<tr id="flexbox_computedstyle_min-height-auto-4.5" class="dom script">
<td>
<a href="flexbox_computedstyle_min-height-auto.xht">flexbox_computedstyle_min-height-auto</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | min-height: auto
</td>
</tr>
<tr id="flexbox_computedstyle_min-width-auto-4.5" class="dom">
<tr id="flexbox_computedstyle_min-width-auto-4.5" class="dom script">
<td>
<a href="flexbox_computedstyle_min-width-auto.xht">flexbox_computedstyle_min-width-auto</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | min-width: auto
</td>
</tr>

324
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-5.xht
View file

@ -347,35 +347,35 @@
</tbody>
<tbody id="s5.1.#valdef-flex-direction-column">
<!-- 6 tests -->
<tr id="flexbox_computedstyle_flex-flow-column-5.1.#valdef-flex-direction-column" class="dom">
<tr id="flexbox_computedstyle_flex-flow-column-5.1.#valdef-flex-direction-column" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-column.xht">flexbox_computedstyle_flex-flow-column</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: column
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.1.#valdef-flex-direction-column" class="dom">
<tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.1.#valdef-flex-direction-column" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: column nowrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-column-wrap-5.1.#valdef-flex-direction-column" class="dom">
<tr id="flexbox_computedstyle_flex-flow-column-wrap-5.1.#valdef-flex-direction-column" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: column wrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.1.#valdef-flex-direction-column" class="dom">
<tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.1.#valdef-flex-direction-column" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: column wrap-reverse
</td>
</tr>
@ -398,27 +398,27 @@
</tbody>
<tbody id="s5.1.#valdef-flex-direction-column-reverse">
<!-- 5 tests -->
<tr id="flexbox_computedstyle_flex-flow-column-reverse-5.1.#valdef-flex-direction-column-reverse" class="dom">
<tr id="flexbox_computedstyle_flex-flow-column-reverse-5.1.#valdef-flex-direction-column-reverse" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-column-reverse.xht">flexbox_computedstyle_flex-flow-column-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: column-reverse
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.1.#valdef-flex-direction-column-reverse" class="dom">
<tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.1.#valdef-flex-direction-column-reverse" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: column-reverse nowrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.1.#valdef-flex-direction-column-reverse" class="dom">
<tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.1.#valdef-flex-direction-column-reverse" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: column-reverse wrap
</td>
</tr>
@ -441,70 +441,70 @@
</tbody>
<tbody id="s5.1.#valdef-flex-direction-row">
<!-- 4 tests -->
<tr id="flexbox_computedstyle_flex-flow-row-5.1.#valdef-flex-direction-row" class="dom">
<tr id="flexbox_computedstyle_flex-flow-row-5.1.#valdef-flex-direction-row" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-row.xht">flexbox_computedstyle_flex-flow-row</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: row
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.1.#valdef-flex-direction-row" class="dom">
<tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.1.#valdef-flex-direction-row" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: row nowrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-row-wrap-5.1.#valdef-flex-direction-row" class="dom">
<tr id="flexbox_computedstyle_flex-flow-row-wrap-5.1.#valdef-flex-direction-row" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: row wrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.1.#valdef-flex-direction-row" class="dom">
<tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.1.#valdef-flex-direction-row" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: row wrap-reverse
</td>
</tr>
</tbody>
<tbody id="s5.1.#valdef-flex-direction-row-reverse">
<!-- 4 tests -->
<tr id="flexbox_computedstyle_flex-flow-row-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom">
<tr id="flexbox_computedstyle_flex-flow-row-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-row-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: row-reverse
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.1.#valdef-flex-direction-row-reverse" class="dom">
<tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.1.#valdef-flex-direction-row-reverse" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: row-reverse nowrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.1.#valdef-flex-direction-row-reverse" class="dom">
<tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.1.#valdef-flex-direction-row-reverse" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: row-reverse wrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom">
<tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: row-reverse wrap-reverse
</td>
</tr>
@ -829,35 +829,35 @@
</ul>
</td>
</tr>
<tr id="flexbox_computedstyle_flex-wrap-invalid-5.2.#propdef-flex-wrap" class="dom">
<tr id="flexbox_computedstyle_flex-wrap-invalid-5.2.#propdef-flex-wrap" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-wrap-invalid.xht">flexbox_computedstyle_flex-wrap-invalid</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-wrap: wrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-wrap-nowrap-5.2.#propdef-flex-wrap" class="dom">
<tr id="flexbox_computedstyle_flex-wrap-nowrap-5.2.#propdef-flex-wrap" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-wrap-nowrap.xht">flexbox_computedstyle_flex-wrap-nowrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-wrap: nowrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-wrap-wrap-5.2.#propdef-flex-wrap" class="dom">
<tr id="flexbox_computedstyle_flex-wrap-wrap-5.2.#propdef-flex-wrap" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-wrap-wrap.xht">flexbox_computedstyle_flex-wrap-wrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-wrap: wrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-wrap-wrap-reverse-5.2.#propdef-flex-wrap" class="dom">
<tr id="flexbox_computedstyle_flex-wrap-wrap-reverse-5.2.#propdef-flex-wrap" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-wrap-wrap-reverse.xht">flexbox_computedstyle_flex-wrap-wrap-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-wrap: wrap-reverse
</td>
</tr>
@ -962,86 +962,86 @@
</tbody>
<tbody id="s5.2.#valdef-flex-wrap-nowrap">
<!-- 5 tests -->
<tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom">
<tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: column nowrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom">
<tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: column-reverse nowrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom">
<tr id="flexbox_computedstyle_flex-flow-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-nowrap.xht">flexbox_computedstyle_flex-flow-nowrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: nowrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom">
<tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: row nowrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom">
<tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: row-reverse nowrap
</td>
</tr>
</tbody>
<tbody id="s5.2.#valdef-flex-wrap-wrap">
<!-- 6 tests -->
<tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom">
<tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: column-reverse wrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-column-wrap-5.2.#valdef-flex-wrap-wrap" class="dom">
<tr id="flexbox_computedstyle_flex-flow-column-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: column wrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom">
<tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: row-reverse wrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-row-wrap-5.2.#valdef-flex-wrap-wrap" class="dom">
<tr id="flexbox_computedstyle_flex-flow-row-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: row wrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-wrap-5.2.#valdef-flex-wrap-wrap" class="dom">
<tr id="flexbox_computedstyle_flex-flow-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-wrap.xht">flexbox_computedstyle_flex-flow-wrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: wrap
</td>
</tr>
@ -1056,27 +1056,27 @@
</tbody>
<tbody id="s5.2.#valdef-flex-wrap-wrap-reverse">
<!-- 5 tests -->
<tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom">
<tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: column wrap-reverse
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom">
<tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: row-reverse wrap-reverse
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom">
<tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: row wrap-reverse
</td>
</tr>
@ -1418,139 +1418,139 @@
</ul>
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-column-5.3.#propdef-flex-flow" class="dom">
<tr id="flexbox_computedstyle_flex-flow-column-5.3.#propdef-flex-flow" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-column.xht">flexbox_computedstyle_flex-flow-column</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: column
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.3.#propdef-flex-flow" class="dom">
<tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.3.#propdef-flex-flow" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: column nowrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-column-reverse-5.3.#propdef-flex-flow" class="dom">
<tr id="flexbox_computedstyle_flex-flow-column-reverse-5.3.#propdef-flex-flow" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-column-reverse.xht">flexbox_computedstyle_flex-flow-column-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: column-reverse
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.3.#propdef-flex-flow" class="dom">
<tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.3.#propdef-flex-flow" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: column-reverse nowrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.3.#propdef-flex-flow" class="dom">
<tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.3.#propdef-flex-flow" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: column-reverse wrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-column-wrap-5.3.#propdef-flex-flow" class="dom">
<tr id="flexbox_computedstyle_flex-flow-column-wrap-5.3.#propdef-flex-flow" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: column wrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.3.#propdef-flex-flow" class="dom">
<tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.3.#propdef-flex-flow" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: column wrap-reverse
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-nowrap-5.3.#propdef-flex-flow" class="dom">
<tr id="flexbox_computedstyle_flex-flow-nowrap-5.3.#propdef-flex-flow" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-nowrap.xht">flexbox_computedstyle_flex-flow-nowrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: nowrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-row-5.3.#propdef-flex-flow" class="dom">
<tr id="flexbox_computedstyle_flex-flow-row-5.3.#propdef-flex-flow" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-row.xht">flexbox_computedstyle_flex-flow-row</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: row
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.3.#propdef-flex-flow" class="dom">
<tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.3.#propdef-flex-flow" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: row nowrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-row-reverse-5.3.#propdef-flex-flow" class="dom">
<tr id="flexbox_computedstyle_flex-flow-row-reverse-5.3.#propdef-flex-flow" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-row-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: row-reverse
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.3.#propdef-flex-flow" class="dom">
<tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.3.#propdef-flex-flow" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: row-reverse nowrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.3.#propdef-flex-flow" class="dom">
<tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.3.#propdef-flex-flow" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: row-reverse wrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.3.#propdef-flex-flow" class="dom">
<tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.3.#propdef-flex-flow" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: row-reverse wrap-reverse
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-row-wrap-5.3.#propdef-flex-flow" class="dom">
<tr id="flexbox_computedstyle_flex-flow-row-wrap-5.3.#propdef-flex-flow" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: row wrap
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.3.#propdef-flex-flow" class="dom">
<tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.3.#propdef-flex-flow" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: row wrap-reverse
</td>
</tr>
<tr id="flexbox_computedstyle_flex-flow-wrap-5.3.#propdef-flex-flow" class="dom">
<tr id="flexbox_computedstyle_flex-flow-wrap-5.3.#propdef-flex-flow" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-flow-wrap.xht">flexbox_computedstyle_flex-flow-wrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-flow: wrap
</td>
</tr>
@ -1834,43 +1834,43 @@
</ul>
</td>
</tr>
<tr id="flexbox_computedstyle_order-5.4.#propdef-order" class="dom">
<tr id="flexbox_computedstyle_order-5.4.#propdef-order" class="dom script">
<td>
<a href="flexbox_computedstyle_order.xht">flexbox_computedstyle_order</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | order: 0
</td>
</tr>
<tr id="flexbox_computedstyle_order-inherit-5.4.#propdef-order" class="dom">
<tr id="flexbox_computedstyle_order-inherit-5.4.#propdef-order" class="dom script">
<td>
<a href="flexbox_computedstyle_order-inherit.xht">flexbox_computedstyle_order-inherit</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | order: -1
</td>
</tr>
<tr id="flexbox_computedstyle_order-integer-5.4.#propdef-order" class="dom">
<tr id="flexbox_computedstyle_order-integer-5.4.#propdef-order" class="dom script">
<td>
<a href="flexbox_computedstyle_order-integer.xht">flexbox_computedstyle_order-integer</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | order: integer
</td>
</tr>
<tr id="flexbox_computedstyle_order-invalid-5.4.#propdef-order" class="dom">
<tr id="flexbox_computedstyle_order-invalid-5.4.#propdef-order" class="dom script">
<td>
<a href="flexbox_computedstyle_order-invalid.xht">flexbox_computedstyle_order-invalid</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | order: noninteger
</td>
</tr>
<tr id="flexbox_computedstyle_order-negative-5.4.#propdef-order" class="dom">
<tr id="flexbox_computedstyle_order-negative-5.4.#propdef-order" class="dom script">
<td>
<a href="flexbox_computedstyle_order-negative.xht">flexbox_computedstyle_order-negative</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | order: -1
</td>
</tr>

102
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-7.xht
View file

@ -863,59 +863,59 @@
</tbody>
<tbody id="s7.1.#propdef-flex">
<!-- 7 tests -->
<tr id="flexbox_computedstyle_flex-shorthand-7.1.#propdef-flex" class="dom">
<tr id="flexbox_computedstyle_flex-shorthand-7.1.#propdef-flex" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-shorthand.xht">flexbox_computedstyle_flex-shorthand</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex: invalid
</td>
</tr>
<tr id="flexbox_computedstyle_flex-shorthand-0-auto-7.1.#propdef-flex" class="dom">
<tr id="flexbox_computedstyle_flex-shorthand-0-auto-7.1.#propdef-flex" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-shorthand-0-auto.xht">flexbox_computedstyle_flex-shorthand-0-auto</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex: 0 auto
</td>
</tr>
<tr id="flexbox_computedstyle_flex-shorthand-auto-7.1.#propdef-flex" class="dom">
<tr id="flexbox_computedstyle_flex-shorthand-auto-7.1.#propdef-flex" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-shorthand-auto.xht">flexbox_computedstyle_flex-shorthand-auto</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex: auto
</td>
</tr>
<tr id="flexbox_computedstyle_flex-shorthand-initial-7.1.#propdef-flex" class="dom">
<tr id="flexbox_computedstyle_flex-shorthand-initial-7.1.#propdef-flex" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-shorthand-initial.xht">flexbox_computedstyle_flex-shorthand-initial</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex: initial
</td>
</tr>
<tr id="flexbox_computedstyle_flex-shorthand-invalid-7.1.#propdef-flex" class="dom">
<tr id="flexbox_computedstyle_flex-shorthand-invalid-7.1.#propdef-flex" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-shorthand-invalid.xht">flexbox_computedstyle_flex-shorthand-invalid</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex: invalid
</td>
</tr>
<tr id="flexbox_computedstyle_flex-shorthand-none-7.1.#propdef-flex" class="dom">
<tr id="flexbox_computedstyle_flex-shorthand-none-7.1.#propdef-flex" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-shorthand-none.xht">flexbox_computedstyle_flex-shorthand-none</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex: auto
</td>
</tr>
<tr id="flexbox_computedstyle_flex-shorthand-number-7.1.#propdef-flex" class="dom">
<tr id="flexbox_computedstyle_flex-shorthand-number-7.1.#propdef-flex" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-shorthand-number.xht">flexbox_computedstyle_flex-shorthand-number</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex: number
</td>
</tr>
@ -1100,27 +1100,27 @@
</ul>
</td>
</tr>
<tr id="flexbox_computedstyle_flex-grow-0-7.2.1.#propdef-flex-grow" class="dom">
<tr id="flexbox_computedstyle_flex-grow-0-7.2.1.#propdef-flex-grow" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-grow-0.xht">flexbox_computedstyle_flex-grow-0</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-grow: 0
</td>
</tr>
<tr id="flexbox_computedstyle_flex-grow-invalid-7.2.1.#propdef-flex-grow" class="dom">
<tr id="flexbox_computedstyle_flex-grow-invalid-7.2.1.#propdef-flex-grow" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-grow-invalid.xht">flexbox_computedstyle_flex-grow-invalid</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-grow: negative
</td>
</tr>
<tr id="flexbox_computedstyle_flex-grow-number-7.2.1.#propdef-flex-grow" class="dom">
<tr id="flexbox_computedstyle_flex-grow-number-7.2.1.#propdef-flex-grow" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-grow-number.xht">flexbox_computedstyle_flex-grow-number</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-grow: number
</td>
</tr>
@ -1221,27 +1221,27 @@
</ul>
</td>
</tr>
<tr id="flexbox_computedstyle_flex-shrink-0-7.2.2.#propdef-flex-shrink" class="dom">
<tr id="flexbox_computedstyle_flex-shrink-0-7.2.2.#propdef-flex-shrink" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-shrink-0.xht">flexbox_computedstyle_flex-shrink-0</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-shrink: 0
</td>
</tr>
<tr id="flexbox_computedstyle_flex-shrink-invalid-7.2.2.#propdef-flex-shrink" class="dom">
<tr id="flexbox_computedstyle_flex-shrink-invalid-7.2.2.#propdef-flex-shrink" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-shrink-invalid.xht">flexbox_computedstyle_flex-shrink-invalid</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-shrink: negative
</td>
</tr>
<tr id="flexbox_computedstyle_flex-shrink-number-7.2.2.#propdef-flex-shrink" class="dom">
<tr id="flexbox_computedstyle_flex-shrink-number-7.2.2.#propdef-flex-shrink" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-shrink-number.xht">flexbox_computedstyle_flex-shrink-number</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-shrink: number
</td>
</tr>
@ -1270,35 +1270,35 @@
<a href="#s7.2.3">+</a>
<a href="https://www.w3.org/TR/css-flexbox-1/#flex-basis-property">7.2.3 The flex-basis property</a></th></tr>
<!-- 10 tests -->
<tr id="flexbox_computedstyle_flex-basis-0-7.2.3" class="dom">
<tr id="flexbox_computedstyle_flex-basis-0-7.2.3" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-basis-0.xht">flexbox_computedstyle_flex-basis-0</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-basis: 0
</td>
</tr>
<tr id="flexbox_computedstyle_flex-basis-0percent-7.2.3" class="dom">
<tr id="flexbox_computedstyle_flex-basis-0percent-7.2.3" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-basis-0percent.xht">flexbox_computedstyle_flex-basis-0percent</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-basis: 0%
</td>
</tr>
<tr id="flexbox_computedstyle_flex-basis-auto-7.2.3" class="dom">
<tr id="flexbox_computedstyle_flex-basis-auto-7.2.3" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-basis-auto.xht">flexbox_computedstyle_flex-basis-auto</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-basis: auto
</td>
</tr>
<tr id="flexbox_computedstyle_flex-basis-percent-7.2.3" class="dom">
<tr id="flexbox_computedstyle_flex-basis-percent-7.2.3" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-basis-percent.xht">flexbox_computedstyle_flex-basis-percent</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | flex-basis: percent
</td>
</tr>

132
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-8.xht
View file

@ -222,43 +222,43 @@
<td>flexbox |css-box-justify-content
</td>
</tr>
<tr id="flexbox_computedstyle_justify-content-center-8.2.#propdef-justify-content" class="dom">
<tr id="flexbox_computedstyle_justify-content-center-8.2.#propdef-justify-content" class="dom script">
<td>
<a href="flexbox_computedstyle_justify-content-center.xht">flexbox_computedstyle_justify-content-center</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | justify-content: center
</td>
</tr>
<tr id="flexbox_computedstyle_justify-content-flex-end-8.2.#propdef-justify-content" class="dom">
<tr id="flexbox_computedstyle_justify-content-flex-end-8.2.#propdef-justify-content" class="dom script">
<td>
<a href="flexbox_computedstyle_justify-content-flex-end.xht">flexbox_computedstyle_justify-content-flex-end</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | justify-content: flex-end
</td>
</tr>
<tr id="flexbox_computedstyle_justify-content-flex-start-8.2.#propdef-justify-content" class="dom">
<tr id="flexbox_computedstyle_justify-content-flex-start-8.2.#propdef-justify-content" class="dom script">
<td>
<a href="flexbox_computedstyle_justify-content-flex-start.xht">flexbox_computedstyle_justify-content-flex-start</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | justify-content: flex-start
</td>
</tr>
<tr id="flexbox_computedstyle_justify-content-space-around-8.2.#propdef-justify-content" class="dom">
<tr id="flexbox_computedstyle_justify-content-space-around-8.2.#propdef-justify-content" class="dom script">
<td>
<a href="flexbox_computedstyle_justify-content-space-around.xht">flexbox_computedstyle_justify-content-space-around</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | justify-content: space-around
</td>
</tr>
<tr id="flexbox_computedstyle_justify-content-space-between-8.2.#propdef-justify-content" class="dom">
<tr id="flexbox_computedstyle_justify-content-space-between-8.2.#propdef-justify-content" class="dom script">
<td>
<a href="flexbox_computedstyle_justify-content-space-between.xht">flexbox_computedstyle_justify-content-space-between</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | justify-content: space-between
</td>
</tr>
@ -1053,51 +1053,51 @@
<td>flexbox | align-self: stretch
</td>
</tr>
<tr id="flexbox_computedstyle_align-items-baseline-8.3.#propdef-align-items" class="dom">
<tr id="flexbox_computedstyle_align-items-baseline-8.3.#propdef-align-items" class="dom script">
<td>
<a href="flexbox_computedstyle_align-items-baseline.xht">flexbox_computedstyle_align-items-baseline</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | align-items: baseline
</td>
</tr>
<tr id="flexbox_computedstyle_align-items-center-8.3.#propdef-align-items" class="dom">
<tr id="flexbox_computedstyle_align-items-center-8.3.#propdef-align-items" class="dom script">
<td>
<a href="flexbox_computedstyle_align-items-center.xht">flexbox_computedstyle_align-items-center</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | align-items: center
</td>
</tr>
<tr id="flexbox_computedstyle_align-items-flex-end-8.3.#propdef-align-items" class="dom">
<tr id="flexbox_computedstyle_align-items-flex-end-8.3.#propdef-align-items" class="dom script">
<td>
<a href="flexbox_computedstyle_align-items-flex-end.xht">flexbox_computedstyle_align-items-flex-end</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | align-items: flex-end
</td>
</tr>
<tr id="flexbox_computedstyle_align-items-flex-start-8.3.#propdef-align-items" class="dom">
<tr id="flexbox_computedstyle_align-items-flex-start-8.3.#propdef-align-items" class="dom script">
<td>
<a href="flexbox_computedstyle_align-items-flex-start.xht">flexbox_computedstyle_align-items-flex-start</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | align-items: flex-start
</td>
</tr>
<tr id="flexbox_computedstyle_align-items-invalid-8.3.#propdef-align-items" class="dom">
<tr id="flexbox_computedstyle_align-items-invalid-8.3.#propdef-align-items" class="dom script">
<td>
<a href="flexbox_computedstyle_align-items-invalid.xht">flexbox_computedstyle_align-items-invalid</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | align-items: invalid
</td>
</tr>
<tr id="flexbox_computedstyle_align-items-stretch-8.3.#propdef-align-items" class="dom">
<tr id="flexbox_computedstyle_align-items-stretch-8.3.#propdef-align-items" class="dom script">
<td>
<a href="flexbox_computedstyle_align-items-stretch.xht">flexbox_computedstyle_align-items-stretch</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | align-items: stretch
</td>
</tr>
@ -1247,51 +1247,51 @@
</ul>
</td>
</tr>
<tr id="flexbox_computedstyle_align-self-baseline-8.3.#propdef-align-self" class="dom">
<tr id="flexbox_computedstyle_align-self-baseline-8.3.#propdef-align-self" class="dom script">
<td>
<a href="flexbox_computedstyle_align-self-baseline.xht">flexbox_computedstyle_align-self-baseline</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | align-self: baseline
</td>
</tr>
<tr id="flexbox_computedstyle_align-self-center-8.3.#propdef-align-self" class="dom">
<tr id="flexbox_computedstyle_align-self-center-8.3.#propdef-align-self" class="dom script">
<td>
<a href="flexbox_computedstyle_align-self-center.xht">flexbox_computedstyle_align-self-center</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | align-self: center
</td>
</tr>
<tr id="flexbox_computedstyle_align-self-flex-end-8.3.#propdef-align-self" class="dom">
<tr id="flexbox_computedstyle_align-self-flex-end-8.3.#propdef-align-self" class="dom script">
<td>
<a href="flexbox_computedstyle_align-self-flex-end.xht">flexbox_computedstyle_align-self-flex-end</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | align-self: flex-end
</td>
</tr>
<tr id="flexbox_computedstyle_align-self-flex-start-8.3.#propdef-align-self" class="dom">
<tr id="flexbox_computedstyle_align-self-flex-start-8.3.#propdef-align-self" class="dom script">
<td>
<a href="flexbox_computedstyle_align-self-flex-start.xht">flexbox_computedstyle_align-self-flex-start</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | align-self: flex-start
</td>
</tr>
<tr id="flexbox_computedstyle_align-self-invalid-8.3.#propdef-align-self" class="dom">
<tr id="flexbox_computedstyle_align-self-invalid-8.3.#propdef-align-self" class="dom script">
<td>
<a href="flexbox_computedstyle_align-self-invalid.xht">flexbox_computedstyle_align-self-invalid</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | align-self: invalid
</td>
</tr>
<tr id="flexbox_computedstyle_align-self-stretch-8.3.#propdef-align-self" class="dom">
<tr id="flexbox_computedstyle_align-self-stretch-8.3.#propdef-align-self" class="dom script">
<td>
<a href="flexbox_computedstyle_align-self-stretch.xht">flexbox_computedstyle_align-self-stretch</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | align-self: stretch
</td>
</tr>
@ -1558,43 +1558,43 @@
<td>flexbox | align-content: stretch
</td>
</tr>
<tr id="flexbox_computedstyle_align-content-center-8.4" class="dom">
<tr id="flexbox_computedstyle_align-content-center-8.4" class="dom script">
<td>
<a href="flexbox_computedstyle_align-content-center.xht">flexbox_computedstyle_align-content-center</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | align-content: center
</td>
</tr>
<tr id="flexbox_computedstyle_align-content-flex-end-8.4" class="dom">
<tr id="flexbox_computedstyle_align-content-flex-end-8.4" class="dom script">
<td>
<a href="flexbox_computedstyle_align-content-flex-end.xht">flexbox_computedstyle_align-content-flex-end</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | align-content: flex-end
</td>
</tr>
<tr id="flexbox_computedstyle_align-content-flex-start-8.4" class="dom">
<tr id="flexbox_computedstyle_align-content-flex-start-8.4" class="dom script">
<td>
<a href="flexbox_computedstyle_align-content-flex-start.xht">flexbox_computedstyle_align-content-flex-start</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | align-content: flex-start
</td>
</tr>
<tr id="flexbox_computedstyle_align-content-space-around-8.4" class="dom">
<tr id="flexbox_computedstyle_align-content-space-around-8.4" class="dom script">
<td>
<a href="flexbox_computedstyle_align-content-space-around.xht">flexbox_computedstyle_align-content-space-around</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | align-content: space-around
</td>
</tr>
<tr id="flexbox_computedstyle_align-content-space-between-8.4" class="dom">
<tr id="flexbox_computedstyle_align-content-space-between-8.4" class="dom script">
<td>
<a href="flexbox_computedstyle_align-content-space-between.xht">flexbox_computedstyle_align-content-space-between</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>flexbox | computed style | align-content: space-between
</td>
</tr>

102
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-9.xht
View file

@ -13,7 +13,7 @@
<body>
<h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1>
<h2>Flex Layout Algorithm (68 tests)</h2>
<h2>Flex Layout Algorithm (74 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -517,7 +517,7 @@
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.#hypothetical-main-size">
<!-- 2 tests -->
<!-- 8 tests -->
<tr id="flex-aspect-ratio-img-column-001-9.2.#hypothetical-main-size" class="primary">
<td><strong>
<a href="flex-aspect-ratio-img-column-001.xht">flex-aspect-ratio-img-column-001</a></strong></td>
@ -534,6 +534,54 @@
<td>Aspect ratio handling of images
</td>
</tr>
<tr id="flexbox-intrinsic-ratio-001-9.2.#hypothetical-main-size" class="primary">
<td><strong>
<a href="flexbox-intrinsic-ratio-001.xht">flexbox-intrinsic-ratio-001</a></strong></td>
<td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td>
<td></td>
<td>Testing how explicit main-size &amp; cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio.
</td>
</tr>
<tr id="flexbox-intrinsic-ratio-002-9.2.#hypothetical-main-size" class="primary">
<td><strong>
<a href="flexbox-intrinsic-ratio-002.xht">flexbox-intrinsic-ratio-002</a></strong></td>
<td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td>
<td></td>
<td>Testing how explicit main-size &amp; cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio.
</td>
</tr>
<tr id="flexbox-intrinsic-ratio-003-9.2.#hypothetical-main-size" class="primary">
<td><strong>
<a href="flexbox-intrinsic-ratio-003.xht">flexbox-intrinsic-ratio-003</a></strong></td>
<td><a href="reference/flexbox-intrinsic-ratio-003-ref.xht">=</a> </td>
<td></td>
<td>Testing how explicit main-size &amp; cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio.
</td>
</tr>
<tr id="flexbox-intrinsic-ratio-004-9.2.#hypothetical-main-size" class="primary">
<td><strong>
<a href="flexbox-intrinsic-ratio-004.xht">flexbox-intrinsic-ratio-004</a></strong></td>
<td><a href="reference/flexbox-intrinsic-ratio-004-ref.xht">=</a> </td>
<td></td>
<td>Testing how explicit main-size &amp; cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio.
</td>
</tr>
<tr id="flexbox-intrinsic-ratio-005-9.2.#hypothetical-main-size" class="primary">
<td><strong>
<a href="flexbox-intrinsic-ratio-005.xht">flexbox-intrinsic-ratio-005</a></strong></td>
<td><a href="reference/flexbox-intrinsic-ratio-005-ref.xht">=</a> </td>
<td></td>
<td>Testing how explicit main-size &amp; cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio.
</td>
</tr>
<tr id="flexbox-intrinsic-ratio-006-9.2.#hypothetical-main-size" class="primary">
<td><strong>
<a href="flexbox-intrinsic-ratio-006.xht">flexbox-intrinsic-ratio-006</a></strong></td>
<td><a href="reference/flexbox-intrinsic-ratio-006-ref.xht">=</a> </td>
<td></td>
<td>Testing how explicit main-size &amp; cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio.
</td>
</tr>
</tbody>
<tbody id="s9.3">
<tr><th colspan="4" scope="rowgroup">
@ -720,7 +768,55 @@
</tr>
</tbody>
<tbody id="s9.4.#hypothetical-cross-size">
<!-- 0 tests -->
<!-- 6 tests -->
<tr id="flexbox-intrinsic-ratio-001-9.4.#hypothetical-cross-size" class="">
<td>
<a href="flexbox-intrinsic-ratio-001.xht">flexbox-intrinsic-ratio-001</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td>
<td></td>
<td>Testing how explicit main-size &amp; cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio.
</td>
</tr>
<tr id="flexbox-intrinsic-ratio-002-9.4.#hypothetical-cross-size" class="">
<td>
<a href="flexbox-intrinsic-ratio-002.xht">flexbox-intrinsic-ratio-002</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td>
<td></td>
<td>Testing how explicit main-size &amp; cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio.
</td>
</tr>
<tr id="flexbox-intrinsic-ratio-003-9.4.#hypothetical-cross-size" class="">
<td>
<a href="flexbox-intrinsic-ratio-003.xht">flexbox-intrinsic-ratio-003</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-003-ref.xht">=</a> </td>
<td></td>
<td>Testing how explicit main-size &amp; cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio.
</td>
</tr>
<tr id="flexbox-intrinsic-ratio-004-9.4.#hypothetical-cross-size" class="">
<td>
<a href="flexbox-intrinsic-ratio-004.xht">flexbox-intrinsic-ratio-004</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-004-ref.xht">=</a> </td>
<td></td>
<td>Testing how explicit main-size &amp; cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio.
</td>
</tr>
<tr id="flexbox-intrinsic-ratio-005-9.4.#hypothetical-cross-size" class="">
<td>
<a href="flexbox-intrinsic-ratio-005.xht">flexbox-intrinsic-ratio-005</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-005-ref.xht">=</a> </td>
<td></td>
<td>Testing how explicit main-size &amp; cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio.
</td>
</tr>
<tr id="flexbox-intrinsic-ratio-006-9.4.#hypothetical-cross-size" class="">
<td>
<a href="flexbox-intrinsic-ratio-006.xht">flexbox-intrinsic-ratio-006</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-006-ref.xht">=</a> </td>
<td></td>
<td>Testing how explicit main-size &amp; cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio.
</td>
</tr>
</tbody>
<tbody id="s9.4.#strut-size">
<!-- 0 tests -->

124
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-001.xht Normal file
View file

@ -0,0 +1,124 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
--><html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>
CSS Test: Testing how explicit main-size &amp; cross-size constraints
influence sizing on non-stretched flex item w/ intrinsic ratio.
</title>
<link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" />
<link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" />
<link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" />
<link href="reference/flexbox-intrinsic-ratio-001-ref.xht" rel="match" />
<style>
.flexbox {
display: flex;
flex-direction: row;
border: 1px solid black;
margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */
width: 40px;
height: 40px;
justify-content: flex-start;
align-items: flex-start;
float: left; /* For testing in "rows" */
}
br { clear: both; }
.flexbox &gt; * {
/* Disable "min-width:auto"/"min-height:auto" to focus purely on
later channels of influence. */
min-width: 0;
min-height: 0;
}
</style>
</head>
<body>
<!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. -->
<!-- Row 1: no special sizing: -->
<div class="flexbox">
<img src="support/solidblue.png" />
</div>
<br />
<!-- Row 2: Specified main-size, cross-size, or flex-basis: -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="height: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="flex: 0 0 30px" />
</div>
<br />
<!-- Row 3: min main-size OR min cross-size, or both -->
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="min-height: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 30px;
min-height: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 34px;
min-height: 30px" />
</div>
<br />
<!-- Row 4: max main-size OR max cross-size, or both -->
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px;
max-height: 6px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 6px;
max-height: 10px" />
</div>
<br />
<!-- Row 5: min main-size vs. max cross-size, & vice versa -->
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 30px;
max-height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px;
min-height: 30px" />
</div>
<br />
<!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa -->
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 30px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px;
max-height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px;
height: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
min-height: 30px" />
</div>
</body></html>

124
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-002.xht Normal file
View file

@ -0,0 +1,124 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
--><html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>
CSS Test: Testing how explicit main-size &amp; cross-size constraints
influence sizing on non-stretched flex item w/ intrinsic ratio.
</title>
<link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" />
<link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" />
<link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" />
<link href="reference/flexbox-intrinsic-ratio-001-ref.xht" rel="match" />
<style>
.flexbox {
display: flex;
flex-direction: column;
border: 1px solid black;
margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */
width: 40px;
height: 40px;
justify-content: flex-start;
align-items: flex-start;
float: left; /* For testing in "rows" */
}
br { clear: both; }
.flexbox &gt; * {
/* Disable "min-width:auto"/"min-height:auto" to focus purely on
later channels of influence. */
min-width: 0;
min-height: 0;
}
</style>
</head>
<body>
<!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. -->
<!-- Row 1: no special sizing: -->
<div class="flexbox">
<img src="support/solidblue.png" />
</div>
<br />
<!-- Row 2: Specified main-size, cross-size, or flex-basis: -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="height: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="flex: 0 0 30px" />
</div>
<br />
<!-- Row 3: min main-size OR min cross-size, or both -->
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="min-height: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 30px;
min-height: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 34px;
min-height: 30px" />
</div>
<br />
<!-- Row 4: max main-size OR max cross-size, or both -->
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px;
max-height: 6px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 6px;
max-height: 10px" />
</div>
<br />
<!-- Row 5: min main-size vs. max cross-size, & vice versa -->
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 30px;
max-height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px;
min-height: 30px" />
</div>
<br />
<!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa -->
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 30px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px;
max-height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px;
height: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
min-height: 30px" />
</div>
</body></html>

124
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-003.xht Normal file
View file

@ -0,0 +1,124 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
--><html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>
CSS Test: Testing how explicit main-size &amp; cross-size constraints
influence sizing on stretched flex item w/ intrinsic ratio.
</title>
<link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" />
<link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" />
<link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" />
<link href="reference/flexbox-intrinsic-ratio-003-ref.xht" rel="match" />
<style>
.flexbox {
display: flex;
flex-direction: row;
border: 1px solid black;
margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */
width: 40px;
height: 40px;
justify-content: flex-start;
align-items: stretch;
float: left; /* For testing in "rows" */
}
br { clear: both; }
.flexbox &gt; * {
/* Disable "min-width:auto"/"min-height:auto" to focus purely on
later channels of influence. */
min-width: 0;
min-height: 0;
}
</style>
</head>
<body>
<!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. -->
<!-- Row 1: no special sizing: -->
<div class="flexbox">
<img src="support/solidblue.png" />
</div>
<br />
<!-- Row 2: Specified main-size, cross-size, or flex-basis: -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="height: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="flex: 0 0 30px" />
</div>
<br />
<!-- Row 3: min main-size OR min cross-size, or both -->
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="min-height: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 30px;
min-height: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 34px;
min-height: 30px" />
</div>
<br />
<!-- Row 4: max main-size OR max cross-size, or both -->
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px;
max-height: 6px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 6px;
max-height: 10px" />
</div>
<br />
<!-- Row 5: min main-size vs. max cross-size, & vice versa -->
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 30px;
max-height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px;
min-height: 30px" />
</div>
<br />
<!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa -->
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 30px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px;
max-height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px;
height: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
min-height: 30px" />
</div>
</body></html>

124
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-004.xht Normal file
View file

@ -0,0 +1,124 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
--><html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>
CSS Test: Testing how explicit main-size &amp; cross-size constraints
influence sizing on stretched flex item w/ intrinsic ratio.
</title>
<link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" />
<link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" />
<link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" />
<link href="reference/flexbox-intrinsic-ratio-004-ref.xht" rel="match" />
<style>
.flexbox {
display: flex;
flex-direction: column;
border: 1px solid black;
margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */
width: 40px;
height: 40px;
justify-content: flex-start;
align-items: stretch;
float: left; /* For testing in "rows" */
}
br { clear: both; }
.flexbox &gt; * {
/* Disable "min-width:auto"/"min-height:auto" to focus purely on
later channels of influence. */
min-width: 0;
min-height: 0;
}
</style>
</head>
<body>
<!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. -->
<!-- Row 1: no special sizing: -->
<div class="flexbox">
<img src="support/solidblue.png" />
</div>
<br />
<!-- Row 2: Specified main-size, cross-size, or flex-basis: -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="height: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="flex: 0 0 30px" />
</div>
<br />
<!-- Row 3: min main-size OR min cross-size, or both -->
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="min-height: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 30px;
min-height: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 34px;
min-height: 30px" />
</div>
<br />
<!-- Row 4: max main-size OR max cross-size, or both -->
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px;
max-height: 6px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 6px;
max-height: 10px" />
</div>
<br />
<!-- Row 5: min main-size vs. max cross-size, & vice versa -->
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 30px;
max-height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px;
min-height: 30px" />
</div>
<br />
<!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa -->
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 30px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px;
max-height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px;
height: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
min-height: 30px" />
</div>
</body></html>

126
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-005.xht Normal file
View file

@ -0,0 +1,126 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
--><html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>
CSS Test: Testing how explicit main-size &amp; cross-size constraints
influence sizing on non-stretched flexible flex item w/ intrinsic ratio.
</title>
<link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" />
<link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" />
<link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" />
<link href="reference/flexbox-intrinsic-ratio-005-ref.xht" rel="match" />
<style>
.flexbox {
display: flex;
flex-direction: row;
border: 1px solid black;
margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */
width: 40px;
height: 40px;
justify-content: flex-start;
align-items: flex-start;
float: left; /* For testing in "rows" */
}
br { clear: both; }
.flexbox &gt; * {
flex: 1;
/* Disable "min-width:auto"/"min-height:auto" to focus purely on
later channels of influence. */
min-width: 0;
min-height: 0;
}
</style>
</head>
<body>
<!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. -->
<!-- Row 1: no special sizing: -->
<div class="flexbox">
<img src="support/solidblue.png" />
</div>
<br />
<!-- Row 2: Specified main-size, cross-size, or flex-basis: -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="height: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="flex: 1 1 30px" />
</div>
<br />
<!-- Row 3: min main-size OR min cross-size, or both -->
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="min-height: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 30px;
min-height: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 34px;
min-height: 30px" />
</div>
<br />
<!-- Row 4: max main-size OR max cross-size, or both -->
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px;
max-height: 6px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 6px;
max-height: 10px" />
</div>
<br />
<!-- Row 5: min main-size vs. max cross-size, & vice versa -->
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 30px;
max-height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px;
min-height: 30px" />
</div>
<br />
<!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa -->
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 30px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px;
max-height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px;
height: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
min-height: 30px" />
</div>
</body></html>

126
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-006.xht Normal file
View file

@ -0,0 +1,126 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
--><html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>
CSS Test: Testing how explicit main-size &amp; cross-size constraints
influence sizing on non-stretched flexible flex item w/ intrinsic ratio.
</title>
<link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" />
<link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" />
<link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" />
<link href="reference/flexbox-intrinsic-ratio-006-ref.xht" rel="match" />
<style>
.flexbox {
display: flex;
flex-direction: column;
border: 1px solid black;
margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */
width: 40px;
height: 40px;
justify-content: flex-start;
align-items: flex-start;
float: left; /* For testing in "rows" */
}
br { clear: both; }
.flexbox &gt; * {
flex: 1;
/* Disable "min-width:auto"/"min-height:auto" to focus purely on
later channels of influence. */
min-width: 0;
min-height: 0;
}
</style>
</head>
<body>
<!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. -->
<!-- Row 1: no special sizing: -->
<div class="flexbox">
<img src="support/solidblue.png" />
</div>
<br />
<!-- Row 2: Specified main-size, cross-size, or flex-basis: -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="height: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="flex: 1 1 30px" />
</div>
<br />
<!-- Row 3: min main-size OR min cross-size, or both -->
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="min-height: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 30px;
min-height: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 34px;
min-height: 30px" />
</div>
<br />
<!-- Row 4: max main-size OR max cross-size, or both -->
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px;
max-height: 6px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 6px;
max-height: 10px" />
</div>
<br />
<!-- Row 5: min main-size vs. max cross-size, & vice versa -->
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 30px;
max-height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px;
min-height: 30px" />
</div>
<br />
<!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa -->
<div class="flexbox">
<img src="support/solidblue.png" style="min-width: 30px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px;
max-height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="max-width: 10px;
height: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
min-height: 30px" />
</div>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-center.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-content: center</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
align-content: center;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("align-content") ==
"center";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("align-content"),
"center");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-flex-end.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-content: flex-end</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
align-content: flex-end;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("align-content") ==
"flex-end";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("align-content"),
"flex-end");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-flex-start.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-content: flex-start</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
align-content: flex-start;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("align-content") ==
"flex-start";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("align-content"),
"flex-start");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-space-around.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-content: space-around</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
align-content: space-around;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("align-content") ==
"space-around";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("align-content"),
"space-around");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-space-between.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-content: space-between</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
align-content: space-between;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("align-content") ==
"space-between";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("align-content"),
"space-between");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-baseline.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: baseline</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
align-items: baseline;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("align-items") ==
"baseline";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("align-items"),
"baseline");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-center.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: center</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
align-items: center;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("align-items") ==
"center";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("align-items"),
"center");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-flex-end.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: flex-end</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
align-items: flex-end;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("align-items") ==
"flex-end";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("align-items"),
"flex-end");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-flex-start.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: flex-start</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
align-items: flex-start;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("align-items") ==
"flex-start";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("align-items"),
"flex-start");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-invalid.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: invalid</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
align-items: damer;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("align-items") ==
"stretch";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("align-items"),
"stretch");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-stretch.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: stretch</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
align-items: stretch;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("align-items") ==
"stretch";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("align-items"),
"stretch");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-baseline.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: baseline</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
align-self: baseline;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("align-self") ==
"baseline";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("align-self"),
"baseline");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-center.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: center</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
align-self: center;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("align-self") ==
"center";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("align-self"),
"center");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-flex-end.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: flex-end</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
align-self: flex-end;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("align-self") ==
"flex-end";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("align-self"),
"flex-end");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-flex-start.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: flex-start</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
align-self: flex-start;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("align-self") ==
"flex-start";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("align-self"),
"flex-start");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-invalid.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: invalid</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
align-self: damer;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("align-self") ==
"stretch";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("align-self"),
"stretch");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-stretch.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: stretch</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
align-self: stretch;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("align-self") ==
"stretch";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("align-self"),
"stretch");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_display-inline.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | display: inline-flex</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
display: inline-flex;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("display") ==
"inline-flex";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("display"),
"inline-flex");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_display.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | display: flex</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
display: flex;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("display") ==
"flex";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("display"),
"flex");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-0.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-basis: 0</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-basis: 0;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("flex-basis") ==
"0px";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
"0px");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-0percent.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-basis: 0%</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-basis: 0%;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("flex-basis") ==
"0px";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
"0px");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-auto.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-basis: auto</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-basis: auto;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("flex-basis") ==
"auto";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
"auto");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-percent.xht
View file

@ -2,7 +2,8 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-basis: percent</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
html {
@ -14,15 +15,14 @@ body {
margin: 0;
flex-basis: 100%;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("flex-basis") ==
"100%";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
"100%");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-column-reverse.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-direction: column-reverse</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-direction: column-reverse;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("flex-direction") ==
"column-reverse";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"column-reverse");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-column.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-direction: column</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-direction: column;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("flex-direction") ==
"column";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"column");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-invalid.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-direction: row</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-direction: damer;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("flex-direction") ==
"row";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-row-reverse.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-direction: row-reverse</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-direction: row-reverse;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("flex-direction") ==
"row-reverse";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row-reverse");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-row.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-direction: row</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-direction: row;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("flex-direction") ==
"row";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row");
});
</script>
</body></html>

18
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht
View file

@ -4,24 +4,24 @@
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-flow: column nowrap;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-direction") ==
"column" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"nowrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"column");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"nowrap");
});
</script>
</body></html>

18
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht
View file

@ -4,24 +4,24 @@
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-flow: column-reverse nowrap;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-direction") ==
"column-reverse" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"nowrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"column-reverse");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"nowrap");
});
</script>
</body></html>

18
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht
View file

@ -4,24 +4,24 @@
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-flow: column-reverse wrap;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-direction") ==
"column-reverse" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"wrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"column-reverse");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"wrap");
});
</script>
</body></html>

18
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht
View file

@ -3,24 +3,24 @@
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-flow: column-reverse;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-direction") ==
"column-reverse" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"nowrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"column-reverse");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"nowrap");
});
</script>
</body></html>

18
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht
View file

@ -4,24 +4,24 @@
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-flow: column wrap-reverse;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-direction") ==
"column" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"wrap-reverse");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"column");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"wrap-reverse");
});
</script>
</body></html>

18
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht
View file

@ -4,24 +4,24 @@
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-flow: column wrap;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-direction") ==
"column" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"wrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"column");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"wrap");
});
</script>
</body></html>

18
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column.xht
View file

@ -3,24 +3,24 @@
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-flow: column;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-direction") ==
"column" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"nowrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"column");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"nowrap");
});
</script>
</body></html>

18
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht
View file

@ -3,24 +3,24 @@
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-flow: nowrap;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-direction") ==
"row" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"nowrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"nowrap");
});
</script>
</body></html>

18
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht
View file

@ -4,24 +4,24 @@
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-flow: row nowrap;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-direction") ==
"row" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"nowrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"nowrap");
});
</script>
</body></html>

18
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht
View file

@ -4,24 +4,24 @@
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-flow: row-reverse nowrap;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-direction") ==
"row-reverse" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"nowrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row-reverse");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"nowrap");
});
</script>
</body></html>

18
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht
View file

@ -4,24 +4,24 @@
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-flow: row-reverse wrap-reverse;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-direction") ==
"row-reverse" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"wrap-reverse");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row-reverse");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"wrap-reverse");
});
</script>
</body></html>

18
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht
View file

@ -4,24 +4,24 @@
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-flow: row-reverse wrap;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-direction") ==
"row-reverse" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"wrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row-reverse");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"wrap");
});
</script>
</body></html>

18
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht
View file

@ -3,24 +3,24 @@
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-flow: row-reverse;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-direction") ==
"row-reverse" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"nowrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row-reverse");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"nowrap");
});
</script>
</body></html>

18
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht
View file

@ -4,24 +4,24 @@
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-flow: row wrap-reverse;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-direction") ==
"row" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"wrap-reverse");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"wrap-reverse");
});
</script>
</body></html>

18
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht
View file

@ -4,24 +4,24 @@
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-flow: row wrap;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-direction") ==
"row" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"wrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"wrap");
});
</script>
</body></html>

18
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row.xht
View file

@ -3,24 +3,24 @@
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-flow: row;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-direction") ==
"row" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"nowrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"nowrap");
});
</script>
</body></html>

18
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-wrap.xht
View file

@ -3,24 +3,24 @@
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-flow: wrap;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-direction") ==
"row" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"wrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
"row");
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"wrap");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-0.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-grow: 0</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-grow: 0;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("flex-grow") ==
"0";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
"0");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-invalid.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-grow: negative</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-grow: -1;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("flex-grow") ==
"0";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
"0");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-number.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-grow: number</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-grow: 666;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("flex-grow") ==
"666";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
"666");
});
</script>
</body></html>

22
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-0-auto.xht
View file

@ -2,26 +2,26 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: 0 auto</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex: initial;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-grow") ==
"0" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-shrink") ==
"1" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-basis") ==
"auto");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
"0");
assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
"1");
assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
"auto");
});
</script>
</body></html>

22
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-auto.xht
View file

@ -2,26 +2,26 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: auto</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex: auto;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-grow") ==
"1" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-shrink") ==
"1" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-basis") ==
"auto");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
"1");
assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
"1");
assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
"auto");
});
</script>
</body></html>

22
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-initial.xht
View file

@ -2,26 +2,26 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: initial</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex: initial;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-grow") ==
"0" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-shrink") ==
"1" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-basis") ==
"auto");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
"0");
assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
"1");
assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
"auto");
});
</script>
</body></html>

22
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-invalid.xht
View file

@ -2,26 +2,26 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: invalid</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex: 0 1 1;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-grow") ==
"0" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-shrink") ==
"1" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-basis") ==
"auto");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
"0");
assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
"1");
assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
"auto");
});
</script>
</body></html>

22
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-none.xht
View file

@ -2,26 +2,26 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: auto</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex: none;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-grow") ==
"0" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-shrink") ==
"0" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-basis") ==
"auto");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
"0");
assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
"0");
assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
"auto");
});
</script>
</body></html>

22
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-number.xht
View file

@ -2,26 +2,26 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: number</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex: 666;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-grow") ==
"666" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-shrink") ==
"1" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-basis") ==
"0px");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
"666");
assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
"1");
assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
"0px");
});
</script>
</body></html>

22
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand.xht
View file

@ -2,26 +2,26 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: invalid</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex: 666 666 666px;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
(getComputedStyle(body).getPropertyValue("flex-grow") ==
"666" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-shrink") ==
"666" &amp;&amp;
getComputedStyle(body).getPropertyValue("flex-basis") ==
"666px");
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"),
"666");
assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
"666");
assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"),
"666px");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-0.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-shrink: 0</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-shrink: 0;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("flex-shrink") ==
"0";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
"0");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-invalid.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-shrink: negative</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-shrink: -1;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("flex-shrink") ==
"1";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
"1");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-number.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-shrink: number</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-shrink: 666;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("flex-shrink") ==
"666";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"),
"666");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-invalid.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-wrap: wrap</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-wrap: damer;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"nowrap";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"nowrap");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-nowrap.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-wrap: nowrap</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-wrap: nowrap;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"nowrap";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"nowrap");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-wrap-reverse.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-wrap: wrap-reverse</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-wrap: wrap-reverse;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"wrap-reverse";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"wrap-reverse");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-wrap.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-wrap: wrap</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
flex-wrap: wrap;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"wrap";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
"wrap");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-center.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | justify-content: center</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
justify-content: center;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("justify-content") ==
"center";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("justify-content"),
"center");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-flex-end.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | justify-content: flex-end</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
justify-content: flex-end;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("justify-content") ==
"flex-end";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("justify-content"),
"flex-end");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-flex-start.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | justify-content: flex-start</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
justify-content: flex-start;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("justify-content") ==
"flex-start";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("justify-content"),
"flex-start");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-space-around.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | justify-content: space-around</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
justify-content: space-around;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("justify-content") ==
"space-around";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("justify-content"),
"space-around");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-space-between.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | justify-content: space-between</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
justify-content: space-between;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("justify-content") ==
"space-between";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("justify-content"),
"space-between");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_min-height-auto.xht
View file

@ -2,7 +2,8 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | min-height: auto</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
html {
@ -13,15 +14,14 @@ body {
color: red;
min-height: auto;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("min-height") ==
"auto";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("min-height"),
"auto");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_min-width-auto.xht
View file

@ -2,7 +2,8 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | min-width: auto</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
html {
@ -12,15 +13,14 @@ body {
color: red;
min-width: auto;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("min-width") ==
"auto";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("min-width"),
"auto");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-inherit.xht
View file

@ -2,7 +2,8 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | order: -1</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
html {
@ -12,15 +13,14 @@ body {
color: red;
order: inherit;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("order") ==
"666";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("order"),
"666");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-integer.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | order: integer</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
order: 5;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("order") ==
"5";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("order"),
"5");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-invalid.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | order: noninteger</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
order: 1.5;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("order") ==
"0";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("order"),
"0");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-negative.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | order: -1</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
order: -1;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("order") ==
"-1";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("order"),
"-1");
});
</script>
</body></html>

14
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order.xht
View file

@ -2,22 +2,22 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | order: 0</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags" />
<style>
body {
color: red;
order: 0;
}
.PASS {color: black;}
</style>
</head><body><h1>FAIL, enable javascript</h1>
</head><body><div id="log"></div>
<script>
test(function() {
var body = document.body;
var passed =
getComputedStyle(body).getPropertyValue("order") ==
"0";
body.textContent = body.className = passed ? "PASS" : "FAIL";
assert_equals(getComputedStyle(body).getPropertyValue("order"),
"0");
});
</script>
</body></html>

121
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-001-ref.xht Normal file
View file

@ -0,0 +1,121 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
--><html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Reftest Reference</title>
<link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" />
<style>
.flexbox {
border: 1px solid black;
margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */
width: 40px;
height: 40px;
float: left; /* For testing in "rows" */
}
br { clear: both; }
.flexbox &gt; * {
/* Disable "min-width:auto"/"min-height:auto" to focus purely on
later channels of influence. */
min-width: 0;
min-height: 0;
vertical-align: top;
}
</style>
</head>
<body>
<!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. -->
<!-- Row 1: no special sizing: -->
<div class="flexbox">
<img src="support/solidblue.png" />
</div>
<br />
<!-- Row 2: Specified main-size, cross-size, or flex-basis: -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px;
height: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px;
height: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px;
height: 30px" />
</div>
<br />
<!-- Row 3: min main-size OR min cross-size, or both -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 34px;
height: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 34px;
height: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 34px;
height: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 34px;
height: 34px" />
</div>
<br />
<!-- Row 4: max main-size OR max cross-size, or both -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 6px;
height: 6px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 6px;
height: 6px" />
</div>
<br />
<!-- Row 5: min main-size vs. max cross-size, & vice versa -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 30px" />
</div>
<br />
<!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 30px" />
</div>
</body></html>

122
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-003-ref.xht Normal file
View file

@ -0,0 +1,122 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
--><html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Reftest Reference</title>
<link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" />
<style>
.flexbox {
border: 1px solid black;
margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */
width: 40px;
height: 40px;
float: left; /* For testing in "rows" */
}
br { clear: both; }
.flexbox &gt; * {
/* Disable "min-width:auto"/"min-height:auto" to focus purely on
later channels of influence. */
min-width: 0;
min-height: 0;
vertical-align: top;
}
</style>
</head>
<body>
<!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. -->
<!-- Row 1: no special sizing: -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 16px;
height: 40px" />
</div>
<br />
<!-- Row 2: Specified main-size, cross-size, or flex-basis: -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px;
height: 40px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px;
height: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px;
height: 40px" />
</div>
<br />
<!-- Row 3: min main-size OR min cross-size, or both -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 34px;
height: 40px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 34px;
height: 40px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 34px;
height: 40px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 34px;
height: 40px" />
</div>
<br />
<!-- Row 4: max main-size OR max cross-size, or both -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 40px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 6px;
height: 6px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 6px;
height: 10px" />
</div>
<br />
<!-- Row 5: min main-size vs. max cross-size, & vice versa -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 40px" />
</div>
<br />
<!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 40px" />
</div>
</body></html>

122
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-004-ref.xht Normal file
View file

@ -0,0 +1,122 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
--><html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Reftest Reference</title>
<link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" />
<style>
.flexbox {
border: 1px solid black;
margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */
width: 40px;
height: 40px;
float: left; /* For testing in "rows" */
}
br { clear: both; }
.flexbox &gt; * {
/* Disable "min-width:auto"/"min-height:auto" to focus purely on
later channels of influence. */
min-width: 0;
min-height: 0;
vertical-align: top;
}
</style>
</head>
<body>
<!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. -->
<!-- Row 1: no special sizing: -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 16px" />
</div>
<br />
<!-- Row 2: Specified main-size, cross-size, or flex-basis: -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px;
height: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 30px" />
</div>
<br />
<!-- Row 3: min main-size OR min cross-size, or both -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 34px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 34px" />
</div>
<br />
<!-- Row 4: max main-size OR max cross-size, or both -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 6px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 6px;
height: 6px" />
</div>
<br />
<!-- Row 5: min main-size vs. max cross-size, & vice versa -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 30px" />
</div>
<br />
<!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 30px" />
</div>
</body></html>

122
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-005-ref.xht Normal file
View file

@ -0,0 +1,122 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
--><html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Reftest Reference</title>
<link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" />
<style>
.flexbox {
border: 1px solid black;
margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */
width: 40px;
height: 40px;
float: left; /* For testing in "rows" */
}
br { clear: both; }
.flexbox &gt; * {
/* Disable "min-width:auto"/"min-height:auto" to focus purely on
later channels of influence. */
min-width: 0;
min-height: 0;
vertical-align: top;
}
</style>
</head>
<body>
<!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. -->
<!-- Row 1: no special sizing: -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 40px" />
</div>
<br />
<!-- Row 2: Specified main-size, cross-size, or flex-basis: -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 40px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 40px" />
</div>
<br />
<!-- Row 3: min main-size OR min cross-size, or both -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 40px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 40px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 40px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 40px" />
</div>
<br />
<!-- Row 4: max main-size OR max cross-size, or both -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 6px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 6px;
height: 6px" />
</div>
<br />
<!-- Row 5: min main-size vs. max cross-size, & vice versa -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 30px" />
</div>
<br />
<!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 30px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 40px" />
</div>
</body></html>

122
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-006-ref.xht Normal file
View file

@ -0,0 +1,122 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
--><html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Reftest Reference</title>
<link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" />
<style>
.flexbox {
border: 1px solid black;
margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */
width: 40px;
height: 40px;
float: left; /* For testing in "rows" */
}
br { clear: both; }
.flexbox &gt; * {
/* Disable "min-width:auto"/"min-height:auto" to focus purely on
later channels of influence. */
min-width: 0;
min-height: 0;
vertical-align: top;
}
</style>
</head>
<body>
<!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. -->
<!-- Row 1: no special sizing: -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 40px" />
</div>
<br />
<!-- Row 2: Specified main-size, cross-size, or flex-basis: -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px;
height: 40px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 40px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 40px" />
</div>
<br />
<!-- Row 3: min main-size OR min cross-size, or both -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 40px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 40px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 40px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 40px" />
</div>
<br />
<!-- Row 4: max main-size OR max cross-size, or both -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 40px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 6px;
height: 6px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 6px;
height: 10px" />
</div>
<br />
<!-- Row 5: min main-size vs. max cross-size, & vice versa -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 40px" />
</div>
<br />
<!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa -->
<div class="flexbox">
<img src="support/solidblue.png" style="width: 40px;
height: 40px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 30px;
height: 10px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 40px" />
</div>
<div class="flexbox">
<img src="support/solidblue.png" style="width: 10px;
height: 40px" />
</div>
</body></html>

640
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest-toc.xht
View file

@ -1720,6 +1720,54 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="flexbox-intrinsic-ratio-001" class="">
<tr>
<td rowspan="1" title="Testing how explicit main-size &amp; cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio.">
<a href="flexbox-intrinsic-ratio-001.xht">flexbox-intrinsic-ratio-001</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="flexbox-intrinsic-ratio-002" class="">
<tr>
<td rowspan="1" title="Testing how explicit main-size &amp; cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio.">
<a href="flexbox-intrinsic-ratio-002.xht">flexbox-intrinsic-ratio-002</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="flexbox-intrinsic-ratio-003" class="">
<tr>
<td rowspan="1" title="Testing how explicit main-size &amp; cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio.">
<a href="flexbox-intrinsic-ratio-003.xht">flexbox-intrinsic-ratio-003</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-003-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="flexbox-intrinsic-ratio-004" class="">
<tr>
<td rowspan="1" title="Testing how explicit main-size &amp; cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio.">
<a href="flexbox-intrinsic-ratio-004.xht">flexbox-intrinsic-ratio-004</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-004-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="flexbox-intrinsic-ratio-005" class="">
<tr>
<td rowspan="1" title="Testing how explicit main-size &amp; cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio.">
<a href="flexbox-intrinsic-ratio-005.xht">flexbox-intrinsic-ratio-005</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-005-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="flexbox-intrinsic-ratio-006" class="">
<tr>
<td rowspan="1" title="Testing how explicit main-size &amp; cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio.">
<a href="flexbox-intrinsic-ratio-006.xht">flexbox-intrinsic-ratio-006</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-006-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="flexbox-items-as-stacking-contexts-001" class="">
<tr>
<td rowspan="1" title="Testing that 'z-index' property makes flex items form stacking contexts">
@ -2528,598 +2576,6 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_align-content-center" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | align-content: center">
<a href="flexbox_computedstyle_align-content-center.xht">flexbox_computedstyle_align-content-center</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_align-content-flex-end" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | align-content: flex-end">
<a href="flexbox_computedstyle_align-content-flex-end.xht">flexbox_computedstyle_align-content-flex-end</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_align-content-flex-start" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | align-content: flex-start">
<a href="flexbox_computedstyle_align-content-flex-start.xht">flexbox_computedstyle_align-content-flex-start</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_align-content-space-around" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | align-content: space-around">
<a href="flexbox_computedstyle_align-content-space-around.xht">flexbox_computedstyle_align-content-space-around</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_align-content-space-between" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | align-content: space-between">
<a href="flexbox_computedstyle_align-content-space-between.xht">flexbox_computedstyle_align-content-space-between</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_align-items-baseline" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | align-items: baseline">
<a href="flexbox_computedstyle_align-items-baseline.xht">flexbox_computedstyle_align-items-baseline</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_align-items-center" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | align-items: center">
<a href="flexbox_computedstyle_align-items-center.xht">flexbox_computedstyle_align-items-center</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_align-items-flex-end" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | align-items: flex-end">
<a href="flexbox_computedstyle_align-items-flex-end.xht">flexbox_computedstyle_align-items-flex-end</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_align-items-flex-start" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | align-items: flex-start">
<a href="flexbox_computedstyle_align-items-flex-start.xht">flexbox_computedstyle_align-items-flex-start</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_align-items-invalid" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | align-items: invalid">
<a href="flexbox_computedstyle_align-items-invalid.xht">flexbox_computedstyle_align-items-invalid</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_align-items-stretch" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | align-items: stretch">
<a href="flexbox_computedstyle_align-items-stretch.xht">flexbox_computedstyle_align-items-stretch</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_align-self-baseline" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | align-self: baseline">
<a href="flexbox_computedstyle_align-self-baseline.xht">flexbox_computedstyle_align-self-baseline</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_align-self-center" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | align-self: center">
<a href="flexbox_computedstyle_align-self-center.xht">flexbox_computedstyle_align-self-center</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_align-self-flex-end" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | align-self: flex-end">
<a href="flexbox_computedstyle_align-self-flex-end.xht">flexbox_computedstyle_align-self-flex-end</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_align-self-flex-start" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | align-self: flex-start">
<a href="flexbox_computedstyle_align-self-flex-start.xht">flexbox_computedstyle_align-self-flex-start</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_align-self-invalid" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | align-self: invalid">
<a href="flexbox_computedstyle_align-self-invalid.xht">flexbox_computedstyle_align-self-invalid</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_align-self-stretch" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | align-self: stretch">
<a href="flexbox_computedstyle_align-self-stretch.xht">flexbox_computedstyle_align-self-stretch</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_display" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | display: flex">
<a href="flexbox_computedstyle_display.xht">flexbox_computedstyle_display</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_display-inline" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | display: inline-flex">
<a href="flexbox_computedstyle_display-inline.xht">flexbox_computedstyle_display-inline</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-basis-0" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-basis: 0">
<a href="flexbox_computedstyle_flex-basis-0.xht">flexbox_computedstyle_flex-basis-0</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-basis-0percent" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-basis: 0%">
<a href="flexbox_computedstyle_flex-basis-0percent.xht">flexbox_computedstyle_flex-basis-0percent</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-basis-auto" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-basis: auto">
<a href="flexbox_computedstyle_flex-basis-auto.xht">flexbox_computedstyle_flex-basis-auto</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-basis-percent" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-basis: percent">
<a href="flexbox_computedstyle_flex-basis-percent.xht">flexbox_computedstyle_flex-basis-percent</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-direction-column" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-direction: column">
<a href="flexbox_computedstyle_flex-direction-column.xht">flexbox_computedstyle_flex-direction-column</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-direction-column-reverse" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-direction: column-reverse">
<a href="flexbox_computedstyle_flex-direction-column-reverse.xht">flexbox_computedstyle_flex-direction-column-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-direction-invalid" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-direction: row">
<a href="flexbox_computedstyle_flex-direction-invalid.xht">flexbox_computedstyle_flex-direction-invalid</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-direction-row" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-direction: row">
<a href="flexbox_computedstyle_flex-direction-row.xht">flexbox_computedstyle_flex-direction-row</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-direction-row-reverse" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-direction: row-reverse">
<a href="flexbox_computedstyle_flex-direction-row-reverse.xht">flexbox_computedstyle_flex-direction-row-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-flow-column" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-flow: column">
<a href="flexbox_computedstyle_flex-flow-column.xht">flexbox_computedstyle_flex-flow-column</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-flow-column-nowrap" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-flow: column nowrap">
<a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-flow-column-reverse" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-flow: column-reverse">
<a href="flexbox_computedstyle_flex-flow-column-reverse.xht">flexbox_computedstyle_flex-flow-column-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-flow-column-reverse-nowrap" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-flow: column-reverse nowrap">
<a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-flow-column-reverse-wrap" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-flow: column-reverse wrap">
<a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-flow-column-wrap" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-flow: column wrap">
<a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-flow-column-wrap-reverse" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-flow: column wrap-reverse">
<a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-flow-nowrap" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-flow: nowrap">
<a href="flexbox_computedstyle_flex-flow-nowrap.xht">flexbox_computedstyle_flex-flow-nowrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-flow-row" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-flow: row">
<a href="flexbox_computedstyle_flex-flow-row.xht">flexbox_computedstyle_flex-flow-row</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-flow-row-nowrap" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-flow: row nowrap">
<a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-flow-row-reverse" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-flow: row-reverse">
<a href="flexbox_computedstyle_flex-flow-row-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-flow-row-reverse-nowrap" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-flow: row-reverse nowrap">
<a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-flow-row-reverse-wrap" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-flow: row-reverse wrap">
<a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-flow: row-reverse wrap-reverse">
<a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-flow-row-wrap" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-flow: row wrap">
<a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-flow-row-wrap-reverse" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-flow: row wrap-reverse">
<a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-flow-wrap" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-flow: wrap">
<a href="flexbox_computedstyle_flex-flow-wrap.xht">flexbox_computedstyle_flex-flow-wrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-grow-0" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-grow: 0">
<a href="flexbox_computedstyle_flex-grow-0.xht">flexbox_computedstyle_flex-grow-0</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-grow-invalid" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-grow: negative">
<a href="flexbox_computedstyle_flex-grow-invalid.xht">flexbox_computedstyle_flex-grow-invalid</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-grow-number" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-grow: number">
<a href="flexbox_computedstyle_flex-grow-number.xht">flexbox_computedstyle_flex-grow-number</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-shorthand" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex: invalid">
<a href="flexbox_computedstyle_flex-shorthand.xht">flexbox_computedstyle_flex-shorthand</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-shorthand-0-auto" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex: 0 auto">
<a href="flexbox_computedstyle_flex-shorthand-0-auto.xht">flexbox_computedstyle_flex-shorthand-0-auto</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-shorthand-auto" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex: auto">
<a href="flexbox_computedstyle_flex-shorthand-auto.xht">flexbox_computedstyle_flex-shorthand-auto</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-shorthand-initial" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex: initial">
<a href="flexbox_computedstyle_flex-shorthand-initial.xht">flexbox_computedstyle_flex-shorthand-initial</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-shorthand-invalid" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex: invalid">
<a href="flexbox_computedstyle_flex-shorthand-invalid.xht">flexbox_computedstyle_flex-shorthand-invalid</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-shorthand-none" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex: auto">
<a href="flexbox_computedstyle_flex-shorthand-none.xht">flexbox_computedstyle_flex-shorthand-none</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-shorthand-number" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex: number">
<a href="flexbox_computedstyle_flex-shorthand-number.xht">flexbox_computedstyle_flex-shorthand-number</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-shrink-0" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-shrink: 0">
<a href="flexbox_computedstyle_flex-shrink-0.xht">flexbox_computedstyle_flex-shrink-0</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-shrink-invalid" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-shrink: negative">
<a href="flexbox_computedstyle_flex-shrink-invalid.xht">flexbox_computedstyle_flex-shrink-invalid</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-shrink-number" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-shrink: number">
<a href="flexbox_computedstyle_flex-shrink-number.xht">flexbox_computedstyle_flex-shrink-number</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-wrap-invalid" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-wrap: wrap">
<a href="flexbox_computedstyle_flex-wrap-invalid.xht">flexbox_computedstyle_flex-wrap-invalid</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-wrap-nowrap" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-wrap: nowrap">
<a href="flexbox_computedstyle_flex-wrap-nowrap.xht">flexbox_computedstyle_flex-wrap-nowrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-wrap-wrap" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-wrap: wrap">
<a href="flexbox_computedstyle_flex-wrap-wrap.xht">flexbox_computedstyle_flex-wrap-wrap</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_flex-wrap-wrap-reverse" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | flex-wrap: wrap-reverse">
<a href="flexbox_computedstyle_flex-wrap-wrap-reverse.xht">flexbox_computedstyle_flex-wrap-wrap-reverse</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_justify-content-center" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | justify-content: center">
<a href="flexbox_computedstyle_justify-content-center.xht">flexbox_computedstyle_justify-content-center</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_justify-content-flex-end" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | justify-content: flex-end">
<a href="flexbox_computedstyle_justify-content-flex-end.xht">flexbox_computedstyle_justify-content-flex-end</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_justify-content-flex-start" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | justify-content: flex-start">
<a href="flexbox_computedstyle_justify-content-flex-start.xht">flexbox_computedstyle_justify-content-flex-start</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_justify-content-space-around" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | justify-content: space-around">
<a href="flexbox_computedstyle_justify-content-space-around.xht">flexbox_computedstyle_justify-content-space-around</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_justify-content-space-between" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | justify-content: space-between">
<a href="flexbox_computedstyle_justify-content-space-between.xht">flexbox_computedstyle_justify-content-space-between</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_min-height-auto" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | min-height: auto">
<a href="flexbox_computedstyle_min-height-auto.xht">flexbox_computedstyle_min-height-auto</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_min-width-auto" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | min-width: auto">
<a href="flexbox_computedstyle_min-width-auto.xht">flexbox_computedstyle_min-width-auto</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_order" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | order: 0">
<a href="flexbox_computedstyle_order.xht">flexbox_computedstyle_order</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_order-inherit" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | order: -1">
<a href="flexbox_computedstyle_order-inherit.xht">flexbox_computedstyle_order-inherit</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_order-integer" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | order: integer">
<a href="flexbox_computedstyle_order-integer.xht">flexbox_computedstyle_order-integer</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_order-invalid" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | order: noninteger">
<a href="flexbox_computedstyle_order-invalid.xht">flexbox_computedstyle_order-invalid</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_computedstyle_order-negative" class="dom">
<tr>
<td rowspan="1" title="flexbox | computed style | order: -1">
<a href="flexbox_computedstyle_order-negative.xht">flexbox_computedstyle_order-negative</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
</tr>
</tbody>
<tbody id="flexbox_direction-column" class="">
<tr>
<td rowspan="1" title="flexbox | flex-direction: column">

80
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest.list
View file

@ -211,6 +211,12 @@ flexbox-flex-wrap-vert-001.xht == reference/flexbox-flex-wrap-vert-001-ref.xht
flexbox-flex-wrap-vert-002.xht == reference/flexbox-flex-wrap-vert-002-ref.xht
flexbox-flex-wrap-wrap.xht == reference/flexbox-flex-direction-ref.xht
flexbox-flex-wrap-wrap-reverse.xht == reference/flexbox-flex-direction-ref.xht
flexbox-intrinsic-ratio-001.xht == reference/flexbox-intrinsic-ratio-001-ref.xht
flexbox-intrinsic-ratio-002.xht == reference/flexbox-intrinsic-ratio-001-ref.xht
flexbox-intrinsic-ratio-003.xht == reference/flexbox-intrinsic-ratio-003-ref.xht
flexbox-intrinsic-ratio-004.xht == reference/flexbox-intrinsic-ratio-004-ref.xht
flexbox-intrinsic-ratio-005.xht == reference/flexbox-intrinsic-ratio-005-ref.xht
flexbox-intrinsic-ratio-006.xht == reference/flexbox-intrinsic-ratio-006-ref.xht
flexbox-items-as-stacking-contexts-001.xht == reference/flexbox-items-as-stacking-contexts-001-ref.xht
flexbox-items-as-stacking-contexts-002.xht == reference/flexbox-items-as-stacking-contexts-002-ref.xht
flexbox-items-as-stacking-contexts-003.xht == reference/flexbox-items-as-stacking-contexts-003-ref.xht
@ -312,80 +318,6 @@ flexbox_box-clear.xht == reference/flexbox_box-clear-ref.xht
flexbox_columns.xht == reference/flexbox_columns-ref.xht
flexbox_columns-flexitems.xht == reference/flexbox_columns-flexitems-ref.xht
flexbox_columns-flexitems-2.xht == reference/flexbox_columns-flexitems-2-ref.xht
flexbox_computedstyle_align-content-center.xht == reference/ref-pass-body.xht
flexbox_computedstyle_align-content-flex-end.xht == reference/ref-pass-body.xht
flexbox_computedstyle_align-content-flex-start.xht == reference/ref-pass-body.xht
flexbox_computedstyle_align-content-space-around.xht == reference/ref-pass-body.xht
flexbox_computedstyle_align-content-space-between.xht == reference/ref-pass-body.xht
flexbox_computedstyle_align-items-baseline.xht == reference/ref-pass-body.xht
flexbox_computedstyle_align-items-center.xht == reference/ref-pass-body.xht
flexbox_computedstyle_align-items-flex-end.xht == reference/ref-pass-body.xht
flexbox_computedstyle_align-items-flex-start.xht == reference/ref-pass-body.xht
flexbox_computedstyle_align-items-invalid.xht == reference/ref-pass-body.xht
flexbox_computedstyle_align-items-stretch.xht == reference/ref-pass-body.xht
flexbox_computedstyle_align-self-baseline.xht == reference/ref-pass-body.xht
flexbox_computedstyle_align-self-center.xht == reference/ref-pass-body.xht
flexbox_computedstyle_align-self-flex-end.xht == reference/ref-pass-body.xht
flexbox_computedstyle_align-self-flex-start.xht == reference/ref-pass-body.xht
flexbox_computedstyle_align-self-invalid.xht == reference/ref-pass-body.xht
flexbox_computedstyle_align-self-stretch.xht == reference/ref-pass-body.xht
flexbox_computedstyle_display.xht == reference/ref-pass-body.xht
flexbox_computedstyle_display-inline.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-basis-0.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-basis-0percent.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-basis-auto.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-basis-percent.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-direction-column.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-direction-column-reverse.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-direction-invalid.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-direction-row.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-direction-row-reverse.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-flow-column.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-flow-column-nowrap.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-flow-column-reverse.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-flow-column-reverse-wrap.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-flow-column-wrap.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-flow-column-wrap-reverse.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-flow-nowrap.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-flow-row.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-flow-row-nowrap.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-flow-row-reverse.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-flow-row-reverse-wrap.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-flow-row-wrap.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-flow-row-wrap-reverse.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-flow-wrap.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-grow-0.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-grow-invalid.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-grow-number.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-shorthand.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-shorthand-0-auto.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-shorthand-auto.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-shorthand-initial.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-shorthand-invalid.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-shorthand-none.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-shorthand-number.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-shrink-0.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-shrink-invalid.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-shrink-number.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-wrap-invalid.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-wrap-nowrap.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-wrap-wrap.xht == reference/ref-pass-body.xht
flexbox_computedstyle_flex-wrap-wrap-reverse.xht == reference/ref-pass-body.xht
flexbox_computedstyle_justify-content-center.xht == reference/ref-pass-body.xht
flexbox_computedstyle_justify-content-flex-end.xht == reference/ref-pass-body.xht
flexbox_computedstyle_justify-content-flex-start.xht == reference/ref-pass-body.xht
flexbox_computedstyle_justify-content-space-around.xht == reference/ref-pass-body.xht
flexbox_computedstyle_justify-content-space-between.xht == reference/ref-pass-body.xht
flexbox_computedstyle_min-height-auto.xht == reference/ref-pass-body.xht
flexbox_computedstyle_min-width-auto.xht == reference/ref-pass-body.xht
flexbox_computedstyle_order.xht == reference/ref-pass-body.xht
flexbox_computedstyle_order-inherit.xht == reference/ref-pass-body.xht
flexbox_computedstyle_order-integer.xht == reference/ref-pass-body.xht
flexbox_computedstyle_order-invalid.xht == reference/ref-pass-body.xht
flexbox_computedstyle_order-negative.xht == reference/ref-pass-body.xht
flexbox_direction-column.xht == reference/flexbox_direction-column-ref.xht
flexbox_direction-column-reverse.xht == reference/flexbox_direction-column-reverse-ref.xht
flexbox_direction-row-reverse.xht == reference/flexbox_direction-row-reverse-ref.xht

2
tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/toc.xht
View file

@ -62,7 +62,7 @@
<tbody id="s9">
<tr><th><a href="chapter-9.xht">Chapter 9 -
Flex Layout Algorithm</a></th>
<td>(68 Tests)</td></tr>
<td>(74 Tests)</td></tr>
</tbody>
<tbody id="s10">
<tr><th><a href="chapter-10.xht">Chapter 10 -