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

Auto merge of #11637 - servo:css-20160606, r=Ms2ger

Browse source 
Update CSS tests to revision 611d962e1b6ae62ec89ab994c9f787e84ce11b15

<!-- Reviewable:start -->
This change is [<img src="https://reviewable.io/review_button.svg" height="35" align="absmiddle" alt="Reviewable"/>](https://reviewable.io/reviews/servo/servo/11637)
<!-- Reviewable:end -->
This commit is contained in:
bors-servo 2016-06-06 09:55:07 -05:00
commit 0dea34a89c
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/html/chapter-2.htm
View file

@ -303,43 +303,43 @@
</ul> </ul>
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-direction-column.htm">flexbox_computedstyle_flex-direction-column</a></td> <a href="flexbox_computedstyle_flex-direction-column.htm">flexbox_computedstyle_flex-direction-column</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex-direction: column
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-direction-column-reverse.htm">flexbox_computedstyle_flex-direction-column-reverse</a></td> <a href="flexbox_computedstyle_flex-direction-column-reverse.htm">flexbox_computedstyle_flex-direction-column-reverse</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex-direction: column-reverse
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-direction-invalid.htm">flexbox_computedstyle_flex-direction-invalid</a></td> <a href="flexbox_computedstyle_flex-direction-invalid.htm">flexbox_computedstyle_flex-direction-invalid</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex-direction: row
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-direction-row.htm">flexbox_computedstyle_flex-direction-row</a></td> <a href="flexbox_computedstyle_flex-direction-row.htm">flexbox_computedstyle_flex-direction-row</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex-direction: row
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-direction-row-reverse.htm">flexbox_computedstyle_flex-direction-row-reverse</a></td> <a href="flexbox_computedstyle_flex-direction-row-reverse.htm">flexbox_computedstyle_flex-direction-row-reverse</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex-direction: row-reverse
</td> </td>
</tr> </tr>

12
tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-3.htm
View file

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

12
tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-4.htm
View file

@ -713,19 +713,19 @@
<td>Testing min-width:auto &amp; 'overflow' interaction <td>Testing min-width:auto &amp; 'overflow' interaction
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_min-height-auto.htm">flexbox_computedstyle_min-height-auto</a></td> <a href="flexbox_computedstyle_min-height-auto.htm">flexbox_computedstyle_min-height-auto</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | min-height: auto
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_min-width-auto.htm">flexbox_computedstyle_min-width-auto</a></td> <a href="flexbox_computedstyle_min-width-auto.htm">flexbox_computedstyle_min-width-auto</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | min-width: auto
</td> </td>
</tr> </tr>

324
tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-5.htm
View file

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

102
tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-7.htm
View file

@ -863,59 +863,59 @@
</tbody> </tbody>
<tbody id="s7.1.#propdef-flex"> <tbody id="s7.1.#propdef-flex">
<!-- 7 tests --> <!-- 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> <td>
<a href="flexbox_computedstyle_flex-shorthand.htm">flexbox_computedstyle_flex-shorthand</a></td> <a href="flexbox_computedstyle_flex-shorthand.htm">flexbox_computedstyle_flex-shorthand</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex: invalid
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-shorthand-0-auto.htm">flexbox_computedstyle_flex-shorthand-0-auto</a></td> <a href="flexbox_computedstyle_flex-shorthand-0-auto.htm">flexbox_computedstyle_flex-shorthand-0-auto</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex: 0 auto
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-shorthand-auto.htm">flexbox_computedstyle_flex-shorthand-auto</a></td> <a href="flexbox_computedstyle_flex-shorthand-auto.htm">flexbox_computedstyle_flex-shorthand-auto</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex: auto
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-shorthand-initial.htm">flexbox_computedstyle_flex-shorthand-initial</a></td> <a href="flexbox_computedstyle_flex-shorthand-initial.htm">flexbox_computedstyle_flex-shorthand-initial</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex: initial
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-shorthand-invalid.htm">flexbox_computedstyle_flex-shorthand-invalid</a></td> <a href="flexbox_computedstyle_flex-shorthand-invalid.htm">flexbox_computedstyle_flex-shorthand-invalid</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex: invalid
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-shorthand-none.htm">flexbox_computedstyle_flex-shorthand-none</a></td> <a href="flexbox_computedstyle_flex-shorthand-none.htm">flexbox_computedstyle_flex-shorthand-none</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex: auto
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-shorthand-number.htm">flexbox_computedstyle_flex-shorthand-number</a></td> <a href="flexbox_computedstyle_flex-shorthand-number.htm">flexbox_computedstyle_flex-shorthand-number</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex: number
</td> </td>
</tr> </tr>
@ -1100,27 +1100,27 @@
</ul> </ul>
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-grow-0.htm">flexbox_computedstyle_flex-grow-0</a></td> <a href="flexbox_computedstyle_flex-grow-0.htm">flexbox_computedstyle_flex-grow-0</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex-grow: 0
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-grow-invalid.htm">flexbox_computedstyle_flex-grow-invalid</a></td> <a href="flexbox_computedstyle_flex-grow-invalid.htm">flexbox_computedstyle_flex-grow-invalid</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex-grow: negative
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-grow-number.htm">flexbox_computedstyle_flex-grow-number</a></td> <a href="flexbox_computedstyle_flex-grow-number.htm">flexbox_computedstyle_flex-grow-number</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex-grow: number
</td> </td>
</tr> </tr>
@ -1221,27 +1221,27 @@
</ul> </ul>
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-shrink-0.htm">flexbox_computedstyle_flex-shrink-0</a></td> <a href="flexbox_computedstyle_flex-shrink-0.htm">flexbox_computedstyle_flex-shrink-0</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex-shrink: 0
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-shrink-invalid.htm">flexbox_computedstyle_flex-shrink-invalid</a></td> <a href="flexbox_computedstyle_flex-shrink-invalid.htm">flexbox_computedstyle_flex-shrink-invalid</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex-shrink: negative
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-shrink-number.htm">flexbox_computedstyle_flex-shrink-number</a></td> <a href="flexbox_computedstyle_flex-shrink-number.htm">flexbox_computedstyle_flex-shrink-number</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex-shrink: number
</td> </td>
</tr> </tr>
@ -1270,35 +1270,35 @@
<a href="#s7.2.3">+</a> <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> <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 --> <!-- 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> <td>
<a href="flexbox_computedstyle_flex-basis-0.htm">flexbox_computedstyle_flex-basis-0</a></td> <a href="flexbox_computedstyle_flex-basis-0.htm">flexbox_computedstyle_flex-basis-0</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex-basis: 0
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-basis-0percent.htm">flexbox_computedstyle_flex-basis-0percent</a></td> <a href="flexbox_computedstyle_flex-basis-0percent.htm">flexbox_computedstyle_flex-basis-0percent</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex-basis: 0%
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-basis-auto.htm">flexbox_computedstyle_flex-basis-auto</a></td> <a href="flexbox_computedstyle_flex-basis-auto.htm">flexbox_computedstyle_flex-basis-auto</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex-basis: auto
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-basis-percent.htm">flexbox_computedstyle_flex-basis-percent</a></td> <a href="flexbox_computedstyle_flex-basis-percent.htm">flexbox_computedstyle_flex-basis-percent</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex-basis: percent
</td> </td>
</tr> </tr>

132
tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-8.htm
View file

@ -222,43 +222,43 @@
<td>flexbox |css-box-justify-content <td>flexbox |css-box-justify-content
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_justify-content-center.htm">flexbox_computedstyle_justify-content-center</a></td> <a href="flexbox_computedstyle_justify-content-center.htm">flexbox_computedstyle_justify-content-center</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | justify-content: center
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_justify-content-flex-end.htm">flexbox_computedstyle_justify-content-flex-end</a></td> <a href="flexbox_computedstyle_justify-content-flex-end.htm">flexbox_computedstyle_justify-content-flex-end</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | justify-content: flex-end
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_justify-content-flex-start.htm">flexbox_computedstyle_justify-content-flex-start</a></td> <a href="flexbox_computedstyle_justify-content-flex-start.htm">flexbox_computedstyle_justify-content-flex-start</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | justify-content: flex-start
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_justify-content-space-around.htm">flexbox_computedstyle_justify-content-space-around</a></td> <a href="flexbox_computedstyle_justify-content-space-around.htm">flexbox_computedstyle_justify-content-space-around</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | justify-content: space-around
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_justify-content-space-between.htm">flexbox_computedstyle_justify-content-space-between</a></td> <a href="flexbox_computedstyle_justify-content-space-between.htm">flexbox_computedstyle_justify-content-space-between</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | justify-content: space-between
</td> </td>
</tr> </tr>
@ -1053,51 +1053,51 @@
<td>flexbox | align-self: stretch <td>flexbox | align-self: stretch
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_align-items-baseline.htm">flexbox_computedstyle_align-items-baseline</a></td> <a href="flexbox_computedstyle_align-items-baseline.htm">flexbox_computedstyle_align-items-baseline</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | align-items: baseline
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_align-items-center.htm">flexbox_computedstyle_align-items-center</a></td> <a href="flexbox_computedstyle_align-items-center.htm">flexbox_computedstyle_align-items-center</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | align-items: center
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_align-items-flex-end.htm">flexbox_computedstyle_align-items-flex-end</a></td> <a href="flexbox_computedstyle_align-items-flex-end.htm">flexbox_computedstyle_align-items-flex-end</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | align-items: flex-end
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_align-items-flex-start.htm">flexbox_computedstyle_align-items-flex-start</a></td> <a href="flexbox_computedstyle_align-items-flex-start.htm">flexbox_computedstyle_align-items-flex-start</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | align-items: flex-start
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_align-items-invalid.htm">flexbox_computedstyle_align-items-invalid</a></td> <a href="flexbox_computedstyle_align-items-invalid.htm">flexbox_computedstyle_align-items-invalid</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | align-items: invalid
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_align-items-stretch.htm">flexbox_computedstyle_align-items-stretch</a></td> <a href="flexbox_computedstyle_align-items-stretch.htm">flexbox_computedstyle_align-items-stretch</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | align-items: stretch
</td> </td>
</tr> </tr>
@ -1247,51 +1247,51 @@
</ul> </ul>
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_align-self-baseline.htm">flexbox_computedstyle_align-self-baseline</a></td> <a href="flexbox_computedstyle_align-self-baseline.htm">flexbox_computedstyle_align-self-baseline</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | align-self: baseline
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_align-self-center.htm">flexbox_computedstyle_align-self-center</a></td> <a href="flexbox_computedstyle_align-self-center.htm">flexbox_computedstyle_align-self-center</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | align-self: center
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_align-self-flex-end.htm">flexbox_computedstyle_align-self-flex-end</a></td> <a href="flexbox_computedstyle_align-self-flex-end.htm">flexbox_computedstyle_align-self-flex-end</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | align-self: flex-end
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_align-self-flex-start.htm">flexbox_computedstyle_align-self-flex-start</a></td> <a href="flexbox_computedstyle_align-self-flex-start.htm">flexbox_computedstyle_align-self-flex-start</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | align-self: flex-start
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_align-self-invalid.htm">flexbox_computedstyle_align-self-invalid</a></td> <a href="flexbox_computedstyle_align-self-invalid.htm">flexbox_computedstyle_align-self-invalid</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | align-self: invalid
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_align-self-stretch.htm">flexbox_computedstyle_align-self-stretch</a></td> <a href="flexbox_computedstyle_align-self-stretch.htm">flexbox_computedstyle_align-self-stretch</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | align-self: stretch
</td> </td>
</tr> </tr>
@ -1558,43 +1558,43 @@
<td>flexbox | align-content: stretch <td>flexbox | align-content: stretch
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_align-content-center.htm">flexbox_computedstyle_align-content-center</a></td> <a href="flexbox_computedstyle_align-content-center.htm">flexbox_computedstyle_align-content-center</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | align-content: center
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_align-content-flex-end.htm">flexbox_computedstyle_align-content-flex-end</a></td> <a href="flexbox_computedstyle_align-content-flex-end.htm">flexbox_computedstyle_align-content-flex-end</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | align-content: flex-end
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_align-content-flex-start.htm">flexbox_computedstyle_align-content-flex-start</a></td> <a href="flexbox_computedstyle_align-content-flex-start.htm">flexbox_computedstyle_align-content-flex-start</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | align-content: flex-start
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_align-content-space-around.htm">flexbox_computedstyle_align-content-space-around</a></td> <a href="flexbox_computedstyle_align-content-space-around.htm">flexbox_computedstyle_align-content-space-around</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | align-content: space-around
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_align-content-space-between.htm">flexbox_computedstyle_align-content-space-between</a></td> <a href="flexbox_computedstyle_align-content-space-between.htm">flexbox_computedstyle_align-content-space-between</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | align-content: space-between
</td> </td>
</tr> </tr>

102
tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-9.htm
View file

@ -13,7 +13,7 @@
<body> <body>
<h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> <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%"> <table width="100%">
<col id="test-column"> <col id="test-column">
<col id="refs-column"> <col id="refs-column">
@ -517,7 +517,7 @@
<!-- 0 tests --> <!-- 0 tests -->
</tbody> </tbody>
<tbody id="s9.2.#hypothetical-main-size"> <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"> <tr id="flex-aspect-ratio-img-column-001-9.2.#hypothetical-main-size" class="primary">
<td><strong> <td><strong>
<a href="flex-aspect-ratio-img-column-001.htm">flex-aspect-ratio-img-column-001</a></strong></td> <a href="flex-aspect-ratio-img-column-001.htm">flex-aspect-ratio-img-column-001</a></strong></td>
@ -534,6 +534,54 @@
<td>Aspect ratio handling of images <td>Aspect ratio handling of images
</td> </td>
</tr> </tr>
<tr id="flexbox-intrinsic-ratio-001-9.2.#hypothetical-main-size" class="primary">
<td><strong>
<a href="flexbox-intrinsic-ratio-001.htm">flexbox-intrinsic-ratio-001</a></strong></td>
<td><a href="reference/flexbox-intrinsic-ratio-001-ref.htm">=</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.htm">flexbox-intrinsic-ratio-002</a></strong></td>
<td><a href="reference/flexbox-intrinsic-ratio-001-ref.htm">=</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.htm">flexbox-intrinsic-ratio-003</a></strong></td>
<td><a href="reference/flexbox-intrinsic-ratio-003-ref.htm">=</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.htm">flexbox-intrinsic-ratio-004</a></strong></td>
<td><a href="reference/flexbox-intrinsic-ratio-004-ref.htm">=</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.htm">flexbox-intrinsic-ratio-005</a></strong></td>
<td><a href="reference/flexbox-intrinsic-ratio-005-ref.htm">=</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.htm">flexbox-intrinsic-ratio-006</a></strong></td>
<td><a href="reference/flexbox-intrinsic-ratio-006-ref.htm">=</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>
<tbody id="s9.3"> <tbody id="s9.3">
<tr><th colspan="4" scope="rowgroup"> <tr><th colspan="4" scope="rowgroup">
@ -720,7 +768,55 @@
</tr> </tr>
</tbody> </tbody>
<tbody id="s9.4.#hypothetical-cross-size"> <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.htm">flexbox-intrinsic-ratio-001</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-001-ref.htm">=</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.htm">flexbox-intrinsic-ratio-002</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-001-ref.htm">=</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.htm">flexbox-intrinsic-ratio-003</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-003-ref.htm">=</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.htm">flexbox-intrinsic-ratio-004</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-004-ref.htm">=</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.htm">flexbox-intrinsic-ratio-005</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-005-ref.htm">=</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.htm">flexbox-intrinsic-ratio-006</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-006-ref.htm">=</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>
<tbody id="s9.4.#strut-size"> <tbody id="s9.4.#strut-size">
<!-- 0 tests --> <!-- 0 tests -->

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

@ -0,0 +1,124 @@
<!DOCTYPE html>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
--><html><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.htm" 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 > * {
/* 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/html/flexbox-intrinsic-ratio-002.htm Normal file
View file

@ -0,0 +1,124 @@
<!DOCTYPE html>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
--><html><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.htm" 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 > * {
/* 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/html/flexbox-intrinsic-ratio-003.htm Normal file
View file

@ -0,0 +1,124 @@
<!DOCTYPE html>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
--><html><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.htm" 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 > * {
/* 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/html/flexbox-intrinsic-ratio-004.htm Normal file
View file

@ -0,0 +1,124 @@
<!DOCTYPE html>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
--><html><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.htm" 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 > * {
/* 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/html/flexbox-intrinsic-ratio-005.htm Normal file
View file

@ -0,0 +1,126 @@
<!DOCTYPE html>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
--><html><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.htm" 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 > * {
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/html/flexbox-intrinsic-ratio-006.htm Normal file
View file

@ -0,0 +1,126 @@
<!DOCTYPE html>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
--><html><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.htm" 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 > * {
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/html/flexbox_computedstyle_align-content-center.htm
View file

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

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

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

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

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

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

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

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

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-baseline.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-center.htm
View file

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

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

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

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

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-invalid.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-stretch.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-baseline.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-center.htm
View file

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

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

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

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

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-invalid.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-stretch.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_display-inline.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_display.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-basis-0.htm
View file

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

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

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-basis-auto.htm
View file

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

21
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-basis-percent.htm
View file

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

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

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-direction-column.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-direction-invalid.htm
View file

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

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

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-direction-row.htm
View file

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

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

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

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

16
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse.htm
View file

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

16
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap-reverse.htm
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/#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-direction-column" rel="help">
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-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.htm" rel="match"> <script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags"> <meta content="dom" name="flags">
<style> <style>
body { body {
color: red; color: red;
flex-flow: column wrap-reverse; flex-flow: column wrap-reverse;
} }
.PASS {color: black;}
</style> </style>
</head><body><h1>FAIL, enable javascript</h1> </head><body><div id="log"></div>
<script> <script>
test(function() {
var body = document.body; var body = document.body;
var passed = assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
(getComputedStyle(body).getPropertyValue("flex-direction") == "column");
"column" && assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"wrap-reverse"); "wrap-reverse");
body.textContent = body.className = passed ? "PASS" : "FAIL"; });
</script> </script>
</body></html> </body></html>

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

16
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column.htm
View file

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

16
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-nowrap.htm
View file

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

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

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

16
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm
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/#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-direction-row-reverse" rel="help">
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-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.htm" rel="match"> <script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags"> <meta content="dom" name="flags">
<style> <style>
body { body {
color: red; color: red;
flex-flow: row-reverse wrap-reverse; flex-flow: row-reverse wrap-reverse;
} }
.PASS {color: black;}
</style> </style>
</head><body><h1>FAIL, enable javascript</h1> </head><body><div id="log"></div>
<script> <script>
test(function() {
var body = document.body; var body = document.body;
var passed = assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
(getComputedStyle(body).getPropertyValue("flex-direction") == "row-reverse");
"row-reverse" && assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"wrap-reverse"); "wrap-reverse");
body.textContent = body.className = passed ? "PASS" : "FAIL"; });
</script> </script>
</body></html> </body></html>

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

16
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse.htm
View file

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

16
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap-reverse.htm
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/#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-direction-row" rel="help">
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-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.htm" rel="match"> <script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta content="dom" name="flags"> <meta content="dom" name="flags">
<style> <style>
body { body {
color: red; color: red;
flex-flow: row wrap-reverse; flex-flow: row wrap-reverse;
} }
.PASS {color: black;}
</style> </style>
</head><body><h1>FAIL, enable javascript</h1> </head><body><div id="log"></div>
<script> <script>
test(function() {
var body = document.body; var body = document.body;
var passed = assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"),
(getComputedStyle(body).getPropertyValue("flex-direction") == "row");
"row" && assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"),
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"wrap-reverse"); "wrap-reverse");
body.textContent = body.className = passed ? "PASS" : "FAIL"; });
</script> </script>
</body></html> </body></html>

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

16
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row.htm
View file

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

16
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-wrap.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-grow-0.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-grow-invalid.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-grow-number.htm
View file

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

20
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-0-auto.htm
View file

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

20
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-auto.htm
View file

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

20
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-initial.htm
View file

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

20
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-invalid.htm
View file

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

20
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-none.htm
View file

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

20
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-number.htm
View file

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

20
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shrink-0.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shrink-invalid.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shrink-number.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-wrap-invalid.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-wrap-nowrap.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-wrap-wrap-reverse.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-wrap-wrap.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_justify-content-center.htm
View file

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

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

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

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

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

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

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

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

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_min-height-auto.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_min-width-auto.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order-inherit.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order-integer.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order-invalid.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order-negative.htm
View file

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

14
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order.htm
View file

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

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

@ -0,0 +1,121 @@
<!DOCTYPE html>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
--><html><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 > * {
/* 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/html/reference/flexbox-intrinsic-ratio-003-ref.htm Normal file
View file

@ -0,0 +1,122 @@
<!DOCTYPE html>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
--><html><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 > * {
/* 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/html/reference/flexbox-intrinsic-ratio-004-ref.htm Normal file
View file

@ -0,0 +1,122 @@
<!DOCTYPE html>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
--><html><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 > * {
/* 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/html/reference/flexbox-intrinsic-ratio-005-ref.htm Normal file
View file

@ -0,0 +1,122 @@
<!DOCTYPE html>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
--><html><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 > * {
/* 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/html/reference/flexbox-intrinsic-ratio-006-ref.htm Normal file
View file

@ -0,0 +1,122 @@
<!DOCTYPE html>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
--><html><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 > * {
/* 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/html/reftest-toc.htm
View file

@ -1720,6 +1720,54 @@
<td rowspan="1"></td> <td rowspan="1"></td>
</tr> </tr>
</tbody> </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.htm">flexbox-intrinsic-ratio-001</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-001-ref.htm">=</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.htm">flexbox-intrinsic-ratio-002</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-001-ref.htm">=</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.htm">flexbox-intrinsic-ratio-003</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-003-ref.htm">=</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.htm">flexbox-intrinsic-ratio-004</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-004-ref.htm">=</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.htm">flexbox-intrinsic-ratio-005</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-005-ref.htm">=</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.htm">flexbox-intrinsic-ratio-006</a></td>
<td><a href="reference/flexbox-intrinsic-ratio-006-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="flexbox-items-as-stacking-contexts-001" class=""> <tbody id="flexbox-items-as-stacking-contexts-001" class="">
<tr> <tr>
<td rowspan="1" title="Testing that 'z-index' property makes flex items form stacking contexts"> <td rowspan="1" title="Testing that 'z-index' property makes flex items form stacking contexts">
@ -2528,598 +2576,6 @@
<td rowspan="1"></td> <td rowspan="1"></td>
</tr> </tr>
</tbody> </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.htm">flexbox_computedstyle_align-content-center</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_align-content-flex-end</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_align-content-flex-start</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_align-content-space-around</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_align-content-space-between</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_align-items-baseline</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_align-items-center</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_align-items-flex-end</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_align-items-flex-start</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_align-items-invalid</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_align-items-stretch</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_align-self-baseline</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_align-self-center</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_align-self-flex-end</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_align-self-flex-start</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_align-self-invalid</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_align-self-stretch</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_display</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_display-inline</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-basis-0</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-basis-0percent</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-basis-auto</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-basis-percent</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-direction-column</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-direction-column-reverse</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-direction-invalid</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-direction-row</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-direction-row-reverse</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-flow-column</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-flow-column-nowrap</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-flow-column-reverse</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-flow-column-wrap</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-flow-nowrap</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-flow-row</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-flow-row-nowrap</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-flow-row-reverse</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-flow-row-wrap</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-flow-wrap</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-grow-0</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-grow-invalid</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-grow-number</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-shorthand</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-shorthand-0-auto</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-shorthand-auto</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-shorthand-initial</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-shorthand-invalid</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-shorthand-none</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-shorthand-number</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-shrink-0</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-shrink-invalid</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-shrink-number</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-wrap-invalid</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-wrap-nowrap</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-wrap-wrap</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_flex-wrap-wrap-reverse</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_justify-content-center</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_justify-content-flex-end</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_justify-content-flex-start</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_justify-content-space-around</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_justify-content-space-between</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_min-height-auto</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_min-width-auto</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_order</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_order-inherit</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_order-integer</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_order-invalid</a></td>
<td><a href="reference/ref-pass-body.htm">=</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.htm">flexbox_computedstyle_order-negative</a></td>
<td><a href="reference/ref-pass-body.htm">=</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=""> <tbody id="flexbox_direction-column" class="">
<tr> <tr>
<td rowspan="1" title="flexbox | flex-direction: column"> <td rowspan="1" title="flexbox | flex-direction: column">

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

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

2
tests/wpt/css-tests/css-flexbox-1_dev/html/toc.htm
View file

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

308
tests/wpt/css-tests/css-flexbox-1_dev/implementation-report-TEMPLATE.data
View file

@ -471,6 +471,18 @@ html/flexbox-flex-wrap-wrap-reverse.htm cf0954a780bc7326c123e90c9c86f3ce3c9b51f0
xhtml1/flexbox-flex-wrap-wrap-reverse.xht cf0954a780bc7326c123e90c9c86f3ce3c9b51f0 ? xhtml1/flexbox-flex-wrap-wrap-reverse.xht cf0954a780bc7326c123e90c9c86f3ce3c9b51f0 ?
html/flexbox-flex-wrap-wrap.htm a981ce90ee729f0e17695a587b98bcc742bacaa9 ? html/flexbox-flex-wrap-wrap.htm a981ce90ee729f0e17695a587b98bcc742bacaa9 ?
xhtml1/flexbox-flex-wrap-wrap.xht a981ce90ee729f0e17695a587b98bcc742bacaa9 ? xhtml1/flexbox-flex-wrap-wrap.xht a981ce90ee729f0e17695a587b98bcc742bacaa9 ?
html/flexbox-intrinsic-ratio-001.htm 1a0e59702fd3c88856fea42447a472fb386118ac ?
xhtml1/flexbox-intrinsic-ratio-001.xht 1a0e59702fd3c88856fea42447a472fb386118ac ?
html/flexbox-intrinsic-ratio-002.htm 2e2ee08bae176dca4e9c8a0a95c97d2c2cd13084 ?
xhtml1/flexbox-intrinsic-ratio-002.xht 2e2ee08bae176dca4e9c8a0a95c97d2c2cd13084 ?
html/flexbox-intrinsic-ratio-003.htm 7e1cde3bbb6c64ae8309c63e616e9b8405cb59ea ?
xhtml1/flexbox-intrinsic-ratio-003.xht 7e1cde3bbb6c64ae8309c63e616e9b8405cb59ea ?
html/flexbox-intrinsic-ratio-004.htm 00b807bf6c41cf44a771007215e953f57eac3b44 ?
xhtml1/flexbox-intrinsic-ratio-004.xht 00b807bf6c41cf44a771007215e953f57eac3b44 ?
html/flexbox-intrinsic-ratio-005.htm b1671de7dacb9050e9f30ac809be347d29a905d2 ?
xhtml1/flexbox-intrinsic-ratio-005.xht b1671de7dacb9050e9f30ac809be347d29a905d2 ?
html/flexbox-intrinsic-ratio-006.htm 31a2f488f07f8fa1b2d16a7df17ff44a95d08414 ?
xhtml1/flexbox-intrinsic-ratio-006.xht 31a2f488f07f8fa1b2d16a7df17ff44a95d08414 ?
html/flexbox-items-as-stacking-contexts-001.htm 24a2f639c8eb38ec564295dfa45f740629d0b8b2 ? html/flexbox-items-as-stacking-contexts-001.htm 24a2f639c8eb38ec564295dfa45f740629d0b8b2 ?
xhtml1/flexbox-items-as-stacking-contexts-001.xht 24a2f639c8eb38ec564295dfa45f740629d0b8b2 ? xhtml1/flexbox-items-as-stacking-contexts-001.xht 24a2f639c8eb38ec564295dfa45f740629d0b8b2 ?
html/flexbox-items-as-stacking-contexts-002.htm c8ea90174cb46e7cad9e0f953fae1cc47e48d753 ? html/flexbox-items-as-stacking-contexts-002.htm c8ea90174cb46e7cad9e0f953fae1cc47e48d753 ?
@ -677,154 +689,154 @@ html/flexbox_columns-flexitems.htm bebd2a295c93d54e819399b86a7d3cab5df543ce ?
xhtml1/flexbox_columns-flexitems.xht bebd2a295c93d54e819399b86a7d3cab5df543ce ? xhtml1/flexbox_columns-flexitems.xht bebd2a295c93d54e819399b86a7d3cab5df543ce ?
html/flexbox_columns.htm 297153339eb61889abf033f09bf49f37fef934ce ? html/flexbox_columns.htm 297153339eb61889abf033f09bf49f37fef934ce ?
xhtml1/flexbox_columns.xht 297153339eb61889abf033f09bf49f37fef934ce ? xhtml1/flexbox_columns.xht 297153339eb61889abf033f09bf49f37fef934ce ?
html/flexbox_computedstyle_align-content-center.htm 62addb19d645250ca7c38cd420e0c5c72a85bba0 ? html/flexbox_computedstyle_align-content-center.htm ca93e76cbad28999579159a34afbefb418ed18a9 ?
xhtml1/flexbox_computedstyle_align-content-center.xht 62addb19d645250ca7c38cd420e0c5c72a85bba0 ? xhtml1/flexbox_computedstyle_align-content-center.xht ca93e76cbad28999579159a34afbefb418ed18a9 ?
html/flexbox_computedstyle_align-content-flex-end.htm 29cad8dd81ecd2834ed996def67b7fe7a2af2fb0 ? html/flexbox_computedstyle_align-content-flex-end.htm 0d2c256d69ddb461c644064be368475b715b326a ?
xhtml1/flexbox_computedstyle_align-content-flex-end.xht 29cad8dd81ecd2834ed996def67b7fe7a2af2fb0 ? xhtml1/flexbox_computedstyle_align-content-flex-end.xht 0d2c256d69ddb461c644064be368475b715b326a ?
html/flexbox_computedstyle_align-content-flex-start.htm f203255eae7bac313f3175a7f0de4e3249ae04d3 ? html/flexbox_computedstyle_align-content-flex-start.htm 9fe0241fbf073734bf6f9e9b987c0ee8a33d91db ?
xhtml1/flexbox_computedstyle_align-content-flex-start.xht f203255eae7bac313f3175a7f0de4e3249ae04d3 ? xhtml1/flexbox_computedstyle_align-content-flex-start.xht 9fe0241fbf073734bf6f9e9b987c0ee8a33d91db ?
html/flexbox_computedstyle_align-content-space-around.htm ec34f8b1b3833139d5bc895e8dc856e755720e54 ? html/flexbox_computedstyle_align-content-space-around.htm 513198c70d4656dd1552f197c20bc07c52a47fdf ?
xhtml1/flexbox_computedstyle_align-content-space-around.xht ec34f8b1b3833139d5bc895e8dc856e755720e54 ? xhtml1/flexbox_computedstyle_align-content-space-around.xht 513198c70d4656dd1552f197c20bc07c52a47fdf ?
html/flexbox_computedstyle_align-content-space-between.htm 97863d2ffa279426e8aad6a8900e80448ce785f9 ? html/flexbox_computedstyle_align-content-space-between.htm 0d8836b779970c2bc93730ab7ab71e716e373b28 ?
xhtml1/flexbox_computedstyle_align-content-space-between.xht 97863d2ffa279426e8aad6a8900e80448ce785f9 ? xhtml1/flexbox_computedstyle_align-content-space-between.xht 0d8836b779970c2bc93730ab7ab71e716e373b28 ?
html/flexbox_computedstyle_align-items-baseline.htm 2ad1fab98161fda41efa9a4952861315a44bfff1 ? html/flexbox_computedstyle_align-items-baseline.htm ee806bcfdb77cf7461710fb6497b1497348ca28c ?
xhtml1/flexbox_computedstyle_align-items-baseline.xht 2ad1fab98161fda41efa9a4952861315a44bfff1 ? xhtml1/flexbox_computedstyle_align-items-baseline.xht ee806bcfdb77cf7461710fb6497b1497348ca28c ?
html/flexbox_computedstyle_align-items-center.htm 67bf459031adb99fd33da38532023d4f423de3c2 ? html/flexbox_computedstyle_align-items-center.htm fd53eadca9f41ebe1334eb4d0b19e9eb6d691302 ?
xhtml1/flexbox_computedstyle_align-items-center.xht 67bf459031adb99fd33da38532023d4f423de3c2 ? xhtml1/flexbox_computedstyle_align-items-center.xht fd53eadca9f41ebe1334eb4d0b19e9eb6d691302 ?
html/flexbox_computedstyle_align-items-flex-end.htm 281f9ad73a196825bf47d65519d4b64aa48ce63a ? html/flexbox_computedstyle_align-items-flex-end.htm f567e08ffd2f7ef0a81e952c420c24e44e8b05d0 ?
xhtml1/flexbox_computedstyle_align-items-flex-end.xht 281f9ad73a196825bf47d65519d4b64aa48ce63a ? xhtml1/flexbox_computedstyle_align-items-flex-end.xht f567e08ffd2f7ef0a81e952c420c24e44e8b05d0 ?
html/flexbox_computedstyle_align-items-flex-start.htm 0b4ae91b4abcf1713ba786c883dee416e40d1d9a ? html/flexbox_computedstyle_align-items-flex-start.htm 298d0c23901e5acbeb40cbc018dc4a45c11c5666 ?
xhtml1/flexbox_computedstyle_align-items-flex-start.xht 0b4ae91b4abcf1713ba786c883dee416e40d1d9a ? xhtml1/flexbox_computedstyle_align-items-flex-start.xht 298d0c23901e5acbeb40cbc018dc4a45c11c5666 ?
html/flexbox_computedstyle_align-items-invalid.htm a9c458bf2891dda0988bee7c853f2cd204ec5092 ? html/flexbox_computedstyle_align-items-invalid.htm 9b593ad91249c44d2eeb8d16c54f31ee584a59ec ?
xhtml1/flexbox_computedstyle_align-items-invalid.xht a9c458bf2891dda0988bee7c853f2cd204ec5092 ? xhtml1/flexbox_computedstyle_align-items-invalid.xht 9b593ad91249c44d2eeb8d16c54f31ee584a59ec ?
html/flexbox_computedstyle_align-items-stretch.htm 9be43311a3ca366cd803dcf17da1202f647f11a4 ? html/flexbox_computedstyle_align-items-stretch.htm 1c86df21909b0e6b67c813bd8540f9ec9e0a4265 ?
xhtml1/flexbox_computedstyle_align-items-stretch.xht 9be43311a3ca366cd803dcf17da1202f647f11a4 ? xhtml1/flexbox_computedstyle_align-items-stretch.xht 1c86df21909b0e6b67c813bd8540f9ec9e0a4265 ?
html/flexbox_computedstyle_align-self-baseline.htm ce1e2923f5c77debac6f55c78a18d7aaac8f6a8a ? html/flexbox_computedstyle_align-self-baseline.htm f6a103d643453a3bea050c1d401b1f9b70840238 ?
xhtml1/flexbox_computedstyle_align-self-baseline.xht ce1e2923f5c77debac6f55c78a18d7aaac8f6a8a ? xhtml1/flexbox_computedstyle_align-self-baseline.xht f6a103d643453a3bea050c1d401b1f9b70840238 ?
html/flexbox_computedstyle_align-self-center.htm 288b831ba54587ed1ad02f81c25d348de9ab133d ? html/flexbox_computedstyle_align-self-center.htm d540b8faf99bc2c9303a6b92ee1002617bf7ba08 ?
xhtml1/flexbox_computedstyle_align-self-center.xht 288b831ba54587ed1ad02f81c25d348de9ab133d ? xhtml1/flexbox_computedstyle_align-self-center.xht d540b8faf99bc2c9303a6b92ee1002617bf7ba08 ?
html/flexbox_computedstyle_align-self-flex-end.htm 7d4d23359eda048decd404ade4f7972c0cbe4757 ? html/flexbox_computedstyle_align-self-flex-end.htm 3912b3be77078304d9ead87a982a4d67eb1c3abd ?
xhtml1/flexbox_computedstyle_align-self-flex-end.xht 7d4d23359eda048decd404ade4f7972c0cbe4757 ? xhtml1/flexbox_computedstyle_align-self-flex-end.xht 3912b3be77078304d9ead87a982a4d67eb1c3abd ?
html/flexbox_computedstyle_align-self-flex-start.htm 2515e8e650f8f4765baa0613577666d4e8ff27b0 ? html/flexbox_computedstyle_align-self-flex-start.htm a3cf4ad24a9a24cb1c5014b965c5af53eace713b ?
xhtml1/flexbox_computedstyle_align-self-flex-start.xht 2515e8e650f8f4765baa0613577666d4e8ff27b0 ? xhtml1/flexbox_computedstyle_align-self-flex-start.xht a3cf4ad24a9a24cb1c5014b965c5af53eace713b ?
html/flexbox_computedstyle_align-self-invalid.htm 40fdbe1a0acd0769632418a117dda82c44b1e2e9 ? html/flexbox_computedstyle_align-self-invalid.htm 631c797565d1105efb498e6bbccae00539a76510 ?
xhtml1/flexbox_computedstyle_align-self-invalid.xht 40fdbe1a0acd0769632418a117dda82c44b1e2e9 ? xhtml1/flexbox_computedstyle_align-self-invalid.xht 631c797565d1105efb498e6bbccae00539a76510 ?
html/flexbox_computedstyle_align-self-stretch.htm dac2da0a5b9d401533649f442f7947b987d71ad5 ? html/flexbox_computedstyle_align-self-stretch.htm c70b121f208728bc77776e6346c2728652ec5f31 ?
xhtml1/flexbox_computedstyle_align-self-stretch.xht dac2da0a5b9d401533649f442f7947b987d71ad5 ? xhtml1/flexbox_computedstyle_align-self-stretch.xht c70b121f208728bc77776e6346c2728652ec5f31 ?
html/flexbox_computedstyle_display-inline.htm 15e33468e7c03922e3f5d5b9213ad751e595fbe1 ? html/flexbox_computedstyle_display-inline.htm 1b9160b3cf9e8423c0faaf878f755b8e6cda48d4 ?
xhtml1/flexbox_computedstyle_display-inline.xht 15e33468e7c03922e3f5d5b9213ad751e595fbe1 ? xhtml1/flexbox_computedstyle_display-inline.xht 1b9160b3cf9e8423c0faaf878f755b8e6cda48d4 ?
html/flexbox_computedstyle_display.htm e7f6da70160d661c4fdce2d93cce036a70b508b8 ? html/flexbox_computedstyle_display.htm 5d96bb4e48c38d38e8a513eb92dce1b51712bad3 ?
xhtml1/flexbox_computedstyle_display.xht e7f6da70160d661c4fdce2d93cce036a70b508b8 ? xhtml1/flexbox_computedstyle_display.xht 5d96bb4e48c38d38e8a513eb92dce1b51712bad3 ?
html/flexbox_computedstyle_flex-basis-0.htm cf75d173a497479e517a58e9d2ea5563dd58ef14 ? html/flexbox_computedstyle_flex-basis-0.htm 3b109fc099603ac932cf8f62ee9c5fb950f1a82e ?
xhtml1/flexbox_computedstyle_flex-basis-0.xht cf75d173a497479e517a58e9d2ea5563dd58ef14 ? xhtml1/flexbox_computedstyle_flex-basis-0.xht 3b109fc099603ac932cf8f62ee9c5fb950f1a82e ?
html/flexbox_computedstyle_flex-basis-0percent.htm adec4138f98318be3f4bd3d4abcf64d315c9c0f5 ? html/flexbox_computedstyle_flex-basis-0percent.htm 17bcdbe8f8abc72a7221a1b07bb6d8c23a923f0f ?
xhtml1/flexbox_computedstyle_flex-basis-0percent.xht adec4138f98318be3f4bd3d4abcf64d315c9c0f5 ? xhtml1/flexbox_computedstyle_flex-basis-0percent.xht 17bcdbe8f8abc72a7221a1b07bb6d8c23a923f0f ?
html/flexbox_computedstyle_flex-basis-auto.htm 1e0ffb01bda4122e70072b761cab72a991f9931e ? html/flexbox_computedstyle_flex-basis-auto.htm e6206e8f82fb310a89f4ec866be5548868e38357 ?
xhtml1/flexbox_computedstyle_flex-basis-auto.xht 1e0ffb01bda4122e70072b761cab72a991f9931e ? xhtml1/flexbox_computedstyle_flex-basis-auto.xht e6206e8f82fb310a89f4ec866be5548868e38357 ?
html/flexbox_computedstyle_flex-basis-percent.htm 8f7a75f379dedb5a8edc286aa68de03eaecd862d ? html/flexbox_computedstyle_flex-basis-percent.htm cd3ee4fb77cdf8a4546ae56bbb31166cddb0989c ?
xhtml1/flexbox_computedstyle_flex-basis-percent.xht 8f7a75f379dedb5a8edc286aa68de03eaecd862d ? xhtml1/flexbox_computedstyle_flex-basis-percent.xht cd3ee4fb77cdf8a4546ae56bbb31166cddb0989c ?
html/flexbox_computedstyle_flex-direction-column-reverse.htm 3138cf05f8ed9934686234b9c78468edfb1e7ce5 ? html/flexbox_computedstyle_flex-direction-column-reverse.htm 6a3a62f1c2c8e1a1dc71f688f2037f5468c7e239 ?
xhtml1/flexbox_computedstyle_flex-direction-column-reverse.xht 3138cf05f8ed9934686234b9c78468edfb1e7ce5 ? xhtml1/flexbox_computedstyle_flex-direction-column-reverse.xht 6a3a62f1c2c8e1a1dc71f688f2037f5468c7e239 ?
html/flexbox_computedstyle_flex-direction-column.htm e8ed255d8fa1dbd7562021c781fd3ffc58a591ec ? html/flexbox_computedstyle_flex-direction-column.htm bc60ebe38ecb8a0f66c918b0ac8ebd6096449d92 ?
xhtml1/flexbox_computedstyle_flex-direction-column.xht e8ed255d8fa1dbd7562021c781fd3ffc58a591ec ? xhtml1/flexbox_computedstyle_flex-direction-column.xht bc60ebe38ecb8a0f66c918b0ac8ebd6096449d92 ?
html/flexbox_computedstyle_flex-direction-invalid.htm 46f05c5aa4142bec62b38b79da27996902a14c3b ? html/flexbox_computedstyle_flex-direction-invalid.htm 89869a6928a21df23d1478792ed40edbf8876fa7 ?
xhtml1/flexbox_computedstyle_flex-direction-invalid.xht 46f05c5aa4142bec62b38b79da27996902a14c3b ? xhtml1/flexbox_computedstyle_flex-direction-invalid.xht 89869a6928a21df23d1478792ed40edbf8876fa7 ?
html/flexbox_computedstyle_flex-direction-row-reverse.htm 46d1c052c605e0d3bcae27d70eaae38bb8b1f89e ? html/flexbox_computedstyle_flex-direction-row-reverse.htm f1a62c9a5e059a6246cc0eb0cbd89d5852307a94 ?
xhtml1/flexbox_computedstyle_flex-direction-row-reverse.xht 46d1c052c605e0d3bcae27d70eaae38bb8b1f89e ? xhtml1/flexbox_computedstyle_flex-direction-row-reverse.xht f1a62c9a5e059a6246cc0eb0cbd89d5852307a94 ?
html/flexbox_computedstyle_flex-direction-row.htm 4aa1709d56f435eafa955916609cae9fe56cbff2 ? html/flexbox_computedstyle_flex-direction-row.htm 445d252eacbcc57c76367f3ee3a6ed2242ff3365 ?
xhtml1/flexbox_computedstyle_flex-direction-row.xht 4aa1709d56f435eafa955916609cae9fe56cbff2 ? xhtml1/flexbox_computedstyle_flex-direction-row.xht 445d252eacbcc57c76367f3ee3a6ed2242ff3365 ?
html/flexbox_computedstyle_flex-flow-column-nowrap.htm aaf329b0654bfe3c287601ebdf6f0adae5b79379 ? html/flexbox_computedstyle_flex-flow-column-nowrap.htm 659f26463cb713c46675d4200c8b78e6886b20ed ?
xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht aaf329b0654bfe3c287601ebdf6f0adae5b79379 ? xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht 659f26463cb713c46675d4200c8b78e6886b20ed ?
html/flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm 7710479d7b9b0241c9f6cc7921d88a01375020c8 ? html/flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm c37ec2be1c6951b283b23c9bb295ad6ffff0a70e ?
xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht 7710479d7b9b0241c9f6cc7921d88a01375020c8 ? xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht c37ec2be1c6951b283b23c9bb295ad6ffff0a70e ?
html/flexbox_computedstyle_flex-flow-column-reverse-wrap.htm 6eea80b27ffd37ea01ecfc74156f66a7172d5e16 ? html/flexbox_computedstyle_flex-flow-column-reverse-wrap.htm bf609183d3d6ed8b0ebfa2419039a73c1f547936 ?
xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht 6eea80b27ffd37ea01ecfc74156f66a7172d5e16 ? xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht bf609183d3d6ed8b0ebfa2419039a73c1f547936 ?
html/flexbox_computedstyle_flex-flow-column-reverse.htm 180397840dea82bbb77a69cb38205cc32b174984 ? html/flexbox_computedstyle_flex-flow-column-reverse.htm 4f4b52e7e0a7fd851dd426795d9d34ed523cebea ?
xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht 180397840dea82bbb77a69cb38205cc32b174984 ? xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht 4f4b52e7e0a7fd851dd426795d9d34ed523cebea ?
html/flexbox_computedstyle_flex-flow-column-wrap-reverse.htm c363b07aac45dcc7ce4300c0b4899479941d4a8f ? html/flexbox_computedstyle_flex-flow-column-wrap-reverse.htm ed545642f1b2325ad608089ef5fae2eb5cb43e5b ?
xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht c363b07aac45dcc7ce4300c0b4899479941d4a8f ? xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht ed545642f1b2325ad608089ef5fae2eb5cb43e5b ?
html/flexbox_computedstyle_flex-flow-column-wrap.htm 1cb63941c5676d176bc51be50328ee15092ab5a8 ? html/flexbox_computedstyle_flex-flow-column-wrap.htm fa968f823a0da3c5e5ab482c85492472a1107983 ?
xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht 1cb63941c5676d176bc51be50328ee15092ab5a8 ? xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht fa968f823a0da3c5e5ab482c85492472a1107983 ?
html/flexbox_computedstyle_flex-flow-column.htm 451b5092b3f83a41cca3413e270218b066c83b94 ? html/flexbox_computedstyle_flex-flow-column.htm 6ed21668d5ac1a31ba5b3d868ac26d73237773b1 ?
xhtml1/flexbox_computedstyle_flex-flow-column.xht 451b5092b3f83a41cca3413e270218b066c83b94 ? xhtml1/flexbox_computedstyle_flex-flow-column.xht 6ed21668d5ac1a31ba5b3d868ac26d73237773b1 ?
html/flexbox_computedstyle_flex-flow-nowrap.htm 8b84de3f8eef756ed68c345e666a9e595e2c08d4 ? html/flexbox_computedstyle_flex-flow-nowrap.htm 27c4911d9887e8d5275986943d3f6b037a4de79d ?
xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht 8b84de3f8eef756ed68c345e666a9e595e2c08d4 ? xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht 27c4911d9887e8d5275986943d3f6b037a4de79d ?
html/flexbox_computedstyle_flex-flow-row-nowrap.htm 1e7e9eeb79d7edd9c34102adc09650a759e2361a ? html/flexbox_computedstyle_flex-flow-row-nowrap.htm bff58f5dd7190d440ebeed3f00ff481954993aad ?
xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht 1e7e9eeb79d7edd9c34102adc09650a759e2361a ? xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht bff58f5dd7190d440ebeed3f00ff481954993aad ?
html/flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm c79eb44bbc1cc491ebe813a6c7a3980633309c15 ? html/flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm 6bd49db8212814cc2431b9f732d08be497cdfb6c ?
xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht c79eb44bbc1cc491ebe813a6c7a3980633309c15 ? xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht 6bd49db8212814cc2431b9f732d08be497cdfb6c ?
html/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm 701c06efded1f06b17640327987679c5beaf3250 ? html/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm 69e4710196ad9e79c768395f1260135bdb51d03a ?
xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht 701c06efded1f06b17640327987679c5beaf3250 ? xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht 69e4710196ad9e79c768395f1260135bdb51d03a ?
html/flexbox_computedstyle_flex-flow-row-reverse-wrap.htm afd99e782b643542e209e037ca8cc0f371f77260 ? html/flexbox_computedstyle_flex-flow-row-reverse-wrap.htm 32a9fb029738527d400a29d53a35ecd0f604d19d ?
xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht afd99e782b643542e209e037ca8cc0f371f77260 ? xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht 32a9fb029738527d400a29d53a35ecd0f604d19d ?
html/flexbox_computedstyle_flex-flow-row-reverse.htm 836cb44fdc0bf2f4b98bbeedbcf2593509985616 ? html/flexbox_computedstyle_flex-flow-row-reverse.htm 90d5848b70c51efe8ca478ae37a8692ed6b6d358 ?
xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht 836cb44fdc0bf2f4b98bbeedbcf2593509985616 ? xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht 90d5848b70c51efe8ca478ae37a8692ed6b6d358 ?
html/flexbox_computedstyle_flex-flow-row-wrap-reverse.htm a66a4d38ee0a7ad2cc973ee5a0f23576b2f7e483 ? html/flexbox_computedstyle_flex-flow-row-wrap-reverse.htm 286dc0530e91eace5b7e23691dd2db2df9cbb0c6 ?
xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht a66a4d38ee0a7ad2cc973ee5a0f23576b2f7e483 ? xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht 286dc0530e91eace5b7e23691dd2db2df9cbb0c6 ?
html/flexbox_computedstyle_flex-flow-row-wrap.htm 2bcdc74edd3c7ba5cccccd85ce900d63718f406d ? html/flexbox_computedstyle_flex-flow-row-wrap.htm df91f89286e5dbd8671705be51524dca080e22cb ?
xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht 2bcdc74edd3c7ba5cccccd85ce900d63718f406d ? xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht df91f89286e5dbd8671705be51524dca080e22cb ?
html/flexbox_computedstyle_flex-flow-row.htm 481dea00bf33a0425aeace3a0a3b09e46264eac0 ? html/flexbox_computedstyle_flex-flow-row.htm 74c7385119a3db0a66f59976210dcbec1806b31e ?
xhtml1/flexbox_computedstyle_flex-flow-row.xht 481dea00bf33a0425aeace3a0a3b09e46264eac0 ? xhtml1/flexbox_computedstyle_flex-flow-row.xht 74c7385119a3db0a66f59976210dcbec1806b31e ?
html/flexbox_computedstyle_flex-flow-wrap.htm 261d0f5350d4822ace02d270be150185623d9634 ? html/flexbox_computedstyle_flex-flow-wrap.htm 24e13e53ac18b32f6ac9e2d7636e3a2a26ceab04 ?
xhtml1/flexbox_computedstyle_flex-flow-wrap.xht 261d0f5350d4822ace02d270be150185623d9634 ? xhtml1/flexbox_computedstyle_flex-flow-wrap.xht 24e13e53ac18b32f6ac9e2d7636e3a2a26ceab04 ?
html/flexbox_computedstyle_flex-grow-0.htm c92f9416a0e86440851af99db55aaf26924492d1 ? html/flexbox_computedstyle_flex-grow-0.htm b6b94e15ce2a12f39f0726b351dce2d2b1c608ed ?
xhtml1/flexbox_computedstyle_flex-grow-0.xht c92f9416a0e86440851af99db55aaf26924492d1 ? xhtml1/flexbox_computedstyle_flex-grow-0.xht b6b94e15ce2a12f39f0726b351dce2d2b1c608ed ?
html/flexbox_computedstyle_flex-grow-invalid.htm 964e22a3871e0c5f05ea05fb6a38e5b4783955e1 ? html/flexbox_computedstyle_flex-grow-invalid.htm 8639557f7f75d3bb8a745005c42380ced315d1a4 ?
xhtml1/flexbox_computedstyle_flex-grow-invalid.xht 964e22a3871e0c5f05ea05fb6a38e5b4783955e1 ? xhtml1/flexbox_computedstyle_flex-grow-invalid.xht 8639557f7f75d3bb8a745005c42380ced315d1a4 ?
html/flexbox_computedstyle_flex-grow-number.htm 24960e520f367b0ce29992148954582d4e43d224 ? html/flexbox_computedstyle_flex-grow-number.htm 3df587a58a240082e5c6c5db2f687a6672dcdb0e ?
xhtml1/flexbox_computedstyle_flex-grow-number.xht 24960e520f367b0ce29992148954582d4e43d224 ? xhtml1/flexbox_computedstyle_flex-grow-number.xht 3df587a58a240082e5c6c5db2f687a6672dcdb0e ?
html/flexbox_computedstyle_flex-shorthand-0-auto.htm eac4513b139b9474cdc662d896aeccfa2eada009 ? html/flexbox_computedstyle_flex-shorthand-0-auto.htm f4b19ca712e183bd6f48401bd6fc66625f1387cb ?
xhtml1/flexbox_computedstyle_flex-shorthand-0-auto.xht eac4513b139b9474cdc662d896aeccfa2eada009 ? xhtml1/flexbox_computedstyle_flex-shorthand-0-auto.xht f4b19ca712e183bd6f48401bd6fc66625f1387cb ?
html/flexbox_computedstyle_flex-shorthand-auto.htm 93123c78d317dc9559678e8259caf6b0c26dea24 ? html/flexbox_computedstyle_flex-shorthand-auto.htm ef36f6c1d3181301fdb63f61f06de71d99862c50 ?
xhtml1/flexbox_computedstyle_flex-shorthand-auto.xht 93123c78d317dc9559678e8259caf6b0c26dea24 ? xhtml1/flexbox_computedstyle_flex-shorthand-auto.xht ef36f6c1d3181301fdb63f61f06de71d99862c50 ?
html/flexbox_computedstyle_flex-shorthand-initial.htm 8cc334ce02bce28ea3452288b2653f857b35a4e6 ? html/flexbox_computedstyle_flex-shorthand-initial.htm 821e7b1d1d0e65da4278537bdd52418579ddd1a3 ?
xhtml1/flexbox_computedstyle_flex-shorthand-initial.xht 8cc334ce02bce28ea3452288b2653f857b35a4e6 ? xhtml1/flexbox_computedstyle_flex-shorthand-initial.xht 821e7b1d1d0e65da4278537bdd52418579ddd1a3 ?
html/flexbox_computedstyle_flex-shorthand-invalid.htm 4556711538161200fcb7db90eb35f9e21443ea59 ? html/flexbox_computedstyle_flex-shorthand-invalid.htm 82a9d3cdd68ad834f695a441bd46079007bc9166 ?
xhtml1/flexbox_computedstyle_flex-shorthand-invalid.xht 4556711538161200fcb7db90eb35f9e21443ea59 ? xhtml1/flexbox_computedstyle_flex-shorthand-invalid.xht 82a9d3cdd68ad834f695a441bd46079007bc9166 ?
html/flexbox_computedstyle_flex-shorthand-none.htm 4628a756415a016ed23a51c48abb6d7833cfcd29 ? html/flexbox_computedstyle_flex-shorthand-none.htm 3555c0e3191e064b145685c52502b07352489b29 ?
xhtml1/flexbox_computedstyle_flex-shorthand-none.xht 4628a756415a016ed23a51c48abb6d7833cfcd29 ? xhtml1/flexbox_computedstyle_flex-shorthand-none.xht 3555c0e3191e064b145685c52502b07352489b29 ?
html/flexbox_computedstyle_flex-shorthand-number.htm 60acfca58faaa7dceb934bd9232d9a00ffd526bc ? html/flexbox_computedstyle_flex-shorthand-number.htm a564fa7d3a8adae2a8eaebe007b18ac48b211ce3 ?
xhtml1/flexbox_computedstyle_flex-shorthand-number.xht 60acfca58faaa7dceb934bd9232d9a00ffd526bc ? xhtml1/flexbox_computedstyle_flex-shorthand-number.xht a564fa7d3a8adae2a8eaebe007b18ac48b211ce3 ?
html/flexbox_computedstyle_flex-shorthand.htm 925dcae2b1c40494ffb2a809edc9873b49c3171a ? html/flexbox_computedstyle_flex-shorthand.htm 10b4e31620ee15cf16ad854dad647a1649a24253 ?
xhtml1/flexbox_computedstyle_flex-shorthand.xht 925dcae2b1c40494ffb2a809edc9873b49c3171a ? xhtml1/flexbox_computedstyle_flex-shorthand.xht 10b4e31620ee15cf16ad854dad647a1649a24253 ?
html/flexbox_computedstyle_flex-shrink-0.htm a5edca2a35f7e59ddd75133224005cf2d4d7a7e9 ? html/flexbox_computedstyle_flex-shrink-0.htm bc71765e3ce77b7bd58161ffda86b33c25ee2bc2 ?
xhtml1/flexbox_computedstyle_flex-shrink-0.xht a5edca2a35f7e59ddd75133224005cf2d4d7a7e9 ? xhtml1/flexbox_computedstyle_flex-shrink-0.xht bc71765e3ce77b7bd58161ffda86b33c25ee2bc2 ?
html/flexbox_computedstyle_flex-shrink-invalid.htm bb694a52bebcf1c4a941c2227e0f3fd49e126a0d ? html/flexbox_computedstyle_flex-shrink-invalid.htm a2d41bad59a2e56ad69d9475dccc8c291f723071 ?
xhtml1/flexbox_computedstyle_flex-shrink-invalid.xht bb694a52bebcf1c4a941c2227e0f3fd49e126a0d ? xhtml1/flexbox_computedstyle_flex-shrink-invalid.xht a2d41bad59a2e56ad69d9475dccc8c291f723071 ?
html/flexbox_computedstyle_flex-shrink-number.htm 8fa0d89f57b6c4a14686961f7a2d31f9d7d2d332 ? html/flexbox_computedstyle_flex-shrink-number.htm d92d554f7e8f465e18c1198e2d3b8c7dcb1b8fe9 ?
xhtml1/flexbox_computedstyle_flex-shrink-number.xht 8fa0d89f57b6c4a14686961f7a2d31f9d7d2d332 ? xhtml1/flexbox_computedstyle_flex-shrink-number.xht d92d554f7e8f465e18c1198e2d3b8c7dcb1b8fe9 ?
html/flexbox_computedstyle_flex-wrap-invalid.htm bcd00aaf592dd9671011c82131a4433521bbd6d9 ? html/flexbox_computedstyle_flex-wrap-invalid.htm 323d5126e16f5b11d6e494957014a9de0800117b ?
xhtml1/flexbox_computedstyle_flex-wrap-invalid.xht bcd00aaf592dd9671011c82131a4433521bbd6d9 ? xhtml1/flexbox_computedstyle_flex-wrap-invalid.xht 323d5126e16f5b11d6e494957014a9de0800117b ?
html/flexbox_computedstyle_flex-wrap-nowrap.htm 453f2f391bf751800ee4d6b29760d2032a526d7a ? html/flexbox_computedstyle_flex-wrap-nowrap.htm e99bbbf7a40e4a7f1066c8c689fb11f67a3977c6 ?
xhtml1/flexbox_computedstyle_flex-wrap-nowrap.xht 453f2f391bf751800ee4d6b29760d2032a526d7a ? xhtml1/flexbox_computedstyle_flex-wrap-nowrap.xht e99bbbf7a40e4a7f1066c8c689fb11f67a3977c6 ?
html/flexbox_computedstyle_flex-wrap-wrap-reverse.htm 63f817b37233a4b45e870d6cfc1e6e598a9a7de2 ? html/flexbox_computedstyle_flex-wrap-wrap-reverse.htm 6649eff5c6574680fb55f424f271e2a203d46337 ?
xhtml1/flexbox_computedstyle_flex-wrap-wrap-reverse.xht 63f817b37233a4b45e870d6cfc1e6e598a9a7de2 ? xhtml1/flexbox_computedstyle_flex-wrap-wrap-reverse.xht 6649eff5c6574680fb55f424f271e2a203d46337 ?
html/flexbox_computedstyle_flex-wrap-wrap.htm 8ebc673a8a51285e9c2da9ba372bd0e7a2e7c028 ? html/flexbox_computedstyle_flex-wrap-wrap.htm 4a96f0883d4431d77cb8ac95d831cf2f2580bd81 ?
xhtml1/flexbox_computedstyle_flex-wrap-wrap.xht 8ebc673a8a51285e9c2da9ba372bd0e7a2e7c028 ? xhtml1/flexbox_computedstyle_flex-wrap-wrap.xht 4a96f0883d4431d77cb8ac95d831cf2f2580bd81 ?
html/flexbox_computedstyle_justify-content-center.htm 5d4d0a1cd43a651cc6f6da0e61f4638019bef38d ? html/flexbox_computedstyle_justify-content-center.htm 4c79c70202daed2fbbd939a158a8d2d9577a13c7 ?
xhtml1/flexbox_computedstyle_justify-content-center.xht 5d4d0a1cd43a651cc6f6da0e61f4638019bef38d ? xhtml1/flexbox_computedstyle_justify-content-center.xht 4c79c70202daed2fbbd939a158a8d2d9577a13c7 ?
html/flexbox_computedstyle_justify-content-flex-end.htm 72491118510586cec847e142b219decc93308854 ? html/flexbox_computedstyle_justify-content-flex-end.htm aff387adaf44bbad0c408445b283c712220b2ed0 ?
xhtml1/flexbox_computedstyle_justify-content-flex-end.xht 72491118510586cec847e142b219decc93308854 ? xhtml1/flexbox_computedstyle_justify-content-flex-end.xht aff387adaf44bbad0c408445b283c712220b2ed0 ?
html/flexbox_computedstyle_justify-content-flex-start.htm 2040fa69912eb6c1c42c690a8edb2c0ddf33d309 ? html/flexbox_computedstyle_justify-content-flex-start.htm ed57706a5d8b65a4b76d8297be76ea50dfed37a9 ?
xhtml1/flexbox_computedstyle_justify-content-flex-start.xht 2040fa69912eb6c1c42c690a8edb2c0ddf33d309 ? xhtml1/flexbox_computedstyle_justify-content-flex-start.xht ed57706a5d8b65a4b76d8297be76ea50dfed37a9 ?
html/flexbox_computedstyle_justify-content-space-around.htm da0af0ef66852e425682bd285301da530f55d8d4 ? html/flexbox_computedstyle_justify-content-space-around.htm dc0663c6f6308e32c26a3c693fa6637a3ff58d37 ?
xhtml1/flexbox_computedstyle_justify-content-space-around.xht da0af0ef66852e425682bd285301da530f55d8d4 ? xhtml1/flexbox_computedstyle_justify-content-space-around.xht dc0663c6f6308e32c26a3c693fa6637a3ff58d37 ?
html/flexbox_computedstyle_justify-content-space-between.htm 80584aeaf1c1205140eff98f2e722f88230215c3 ? html/flexbox_computedstyle_justify-content-space-between.htm 03a533f434d47be8ed2cedb0c93070303ffa4a61 ?
xhtml1/flexbox_computedstyle_justify-content-space-between.xht 80584aeaf1c1205140eff98f2e722f88230215c3 ? xhtml1/flexbox_computedstyle_justify-content-space-between.xht 03a533f434d47be8ed2cedb0c93070303ffa4a61 ?
html/flexbox_computedstyle_min-height-auto.htm aab95f096c3a7eb51281856fffa19d9b025ef818 ? html/flexbox_computedstyle_min-height-auto.htm 62bc86b7f36bec42a7425cf7a4333bc428e30788 ?
xhtml1/flexbox_computedstyle_min-height-auto.xht aab95f096c3a7eb51281856fffa19d9b025ef818 ? xhtml1/flexbox_computedstyle_min-height-auto.xht 62bc86b7f36bec42a7425cf7a4333bc428e30788 ?
html/flexbox_computedstyle_min-width-auto.htm c7b8cf33d103b61e909abfd48fbda8d27361625a ? html/flexbox_computedstyle_min-width-auto.htm 92ce4c29956600e20847f643b0ca9574ae460fbc ?
xhtml1/flexbox_computedstyle_min-width-auto.xht c7b8cf33d103b61e909abfd48fbda8d27361625a ? xhtml1/flexbox_computedstyle_min-width-auto.xht 92ce4c29956600e20847f643b0ca9574ae460fbc ?
html/flexbox_computedstyle_order-inherit.htm ff0c10ec5872f4507d485ad0df8c99fa0e2a3d03 ? html/flexbox_computedstyle_order-inherit.htm 061e4749bc699eceabc64c42d6d10c3b87a0cba1 ?
xhtml1/flexbox_computedstyle_order-inherit.xht ff0c10ec5872f4507d485ad0df8c99fa0e2a3d03 ? xhtml1/flexbox_computedstyle_order-inherit.xht 061e4749bc699eceabc64c42d6d10c3b87a0cba1 ?
html/flexbox_computedstyle_order-integer.htm 069a507949e7eccbd64a01d58646a663b0f1d500 ? html/flexbox_computedstyle_order-integer.htm 92c35e38543e9f2d6c97116a3938d8aabe75bf61 ?
xhtml1/flexbox_computedstyle_order-integer.xht 069a507949e7eccbd64a01d58646a663b0f1d500 ? xhtml1/flexbox_computedstyle_order-integer.xht 92c35e38543e9f2d6c97116a3938d8aabe75bf61 ?
html/flexbox_computedstyle_order-invalid.htm 9d18fb9ab03c106a5b450a989aa5b1f9e7a20df1 ? html/flexbox_computedstyle_order-invalid.htm fa24ab48eb32fe5832e8ae683fae20cacd29b41d ?
xhtml1/flexbox_computedstyle_order-invalid.xht 9d18fb9ab03c106a5b450a989aa5b1f9e7a20df1 ? xhtml1/flexbox_computedstyle_order-invalid.xht fa24ab48eb32fe5832e8ae683fae20cacd29b41d ?
html/flexbox_computedstyle_order-negative.htm b438810e317b8dea137d60f3a8ab339fc2a1ec87 ? html/flexbox_computedstyle_order-negative.htm 8d593e848bede01d1e00b57125678aed6550abd5 ?
xhtml1/flexbox_computedstyle_order-negative.xht b438810e317b8dea137d60f3a8ab339fc2a1ec87 ? xhtml1/flexbox_computedstyle_order-negative.xht 8d593e848bede01d1e00b57125678aed6550abd5 ?
html/flexbox_computedstyle_order.htm 94980b5e1c17d6e6b9978fe38a109c8c88e76c0a ? html/flexbox_computedstyle_order.htm d574d1c1b84a5c34bd122816a68d6e3e617e8425 ?
xhtml1/flexbox_computedstyle_order.xht 94980b5e1c17d6e6b9978fe38a109c8c88e76c0a ? xhtml1/flexbox_computedstyle_order.xht d574d1c1b84a5c34bd122816a68d6e3e617e8425 ?
html/flexbox_direction-column-reverse.htm 0ac54595950e762ca7752f3dd9f87ecd17aee308 ? html/flexbox_direction-column-reverse.htm 0ac54595950e762ca7752f3dd9f87ecd17aee308 ?
xhtml1/flexbox_direction-column-reverse.xht 0ac54595950e762ca7752f3dd9f87ecd17aee308 ? xhtml1/flexbox_direction-column-reverse.xht 0ac54595950e762ca7752f3dd9f87ecd17aee308 ?
html/flexbox_direction-column.htm 016ee30f42dcea1993ff8772b43f2783f358d30e ? html/flexbox_direction-column.htm 016ee30f42dcea1993ff8772b43f2783f358d30e ?

154
tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data
View file

@ -233,6 +233,12 @@ flexbox-flex-wrap-vert-001 reference/flexbox-flex-wrap-vert-001-ref Testing flex
flexbox-flex-wrap-vert-002 reference/flexbox-flex-wrap-vert-002-ref Ensure that min-height is honored for vertical multi-line flex containers http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property eaff6cec8d46802c9ab8cc0150cd2ad4eed9d238 `Daniel Holbert`<mailto:dholbert@mozilla.com> flexbox-flex-wrap-vert-002 reference/flexbox-flex-wrap-vert-002-ref Ensure that min-height is honored for vertical multi-line flex containers http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property eaff6cec8d46802c9ab8cc0150cd2ad4eed9d238 `Daniel Holbert`<mailto:dholbert@mozilla.com>
flexbox-flex-wrap-wrap reference/flexbox-flex-direction-ref Flex-wrap = wrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap a981ce90ee729f0e17695a587b98bcc742bacaa9 `Gavin Elster`<mailto:gavin.elster@me.com> Test checks that flex elements wrap left-to-right within their flex container when flex-wrap = 'wrap', matching the writing direction. This assumes writing-direction = horizontal-tb', and direction = 'ltr'. flexbox-flex-wrap-wrap reference/flexbox-flex-direction-ref Flex-wrap = wrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap a981ce90ee729f0e17695a587b98bcc742bacaa9 `Gavin Elster`<mailto:gavin.elster@me.com> Test checks that flex elements wrap left-to-right within their flex container when flex-wrap = 'wrap', matching the writing direction. This assumes writing-direction = horizontal-tb', and direction = 'ltr'.
flexbox-flex-wrap-wrap-reverse reference/flexbox-flex-direction-ref Flex-wrap = wrap-reverse http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap cf0954a780bc7326c123e90c9c86f3ce3c9b51f0 `Gavin Elster`<mailto:gavin.elster@me.com> Test checks that flex elements wrap left-to-right and bottom-to-top within their flex container when flex-wrap = 'wrap-reverse'. This assumes writing-direction = horizontal-tb', and direction = 'ltr'. flexbox-flex-wrap-wrap-reverse reference/flexbox-flex-direction-ref Flex-wrap = wrap-reverse http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap cf0954a780bc7326c123e90c9c86f3ce3c9b51f0 `Gavin Elster`<mailto:gavin.elster@me.com> Test checks that flex elements wrap left-to-right and bottom-to-top within their flex container when flex-wrap = 'wrap-reverse'. This assumes writing-direction = horizontal-tb', and direction = 'ltr'.
flexbox-intrinsic-ratio-001 reference/flexbox-intrinsic-ratio-001-ref Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio. https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size,https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size 1a0e59702fd3c88856fea42447a472fb386118ac `Daniel Holbert`<mailto:dholbert@mozilla.com>
flexbox-intrinsic-ratio-002 reference/flexbox-intrinsic-ratio-001-ref Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio. https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size,https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size 2e2ee08bae176dca4e9c8a0a95c97d2c2cd13084 `Daniel Holbert`<mailto:dholbert@mozilla.com>
flexbox-intrinsic-ratio-003 reference/flexbox-intrinsic-ratio-003-ref Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio. https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size,https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size 7e1cde3bbb6c64ae8309c63e616e9b8405cb59ea `Daniel Holbert`<mailto:dholbert@mozilla.com>
flexbox-intrinsic-ratio-004 reference/flexbox-intrinsic-ratio-004-ref Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio. https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size,https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size 00b807bf6c41cf44a771007215e953f57eac3b44 `Daniel Holbert`<mailto:dholbert@mozilla.com>
flexbox-intrinsic-ratio-005 reference/flexbox-intrinsic-ratio-005-ref Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio. https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size,https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size b1671de7dacb9050e9f30ac809be347d29a905d2 `Daniel Holbert`<mailto:dholbert@mozilla.com>
flexbox-intrinsic-ratio-006 reference/flexbox-intrinsic-ratio-006-ref Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio. https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size,https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size 31a2f488f07f8fa1b2d16a7df17ff44a95d08414 `Daniel Holbert`<mailto:dholbert@mozilla.com>
flexbox-items-as-stacking-contexts-001 reference/flexbox-items-as-stacking-contexts-001-ref Testing that 'z-index' property makes flex items form stacking contexts http://www.w3.org/TR/css-flexbox-1/#painting 24a2f639c8eb38ec564295dfa45f740629d0b8b2 `Daniel Holbert`<mailto:dholbert@mozilla.com> flexbox-items-as-stacking-contexts-001 reference/flexbox-items-as-stacking-contexts-001-ref Testing that 'z-index' property makes flex items form stacking contexts http://www.w3.org/TR/css-flexbox-1/#painting 24a2f639c8eb38ec564295dfa45f740629d0b8b2 `Daniel Holbert`<mailto:dholbert@mozilla.com>
flexbox-items-as-stacking-contexts-002 reference/flexbox-items-as-stacking-contexts-002-ref Testing that flex items paint as pseudo-stacking contexts (like inline-blocks): atomically, in the absence of 'z-index' on descendants http://www.w3.org/TR/css-flexbox-1/#painting c8ea90174cb46e7cad9e0f953fae1cc47e48d753 `Daniel Holbert`<mailto:dholbert@mozilla.com> flexbox-items-as-stacking-contexts-002 reference/flexbox-items-as-stacking-contexts-002-ref Testing that flex items paint as pseudo-stacking contexts (like inline-blocks): atomically, in the absence of 'z-index' on descendants http://www.w3.org/TR/css-flexbox-1/#painting c8ea90174cb46e7cad9e0f953fae1cc47e48d753 `Daniel Holbert`<mailto:dholbert@mozilla.com>
flexbox-items-as-stacking-contexts-003 reference/flexbox-items-as-stacking-contexts-003-ref Testing that flex items paint as pseudo-stacking contexts (like inline-blocks), instead of full stacking contexts: 'z-index' should let descendants interleave http://www.w3.org/TR/css-flexbox-1/#painting ddab47de6e88e2d8862a119e837149fe6a70f396 `Daniel Holbert`<mailto:dholbert@mozilla.com> flexbox-items-as-stacking-contexts-003 reference/flexbox-items-as-stacking-contexts-003-ref Testing that flex items paint as pseudo-stacking contexts (like inline-blocks), instead of full stacking contexts: 'z-index' should let descendants interleave http://www.w3.org/TR/css-flexbox-1/#painting ddab47de6e88e2d8862a119e837149fe6a70f396 `Daniel Holbert`<mailto:dholbert@mozilla.com>
@ -336,80 +342,80 @@ flexbox_box-clear reference/flexbox_box-clear-ref flexbox | cleared box http://
flexbox_columns reference/flexbox_columns-ref flexbox | multicol http://www.w3.org/TR/css-flexbox-1/#flex-containers 297153339eb61889abf033f09bf49f37fef934ce `Opera Software`<http://opera.com> flexbox_columns reference/flexbox_columns-ref flexbox | multicol http://www.w3.org/TR/css-flexbox-1/#flex-containers 297153339eb61889abf033f09bf49f37fef934ce `Opera Software`<http://opera.com>
flexbox_columns-flexitems reference/flexbox_columns-flexitems-ref flexbox | multicol on flexbox items http://www.w3.org/TR/css-flexbox-1/#flex-containers bebd2a295c93d54e819399b86a7d3cab5df543ce `Opera Software`<http://opera.com> flexbox_columns-flexitems reference/flexbox_columns-flexitems-ref flexbox | multicol on flexbox items http://www.w3.org/TR/css-flexbox-1/#flex-containers bebd2a295c93d54e819399b86a7d3cab5df543ce `Opera Software`<http://opera.com>
flexbox_columns-flexitems-2 reference/flexbox_columns-flexitems-2-ref flexbox | multicol on flexbox items http://www.w3.org/TR/css-flexbox-1/#flex-containers 640c16169121a745c0f2504beb052769a91bcadd `Opera Software`<http://opera.com> flexbox_columns-flexitems-2 reference/flexbox_columns-flexitems-2-ref flexbox | multicol on flexbox items http://www.w3.org/TR/css-flexbox-1/#flex-containers 640c16169121a745c0f2504beb052769a91bcadd `Opera Software`<http://opera.com>
flexbox_computedstyle_align-content-center reference/ref-pass-body flexbox | computed style | align-content: center dom http://www.w3.org/TR/css-flexbox-1/#align-content-property 62addb19d645250ca7c38cd420e0c5c72a85bba0 `Opera Software`<http://opera.com> flexbox_computedstyle_align-content-center flexbox | computed style | align-content: center dom,script http://www.w3.org/TR/css-flexbox-1/#align-content-property ca93e76cbad28999579159a34afbefb418ed18a9 `Opera Software`<http://opera.com>
flexbox_computedstyle_align-content-flex-end reference/ref-pass-body flexbox | computed style | align-content: flex-end dom http://www.w3.org/TR/css-flexbox-1/#align-content-property 29cad8dd81ecd2834ed996def67b7fe7a2af2fb0 `Opera Software`<http://opera.com> flexbox_computedstyle_align-content-flex-end flexbox | computed style | align-content: flex-end dom,script http://www.w3.org/TR/css-flexbox-1/#align-content-property 0d2c256d69ddb461c644064be368475b715b326a `Opera Software`<http://opera.com>
flexbox_computedstyle_align-content-flex-start reference/ref-pass-body flexbox | computed style | align-content: flex-start dom http://www.w3.org/TR/css-flexbox-1/#align-content-property f203255eae7bac313f3175a7f0de4e3249ae04d3 `Opera Software`<http://opera.com> flexbox_computedstyle_align-content-flex-start flexbox | computed style | align-content: flex-start dom,script http://www.w3.org/TR/css-flexbox-1/#align-content-property 9fe0241fbf073734bf6f9e9b987c0ee8a33d91db `Opera Software`<http://opera.com>
flexbox_computedstyle_align-content-space-around reference/ref-pass-body flexbox | computed style | align-content: space-around dom http://www.w3.org/TR/css-flexbox-1/#align-content-property ec34f8b1b3833139d5bc895e8dc856e755720e54 `Opera Software`<http://opera.com> flexbox_computedstyle_align-content-space-around flexbox | computed style | align-content: space-around dom,script http://www.w3.org/TR/css-flexbox-1/#align-content-property 513198c70d4656dd1552f197c20bc07c52a47fdf `Opera Software`<http://opera.com>
flexbox_computedstyle_align-content-space-between reference/ref-pass-body flexbox | computed style | align-content: space-between dom http://www.w3.org/TR/css-flexbox-1/#align-content-property 97863d2ffa279426e8aad6a8900e80448ce785f9 `Opera Software`<http://opera.com> flexbox_computedstyle_align-content-space-between flexbox | computed style | align-content: space-between dom,script http://www.w3.org/TR/css-flexbox-1/#align-content-property 0d8836b779970c2bc93730ab7ab71e716e373b28 `Opera Software`<http://opera.com>
flexbox_computedstyle_align-items-baseline reference/ref-pass-body flexbox | computed style | align-items: baseline dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 2ad1fab98161fda41efa9a4952861315a44bfff1 `Opera Software`<http://opera.com> flexbox_computedstyle_align-items-baseline flexbox | computed style | align-items: baseline dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-items ee806bcfdb77cf7461710fb6497b1497348ca28c `Opera Software`<http://opera.com>
flexbox_computedstyle_align-items-center reference/ref-pass-body flexbox | computed style | align-items: center dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 67bf459031adb99fd33da38532023d4f423de3c2 `Opera Software`<http://opera.com> flexbox_computedstyle_align-items-center flexbox | computed style | align-items: center dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-items fd53eadca9f41ebe1334eb4d0b19e9eb6d691302 `Opera Software`<http://opera.com>
flexbox_computedstyle_align-items-flex-end reference/ref-pass-body flexbox | computed style | align-items: flex-end dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 281f9ad73a196825bf47d65519d4b64aa48ce63a `Opera Software`<http://opera.com> flexbox_computedstyle_align-items-flex-end flexbox | computed style | align-items: flex-end dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-items f567e08ffd2f7ef0a81e952c420c24e44e8b05d0 `Opera Software`<http://opera.com>
flexbox_computedstyle_align-items-flex-start reference/ref-pass-body flexbox | computed style | align-items: flex-start dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 0b4ae91b4abcf1713ba786c883dee416e40d1d9a `Opera Software`<http://opera.com> flexbox_computedstyle_align-items-flex-start flexbox | computed style | align-items: flex-start dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 298d0c23901e5acbeb40cbc018dc4a45c11c5666 `Opera Software`<http://opera.com>
flexbox_computedstyle_align-items-invalid reference/ref-pass-body flexbox | computed style | align-items: invalid dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-items a9c458bf2891dda0988bee7c853f2cd204ec5092 `Opera Software`<http://opera.com> flexbox_computedstyle_align-items-invalid flexbox | computed style | align-items: invalid dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 9b593ad91249c44d2eeb8d16c54f31ee584a59ec `Opera Software`<http://opera.com>
flexbox_computedstyle_align-items-stretch reference/ref-pass-body flexbox | computed style | align-items: stretch dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 9be43311a3ca366cd803dcf17da1202f647f11a4 `Opera Software`<http://opera.com> flexbox_computedstyle_align-items-stretch flexbox | computed style | align-items: stretch dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 1c86df21909b0e6b67c813bd8540f9ec9e0a4265 `Opera Software`<http://opera.com>
flexbox_computedstyle_align-self-baseline reference/ref-pass-body flexbox | computed style | align-self: baseline dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-self ce1e2923f5c77debac6f55c78a18d7aaac8f6a8a `Opera Software`<http://opera.com> flexbox_computedstyle_align-self-baseline flexbox | computed style | align-self: baseline dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-self f6a103d643453a3bea050c1d401b1f9b70840238 `Opera Software`<http://opera.com>
flexbox_computedstyle_align-self-center reference/ref-pass-body flexbox | computed style | align-self: center dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 288b831ba54587ed1ad02f81c25d348de9ab133d `Opera Software`<http://opera.com> flexbox_computedstyle_align-self-center flexbox | computed style | align-self: center dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-self d540b8faf99bc2c9303a6b92ee1002617bf7ba08 `Opera Software`<http://opera.com>
flexbox_computedstyle_align-self-flex-end reference/ref-pass-body flexbox | computed style | align-self: flex-end dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 7d4d23359eda048decd404ade4f7972c0cbe4757 `Opera Software`<http://opera.com> flexbox_computedstyle_align-self-flex-end flexbox | computed style | align-self: flex-end dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 3912b3be77078304d9ead87a982a4d67eb1c3abd `Opera Software`<http://opera.com>
flexbox_computedstyle_align-self-flex-start reference/ref-pass-body flexbox | computed style | align-self: flex-start dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 2515e8e650f8f4765baa0613577666d4e8ff27b0 `Opera Software`<http://opera.com> flexbox_computedstyle_align-self-flex-start flexbox | computed style | align-self: flex-start dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-self a3cf4ad24a9a24cb1c5014b965c5af53eace713b `Opera Software`<http://opera.com>
flexbox_computedstyle_align-self-invalid reference/ref-pass-body flexbox | computed style | align-self: invalid dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 40fdbe1a0acd0769632418a117dda82c44b1e2e9 `Opera Software`<http://opera.com> flexbox_computedstyle_align-self-invalid flexbox | computed style | align-self: invalid dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 631c797565d1105efb498e6bbccae00539a76510 `Opera Software`<http://opera.com>
flexbox_computedstyle_align-self-stretch reference/ref-pass-body flexbox | computed style | align-self: stretch dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-self dac2da0a5b9d401533649f442f7947b987d71ad5 `Opera Software`<http://opera.com> flexbox_computedstyle_align-self-stretch flexbox | computed style | align-self: stretch dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-self c70b121f208728bc77776e6346c2728652ec5f31 `Opera Software`<http://opera.com>
flexbox_computedstyle_display reference/ref-pass-body flexbox | computed style | display: flex dom http://www.w3.org/TR/css-flexbox-1/#flex-containers e7f6da70160d661c4fdce2d93cce036a70b508b8 `Opera Software`<http://opera.com> flexbox_computedstyle_display flexbox | computed style | display: flex dom,script http://www.w3.org/TR/css-flexbox-1/#flex-containers 5d96bb4e48c38d38e8a513eb92dce1b51712bad3 `Opera Software`<http://opera.com>
flexbox_computedstyle_display-inline reference/ref-pass-body flexbox | computed style | display: inline-flex dom http://www.w3.org/TR/css-flexbox-1/#flex-containers 15e33468e7c03922e3f5d5b9213ad751e595fbe1 `Opera Software`<http://opera.com> flexbox_computedstyle_display-inline flexbox | computed style | display: inline-flex dom,script http://www.w3.org/TR/css-flexbox-1/#flex-containers 1b9160b3cf9e8423c0faaf878f755b8e6cda48d4 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-basis-0 reference/ref-pass-body flexbox | computed style | flex-basis: 0 dom http://www.w3.org/TR/css-flexbox-1/#flex-basis-property cf75d173a497479e517a58e9d2ea5563dd58ef14 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-basis-0 flexbox | computed style | flex-basis: 0 dom,script http://www.w3.org/TR/css-flexbox-1/#flex-basis-property 3b109fc099603ac932cf8f62ee9c5fb950f1a82e `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-basis-0percent reference/ref-pass-body flexbox | computed style | flex-basis: 0% dom http://www.w3.org/TR/css-flexbox-1/#flex-basis-property adec4138f98318be3f4bd3d4abcf64d315c9c0f5 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-basis-0percent flexbox | computed style | flex-basis: 0% dom,script http://www.w3.org/TR/css-flexbox-1/#flex-basis-property 17bcdbe8f8abc72a7221a1b07bb6d8c23a923f0f `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-basis-auto reference/ref-pass-body flexbox | computed style | flex-basis: auto dom http://www.w3.org/TR/css-flexbox-1/#flex-basis-property 1e0ffb01bda4122e70072b761cab72a991f9931e `Opera Software`<http://opera.com> flexbox_computedstyle_flex-basis-auto flexbox | computed style | flex-basis: auto dom,script http://www.w3.org/TR/css-flexbox-1/#flex-basis-property e6206e8f82fb310a89f4ec866be5548868e38357 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-basis-percent reference/ref-pass-body flexbox | computed style | flex-basis: percent dom http://www.w3.org/TR/css-flexbox-1/#flex-basis-property 8f7a75f379dedb5a8edc286aa68de03eaecd862d `Opera Software`<http://opera.com> flexbox_computedstyle_flex-basis-percent flexbox | computed style | flex-basis: percent dom,script http://www.w3.org/TR/css-flexbox-1/#flex-basis-property cd3ee4fb77cdf8a4546ae56bbb31166cddb0989c `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-direction-column reference/ref-pass-body flexbox | computed style | flex-direction: column dom http://www.w3.org/TR/css-flexbox-1/#flex-direction e8ed255d8fa1dbd7562021c781fd3ffc58a591ec `Opera Software`<http://opera.com> flexbox_computedstyle_flex-direction-column flexbox | computed style | flex-direction: column dom,script http://www.w3.org/TR/css-flexbox-1/#flex-direction bc60ebe38ecb8a0f66c918b0ac8ebd6096449d92 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-direction-column-reverse reference/ref-pass-body flexbox | computed style | flex-direction: column-reverse dom http://www.w3.org/TR/css-flexbox-1/#flex-direction 3138cf05f8ed9934686234b9c78468edfb1e7ce5 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-direction-column-reverse flexbox | computed style | flex-direction: column-reverse dom,script http://www.w3.org/TR/css-flexbox-1/#flex-direction 6a3a62f1c2c8e1a1dc71f688f2037f5468c7e239 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-direction-invalid reference/ref-pass-body flexbox | computed style | flex-direction: row dom http://www.w3.org/TR/css-flexbox-1/#flex-direction 46f05c5aa4142bec62b38b79da27996902a14c3b `Opera Software`<http://opera.com> flexbox_computedstyle_flex-direction-invalid flexbox | computed style | flex-direction: row dom,script http://www.w3.org/TR/css-flexbox-1/#flex-direction 89869a6928a21df23d1478792ed40edbf8876fa7 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-direction-row reference/ref-pass-body flexbox | computed style | flex-direction: row dom http://www.w3.org/TR/css-flexbox-1/#flex-direction 4aa1709d56f435eafa955916609cae9fe56cbff2 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-direction-row flexbox | computed style | flex-direction: row dom,script http://www.w3.org/TR/css-flexbox-1/#flex-direction 445d252eacbcc57c76367f3ee3a6ed2242ff3365 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-direction-row-reverse reference/ref-pass-body flexbox | computed style | flex-direction: row-reverse dom http://www.w3.org/TR/css-flexbox-1/#flex-direction 46d1c052c605e0d3bcae27d70eaae38bb8b1f89e `Opera Software`<http://opera.com> flexbox_computedstyle_flex-direction-row-reverse flexbox | computed style | flex-direction: row-reverse dom,script http://www.w3.org/TR/css-flexbox-1/#flex-direction f1a62c9a5e059a6246cc0eb0cbd89d5852307a94 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-flow-column reference/ref-pass-body flexbox | computed style | flex-flow: column dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column 451b5092b3f83a41cca3413e270218b066c83b94 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-flow-column flexbox | computed style | flex-flow: column dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column 6ed21668d5ac1a31ba5b3d868ac26d73237773b1 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-flow-column-nowrap reference/ref-pass-body flexbox | computed style | flex-flow: column nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap aaf329b0654bfe3c287601ebdf6f0adae5b79379 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-flow-column-nowrap flexbox | computed style | flex-flow: column nowrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap 659f26463cb713c46675d4200c8b78e6886b20ed `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-flow-column-reverse reference/ref-pass-body flexbox | computed style | flex-flow: column-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse 180397840dea82bbb77a69cb38205cc32b174984 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-flow-column-reverse flexbox | computed style | flex-flow: column-reverse dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse 4f4b52e7e0a7fd851dd426795d9d34ed523cebea `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-flow-column-reverse-nowrap reference/ref-pass-body flexbox | computed style | flex-flow: column-reverse nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap 7710479d7b9b0241c9f6cc7921d88a01375020c8 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-flow-column-reverse-nowrap flexbox | computed style | flex-flow: column-reverse nowrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap c37ec2be1c6951b283b23c9bb295ad6ffff0a70e `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-flow-column-reverse-wrap reference/ref-pass-body flexbox | computed style | flex-flow: column-reverse wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap 6eea80b27ffd37ea01ecfc74156f66a7172d5e16 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-flow-column-reverse-wrap flexbox | computed style | flex-flow: column-reverse wrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap bf609183d3d6ed8b0ebfa2419039a73c1f547936 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-flow-column-wrap reference/ref-pass-body flexbox | computed style | flex-flow: column wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap 1cb63941c5676d176bc51be50328ee15092ab5a8 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-flow-column-wrap flexbox | computed style | flex-flow: column wrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap fa968f823a0da3c5e5ab482c85492472a1107983 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-flow-column-wrap-reverse reference/ref-pass-body flexbox | computed style | flex-flow: column wrap-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse c363b07aac45dcc7ce4300c0b4899479941d4a8f `Opera Software`<http://opera.com> flexbox_computedstyle_flex-flow-column-wrap-reverse flexbox | computed style | flex-flow: column wrap-reverse dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse ed545642f1b2325ad608089ef5fae2eb5cb43e5b `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-flow-nowrap reference/ref-pass-body flexbox | computed style | flex-flow: nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap 8b84de3f8eef756ed68c345e666a9e595e2c08d4 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-flow-nowrap flexbox | computed style | flex-flow: nowrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap 27c4911d9887e8d5275986943d3f6b037a4de79d `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-flow-row reference/ref-pass-body flexbox | computed style | flex-flow: row dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row 481dea00bf33a0425aeace3a0a3b09e46264eac0 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-flow-row flexbox | computed style | flex-flow: row dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row 74c7385119a3db0a66f59976210dcbec1806b31e `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-flow-row-nowrap reference/ref-pass-body flexbox | computed style | flex-flow: row nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap 1e7e9eeb79d7edd9c34102adc09650a759e2361a `Opera Software`<http://opera.com> flexbox_computedstyle_flex-flow-row-nowrap flexbox | computed style | flex-flow: row nowrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap bff58f5dd7190d440ebeed3f00ff481954993aad `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-flow-row-reverse reference/ref-pass-body flexbox | computed style | flex-flow: row-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse 836cb44fdc0bf2f4b98bbeedbcf2593509985616 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-flow-row-reverse flexbox | computed style | flex-flow: row-reverse dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse 90d5848b70c51efe8ca478ae37a8692ed6b6d358 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-flow-row-reverse-nowrap reference/ref-pass-body flexbox | computed style | flex-flow: row-reverse nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap c79eb44bbc1cc491ebe813a6c7a3980633309c15 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-flow-row-reverse-nowrap flexbox | computed style | flex-flow: row-reverse nowrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap 6bd49db8212814cc2431b9f732d08be497cdfb6c `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-flow-row-reverse-wrap reference/ref-pass-body flexbox | computed style | flex-flow: row-reverse wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap afd99e782b643542e209e037ca8cc0f371f77260 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-flow-row-reverse-wrap flexbox | computed style | flex-flow: row-reverse wrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap 32a9fb029738527d400a29d53a35ecd0f604d19d `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse reference/ref-pass-body flexbox | computed style | flex-flow: row-reverse wrap-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse 701c06efded1f06b17640327987679c5beaf3250 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse flexbox | computed style | flex-flow: row-reverse wrap-reverse dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse 69e4710196ad9e79c768395f1260135bdb51d03a `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-flow-row-wrap reference/ref-pass-body flexbox | computed style | flex-flow: row wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap 2bcdc74edd3c7ba5cccccd85ce900d63718f406d `Opera Software`<http://opera.com> flexbox_computedstyle_flex-flow-row-wrap flexbox | computed style | flex-flow: row wrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap df91f89286e5dbd8671705be51524dca080e22cb `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-flow-row-wrap-reverse reference/ref-pass-body flexbox | computed style | flex-flow: row wrap-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse a66a4d38ee0a7ad2cc973ee5a0f23576b2f7e483 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-flow-row-wrap-reverse flexbox | computed style | flex-flow: row wrap-reverse dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse 286dc0530e91eace5b7e23691dd2db2df9cbb0c6 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-flow-wrap reference/ref-pass-body flexbox | computed style | flex-flow: wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap 261d0f5350d4822ace02d270be150185623d9634 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-flow-wrap flexbox | computed style | flex-flow: wrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap 24e13e53ac18b32f6ac9e2d7636e3a2a26ceab04 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-grow-0 reference/ref-pass-body flexbox | computed style | flex-grow: 0 dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow c92f9416a0e86440851af99db55aaf26924492d1 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-grow-0 flexbox | computed style | flex-grow: 0 dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow b6b94e15ce2a12f39f0726b351dce2d2b1c608ed `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-grow-invalid reference/ref-pass-body flexbox | computed style | flex-grow: negative dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 964e22a3871e0c5f05ea05fb6a38e5b4783955e1 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-grow-invalid flexbox | computed style | flex-grow: negative dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 8639557f7f75d3bb8a745005c42380ced315d1a4 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-grow-number reference/ref-pass-body flexbox | computed style | flex-grow: number dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 24960e520f367b0ce29992148954582d4e43d224 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-grow-number flexbox | computed style | flex-grow: number dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 3df587a58a240082e5c6c5db2f687a6672dcdb0e `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-shorthand reference/ref-pass-body flexbox | computed style | flex: invalid dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex 925dcae2b1c40494ffb2a809edc9873b49c3171a `Opera Software`<http://opera.com> flexbox_computedstyle_flex-shorthand flexbox | computed style | flex: invalid dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex 10b4e31620ee15cf16ad854dad647a1649a24253 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-shorthand-0-auto reference/ref-pass-body flexbox | computed style | flex: 0 auto dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex eac4513b139b9474cdc662d896aeccfa2eada009 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-shorthand-0-auto flexbox | computed style | flex: 0 auto dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex f4b19ca712e183bd6f48401bd6fc66625f1387cb `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-shorthand-auto reference/ref-pass-body flexbox | computed style | flex: auto dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex 93123c78d317dc9559678e8259caf6b0c26dea24 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-shorthand-auto flexbox | computed style | flex: auto dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex ef36f6c1d3181301fdb63f61f06de71d99862c50 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-shorthand-initial reference/ref-pass-body flexbox | computed style | flex: initial dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex 8cc334ce02bce28ea3452288b2653f857b35a4e6 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-shorthand-initial flexbox | computed style | flex: initial dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex 821e7b1d1d0e65da4278537bdd52418579ddd1a3 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-shorthand-invalid reference/ref-pass-body flexbox | computed style | flex: invalid dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex 4556711538161200fcb7db90eb35f9e21443ea59 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-shorthand-invalid flexbox | computed style | flex: invalid dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex 82a9d3cdd68ad834f695a441bd46079007bc9166 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-shorthand-none reference/ref-pass-body flexbox | computed style | flex: auto dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex 4628a756415a016ed23a51c48abb6d7833cfcd29 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-shorthand-none flexbox | computed style | flex: auto dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex 3555c0e3191e064b145685c52502b07352489b29 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-shorthand-number reference/ref-pass-body flexbox | computed style | flex: number dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex 60acfca58faaa7dceb934bd9232d9a00ffd526bc `Opera Software`<http://opera.com> flexbox_computedstyle_flex-shorthand-number flexbox | computed style | flex: number dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex a564fa7d3a8adae2a8eaebe007b18ac48b211ce3 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-shrink-0 reference/ref-pass-body flexbox | computed style | flex-shrink: 0 dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink a5edca2a35f7e59ddd75133224005cf2d4d7a7e9 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-shrink-0 flexbox | computed style | flex-shrink: 0 dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink bc71765e3ce77b7bd58161ffda86b33c25ee2bc2 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-shrink-invalid reference/ref-pass-body flexbox | computed style | flex-shrink: negative dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink bb694a52bebcf1c4a941c2227e0f3fd49e126a0d `Opera Software`<http://opera.com> flexbox_computedstyle_flex-shrink-invalid flexbox | computed style | flex-shrink: negative dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink a2d41bad59a2e56ad69d9475dccc8c291f723071 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-shrink-number reference/ref-pass-body flexbox | computed style | flex-shrink: number dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink 8fa0d89f57b6c4a14686961f7a2d31f9d7d2d332 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-shrink-number flexbox | computed style | flex-shrink: number dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink d92d554f7e8f465e18c1198e2d3b8c7dcb1b8fe9 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-wrap-invalid reference/ref-pass-body flexbox | computed style | flex-wrap: wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap bcd00aaf592dd9671011c82131a4433521bbd6d9 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-wrap-invalid flexbox | computed style | flex-wrap: wrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 323d5126e16f5b11d6e494957014a9de0800117b `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-wrap-nowrap reference/ref-pass-body flexbox | computed style | flex-wrap: nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 453f2f391bf751800ee4d6b29760d2032a526d7a `Opera Software`<http://opera.com> flexbox_computedstyle_flex-wrap-nowrap flexbox | computed style | flex-wrap: nowrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap e99bbbf7a40e4a7f1066c8c689fb11f67a3977c6 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-wrap-wrap reference/ref-pass-body flexbox | computed style | flex-wrap: wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 8ebc673a8a51285e9c2da9ba372bd0e7a2e7c028 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-wrap-wrap flexbox | computed style | flex-wrap: wrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 4a96f0883d4431d77cb8ac95d831cf2f2580bd81 `Opera Software`<http://opera.com>
flexbox_computedstyle_flex-wrap-wrap-reverse reference/ref-pass-body flexbox | computed style | flex-wrap: wrap-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 63f817b37233a4b45e870d6cfc1e6e598a9a7de2 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-wrap-wrap-reverse flexbox | computed style | flex-wrap: wrap-reverse dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 6649eff5c6574680fb55f424f271e2a203d46337 `Opera Software`<http://opera.com>
flexbox_computedstyle_justify-content-center reference/ref-pass-body flexbox | computed style | justify-content: center dom http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content 5d4d0a1cd43a651cc6f6da0e61f4638019bef38d `Opera Software`<http://opera.com> flexbox_computedstyle_justify-content-center flexbox | computed style | justify-content: center dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content 4c79c70202daed2fbbd939a158a8d2d9577a13c7 `Opera Software`<http://opera.com>
flexbox_computedstyle_justify-content-flex-end reference/ref-pass-body flexbox | computed style | justify-content: flex-end dom http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content 72491118510586cec847e142b219decc93308854 `Opera Software`<http://opera.com> flexbox_computedstyle_justify-content-flex-end flexbox | computed style | justify-content: flex-end dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content aff387adaf44bbad0c408445b283c712220b2ed0 `Opera Software`<http://opera.com>
flexbox_computedstyle_justify-content-flex-start reference/ref-pass-body flexbox | computed style | justify-content: flex-start dom http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content 2040fa69912eb6c1c42c690a8edb2c0ddf33d309 `Opera Software`<http://opera.com> flexbox_computedstyle_justify-content-flex-start flexbox | computed style | justify-content: flex-start dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content ed57706a5d8b65a4b76d8297be76ea50dfed37a9 `Opera Software`<http://opera.com>
flexbox_computedstyle_justify-content-space-around reference/ref-pass-body flexbox | computed style | justify-content: space-around dom http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content da0af0ef66852e425682bd285301da530f55d8d4 `Opera Software`<http://opera.com> flexbox_computedstyle_justify-content-space-around flexbox | computed style | justify-content: space-around dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content dc0663c6f6308e32c26a3c693fa6637a3ff58d37 `Opera Software`<http://opera.com>
flexbox_computedstyle_justify-content-space-between reference/ref-pass-body flexbox | computed style | justify-content: space-between dom http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content 80584aeaf1c1205140eff98f2e722f88230215c3 `Opera Software`<http://opera.com> flexbox_computedstyle_justify-content-space-between flexbox | computed style | justify-content: space-between dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content 03a533f434d47be8ed2cedb0c93070303ffa4a61 `Opera Software`<http://opera.com>
flexbox_computedstyle_min-height-auto reference/ref-pass-body flexbox | computed style | min-height: auto dom http://www.w3.org/TR/css-flexbox-1/#min-size-auto aab95f096c3a7eb51281856fffa19d9b025ef818 `Opera Software`<http://opera.com> flexbox_computedstyle_min-height-auto flexbox | computed style | min-height: auto dom,script http://www.w3.org/TR/css-flexbox-1/#min-size-auto 62bc86b7f36bec42a7425cf7a4333bc428e30788 `Opera Software`<http://opera.com>
flexbox_computedstyle_min-width-auto reference/ref-pass-body flexbox | computed style | min-width: auto dom http://www.w3.org/TR/css-flexbox-1/#min-size-auto c7b8cf33d103b61e909abfd48fbda8d27361625a `Opera Software`<http://opera.com> flexbox_computedstyle_min-width-auto flexbox | computed style | min-width: auto dom,script http://www.w3.org/TR/css-flexbox-1/#min-size-auto 92ce4c29956600e20847f643b0ca9574ae460fbc `Opera Software`<http://opera.com>
flexbox_computedstyle_order reference/ref-pass-body flexbox | computed style | order: 0 dom http://www.w3.org/TR/css-flexbox-1/#propdef-order 94980b5e1c17d6e6b9978fe38a109c8c88e76c0a `Opera Software`<http://opera.com> flexbox_computedstyle_order flexbox | computed style | order: 0 dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-order d574d1c1b84a5c34bd122816a68d6e3e617e8425 `Opera Software`<http://opera.com>
flexbox_computedstyle_order-inherit reference/ref-pass-body flexbox | computed style | order: -1 dom http://www.w3.org/TR/css-flexbox-1/#propdef-order ff0c10ec5872f4507d485ad0df8c99fa0e2a3d03 `Opera Software`<http://opera.com> flexbox_computedstyle_order-inherit flexbox | computed style | order: -1 dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-order 061e4749bc699eceabc64c42d6d10c3b87a0cba1 `Opera Software`<http://opera.com>
flexbox_computedstyle_order-integer reference/ref-pass-body flexbox | computed style | order: integer dom http://www.w3.org/TR/css-flexbox-1/#propdef-order 069a507949e7eccbd64a01d58646a663b0f1d500 `Opera Software`<http://opera.com> flexbox_computedstyle_order-integer flexbox | computed style | order: integer dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-order 92c35e38543e9f2d6c97116a3938d8aabe75bf61 `Opera Software`<http://opera.com>
flexbox_computedstyle_order-invalid reference/ref-pass-body flexbox | computed style | order: noninteger dom http://www.w3.org/TR/css-flexbox-1/#propdef-order 9d18fb9ab03c106a5b450a989aa5b1f9e7a20df1 `Opera Software`<http://opera.com> flexbox_computedstyle_order-invalid flexbox | computed style | order: noninteger dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-order fa24ab48eb32fe5832e8ae683fae20cacd29b41d `Opera Software`<http://opera.com>
flexbox_computedstyle_order-negative reference/ref-pass-body flexbox | computed style | order: -1 dom http://www.w3.org/TR/css-flexbox-1/#propdef-order b438810e317b8dea137d60f3a8ab339fc2a1ec87 `Opera Software`<http://opera.com> flexbox_computedstyle_order-negative flexbox | computed style | order: -1 dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-order 8d593e848bede01d1e00b57125678aed6550abd5 `Opera Software`<http://opera.com>
flexbox_direction-column reference/flexbox_direction-column-ref flexbox | flex-direction: column http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 016ee30f42dcea1993ff8772b43f2783f358d30e `Opera Software`<http://opera.com> flexbox_direction-column reference/flexbox_direction-column-ref flexbox | flex-direction: column http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 016ee30f42dcea1993ff8772b43f2783f358d30e `Opera Software`<http://opera.com>
flexbox_direction-column-reverse reference/flexbox_direction-column-reverse-ref flexbox | flex-direction: column-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 0ac54595950e762ca7752f3dd9f87ecd17aee308 `Opera Software`<http://opera.com> flexbox_direction-column-reverse reference/flexbox_direction-column-reverse-ref flexbox | flex-direction: column-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 0ac54595950e762ca7752f3dd9f87ecd17aee308 `Opera Software`<http://opera.com>
flexbox_direction-row-reverse reference/flexbox_direction-row-reverse-ref flexbox | flex-direction: row-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property f1320e1caafb090d6e0cbdc74c873f98dfea7d85 `Opera Software`<http://opera.com> flexbox_direction-row-reverse reference/flexbox_direction-row-reverse-ref flexbox | flex-direction: row-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property f1320e1caafb090d6e0cbdc74c873f98dfea7d85 `Opera Software`<http://opera.com>

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

@ -303,43 +303,43 @@
</ul> </ul>
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-direction-column.xht">flexbox_computedstyle_flex-direction-column</a></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></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex-direction: column
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-direction-column-reverse.xht">flexbox_computedstyle_flex-direction-column-reverse</a></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></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex-direction: column-reverse
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-direction-invalid.xht">flexbox_computedstyle_flex-direction-invalid</a></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></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex-direction: row
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-direction-row.xht">flexbox_computedstyle_flex-direction-row</a></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></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex-direction: row
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_flex-direction-row-reverse.xht">flexbox_computedstyle_flex-direction-row-reverse</a></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></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | flex-direction: row-reverse
</td> </td>
</tr> </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>flexbox | multicol on flexbox items
</td> </td>
</tr> </tr>
<tr id="flexbox_computedstyle_display-3" class="dom"> <tr id="flexbox_computedstyle_display-3" class="dom script">
<td> <td>
<a href="flexbox_computedstyle_display.xht">flexbox_computedstyle_display</a></td> <a href="flexbox_computedstyle_display.xht">flexbox_computedstyle_display</a></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td> <td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | display: flex
</td> </td>
</tr> </tr>
<tr id="flexbox_computedstyle_display-inline-3" class="dom"> <tr id="flexbox_computedstyle_display-inline-3" class="dom script">
<td> <td>
<a href="flexbox_computedstyle_display-inline.xht">flexbox_computedstyle_display-inline</a></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></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | display: inline-flex
</td> </td>
</tr> </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>Testing min-width:auto &amp; 'overflow' interaction
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_min-height-auto.xht">flexbox_computedstyle_min-height-auto</a></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></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | min-height: auto
</td> </td>
</tr> </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> <td>
<a href="flexbox_computedstyle_min-width-auto.xht">flexbox_computedstyle_min-width-auto</a></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></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></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>flexbox | computed style | min-width: auto
</td> </td>
</tr> </tr>

Some files were not shown because too many files have changed in this diff Show more