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

Update CSS tests to revision 7d0ff6117ee51720c307ea24d413d13eb5abf3e6

Browse source
This commit is contained in:
Ms2ger 2016-03-01 16:08:43 +01:00
parent 40c52d55e2
commit 349c75536d
7391 changed files with 304135 additions and 153491 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -30,7 +30,7 @@
<tbody id="s1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s1">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#intro">1 Introduction</a></th></tr>
<a href="https://www.w3.org/TR/css-flexbox-1/#intro">1 Introduction</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s1.#flex-layout">
@ -39,17 +39,17 @@
<tbody id="s1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s1.1">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#overview">1.1 Overview</a></th></tr>
<a href="https://www.w3.org/TR/css-flexbox-1/#overview">1.1 Overview</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s1.2">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#placement">1.2 Module interactions</a></th></tr>
<a href="https://www.w3.org/TR/css-flexbox-1/#placement">1.2 Module interactions</a></th></tr>
<!-- 1 tests -->
<tr id="flexbox_first-line-1.2" class="primary">
<td><strong>
<a href="flexbox_first-line.htm">flexbox_first-line</a></strong></td>
<tr id="flexbox_first-line-1.2" class="">
<td>
<a href="flexbox_first-line.htm">flexbox_first-line</a></td>
<td><a href="reference/flexbox_first-line-ref.htm">=</a> </td>
<td></td>
<td>flexbox | first-line

94
tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-10.htm
View file

@ -30,123 +30,123 @@
<tbody id="s10">
<tr><th colspan="4" scope="rowgroup">
<a href="#s10">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#pagination">10 Fragmenting Flex Layout</a></th></tr>
<a href="https://www.w3.org/TR/css-flexbox-1/#pagination">10 Fragmenting Flex Layout</a></th></tr>
<!-- 16 tests -->
<tr id="flexbox_interactive_break-after-column-item-10" class="primary interact paged">
<td><strong>
<a href="flexbox_interactive_break-after-column-item.htm">flexbox_interactive_break-after-column-item</a></strong></td>
<tr id="flexbox_interactive_break-after-column-item-10" class="interact paged">
<td>
<a href="flexbox_interactive_break-after-column-item.htm">flexbox_interactive_break-after-column-item</a></td>
<td></td>
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>flexbox | break-after, column, item
</td>
</tr>
<tr id="flexbox_interactive_break-after-column-lastitem-10" class="primary interact paged">
<td><strong>
<a href="flexbox_interactive_break-after-column-lastitem.htm">flexbox_interactive_break-after-column-lastitem</a></strong></td>
<tr id="flexbox_interactive_break-after-column-lastitem-10" class="interact paged">
<td>
<a href="flexbox_interactive_break-after-column-lastitem.htm">flexbox_interactive_break-after-column-lastitem</a></td>
<td></td>
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>flexbox | break-after, column, item
</td>
</tr>
<tr id="flexbox_interactive_break-after-container-10" class="primary interact paged">
<td><strong>
<a href="flexbox_interactive_break-after-container.htm">flexbox_interactive_break-after-container</a></strong></td>
<tr id="flexbox_interactive_break-after-container-10" class="interact paged">
<td>
<a href="flexbox_interactive_break-after-container.htm">flexbox_interactive_break-after-container</a></td>
<td></td>
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>flexbox | break-after, singleline, container
</td>
</tr>
<tr id="flexbox_interactive_break-after-item-10" class="primary interact paged">
<td><strong>
<a href="flexbox_interactive_break-after-item.htm">flexbox_interactive_break-after-item</a></strong></td>
<tr id="flexbox_interactive_break-after-item-10" class="interact paged">
<td>
<a href="flexbox_interactive_break-after-item.htm">flexbox_interactive_break-after-item</a></td>
<td></td>
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>flexbox | break-after, singleline, item
</td>
</tr>
<tr id="flexbox_interactive_break-after-line-10" class="primary interact paged">
<td><strong>
<a href="flexbox_interactive_break-after-line.htm">flexbox_interactive_break-after-line</a></strong></td>
<tr id="flexbox_interactive_break-after-line-10" class="interact paged">
<td>
<a href="flexbox_interactive_break-after-line.htm">flexbox_interactive_break-after-line</a></td>
<td></td>
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>flexbox | break-after, line
</td>
</tr>
<tr id="flexbox_interactive_break-after-line-order-10" class="primary interact paged">
<td><strong>
<a href="flexbox_interactive_break-after-line-order.htm">flexbox_interactive_break-after-line-order</a></strong></td>
<tr id="flexbox_interactive_break-after-line-order-10" class="interact paged">
<td>
<a href="flexbox_interactive_break-after-line-order.htm">flexbox_interactive_break-after-line-order</a></td>
<td></td>
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>flexbox | order, break-after, multiline
</td>
</tr>
<tr id="flexbox_interactive_break-after-multiline-10" class="primary interact paged">
<td><strong>
<a href="flexbox_interactive_break-after-multiline.htm">flexbox_interactive_break-after-multiline</a></strong></td>
<tr id="flexbox_interactive_break-after-multiline-10" class="interact paged">
<td>
<a href="flexbox_interactive_break-after-multiline.htm">flexbox_interactive_break-after-multiline</a></td>
<td></td>
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>flexbox | break-after, multiline
</td>
</tr>
<tr id="flexbox_interactive_break-before-column-firstitem-10" class="primary interact paged">
<td><strong>
<a href="flexbox_interactive_break-before-column-firstitem.htm">flexbox_interactive_break-before-column-firstitem</a></strong></td>
<tr id="flexbox_interactive_break-before-column-firstitem-10" class="interact paged">
<td>
<a href="flexbox_interactive_break-before-column-firstitem.htm">flexbox_interactive_break-before-column-firstitem</a></td>
<td></td>
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>flexbox | break-before, column, item
</td>
</tr>
<tr id="flexbox_interactive_break-before-column-item-10" class="primary interact paged">
<td><strong>
<a href="flexbox_interactive_break-before-column-item.htm">flexbox_interactive_break-before-column-item</a></strong></td>
<tr id="flexbox_interactive_break-before-column-item-10" class="interact paged">
<td>
<a href="flexbox_interactive_break-before-column-item.htm">flexbox_interactive_break-before-column-item</a></td>
<td></td>
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>flexbox | break-before, column, item
</td>
</tr>
<tr id="flexbox_interactive_break-before-container-10" class="primary interact paged">
<td><strong>
<a href="flexbox_interactive_break-before-container.htm">flexbox_interactive_break-before-container</a></strong></td>
<tr id="flexbox_interactive_break-before-container-10" class="interact paged">
<td>
<a href="flexbox_interactive_break-before-container.htm">flexbox_interactive_break-before-container</a></td>
<td></td>
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>flexbox | break-before, singleline, container
</td>
</tr>
<tr id="flexbox_interactive_break-before-item-10" class="primary interact paged">
<td><strong>
<a href="flexbox_interactive_break-before-item.htm">flexbox_interactive_break-before-item</a></strong></td>
<tr id="flexbox_interactive_break-before-item-10" class="interact paged">
<td>
<a href="flexbox_interactive_break-before-item.htm">flexbox_interactive_break-before-item</a></td>
<td></td>
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>flexbox | break-before, singleline, item
</td>
</tr>
<tr id="flexbox_interactive_break-before-multiline-10" class="primary interact paged">
<td><strong>
<a href="flexbox_interactive_break-before-multiline.htm">flexbox_interactive_break-before-multiline</a></strong></td>
<tr id="flexbox_interactive_break-before-multiline-10" class="interact paged">
<td>
<a href="flexbox_interactive_break-before-multiline.htm">flexbox_interactive_break-before-multiline</a></td>
<td></td>
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>flexbox | break-before, multiline
</td>
</tr>
<tr id="flexbox_interactive_break-natural-10" class="primary interact paged">
<td><strong>
<a href="flexbox_interactive_break-natural.htm">flexbox_interactive_break-natural</a></strong></td>
<tr id="flexbox_interactive_break-natural-10" class="interact paged">
<td>
<a href="flexbox_interactive_break-natural.htm">flexbox_interactive_break-natural</a></td>
<td></td>
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>flexbox | natural breaks
</td>
</tr>
<tr id="flexbox_interactive_paged-overflow-10" class="primary interact paged">
<td><strong>
<a href="flexbox_interactive_paged-overflow.htm">flexbox_interactive_paged-overflow</a></strong></td>
<tr id="flexbox_interactive_paged-overflow-10" class="interact paged">
<td>
<a href="flexbox_interactive_paged-overflow.htm">flexbox_interactive_paged-overflow</a></td>
<td></td>
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>flexbox | @page and paged overflow
</td>
</tr>
<tr id="flexbox_interactive_paged-overflow-2-10" class="primary interact paged">
<td><strong>
<a href="flexbox_interactive_paged-overflow-2.htm">flexbox_interactive_paged-overflow-2</a></strong></td>
<tr id="flexbox_interactive_paged-overflow-2-10" class="interact paged">
<td>
<a href="flexbox_interactive_paged-overflow-2.htm">flexbox_interactive_paged-overflow-2</a></td>
<td></td>
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td>
<td>flexbox | paged overflow
@ -167,7 +167,7 @@
<tbody id="s10.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s10.1">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#pagination-algo">10.1 Sample Flex Fragmentation Algorithm</a></th></tr>
<a href="https://www.w3.org/TR/css-flexbox-1/#pagination-algo">10.1 Sample Flex Fragmentation Algorithm</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s10.1.#example-bb213bd3">

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

@ -30,7 +30,7 @@
<tbody id="s2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#box-model">2 Flex Layout Box Model and Terminology</a></th></tr>
<a href="https://www.w3.org/TR/css-flexbox-1/#box-model">2 Flex Layout Box Model and Terminology</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.#cross">
@ -56,25 +56,25 @@
</tbody>
<tbody id="s2.#flex-container">
<!-- 3 tests -->
<tr id="flexbox_generated-2.#flex-container" class="primary">
<td><strong>
<a href="flexbox_generated.htm">flexbox_generated</a></strong></td>
<tr id="flexbox_generated-2.#flex-container" class="">
<td>
<a href="flexbox_generated.htm">flexbox_generated</a></td>
<td><a href="reference/flexbox_generated-ref.htm">=</a> </td>
<td></td>
<td>flexbox | flexcontainer vs generated content
</td>
</tr>
<tr id="flexbox_generated-flex-2.#flex-container" class="primary">
<td><strong>
<a href="flexbox_generated-flex.htm">flexbox_generated-flex</a></strong></td>
<tr id="flexbox_generated-flex-2.#flex-container" class="">
<td>
<a href="flexbox_generated-flex.htm">flexbox_generated-flex</a></td>
<td><a href="reference/flexbox_generated-flex-ref.htm">=</a> </td>
<td></td>
<td>flexbox | flexcontainer via generated content
</td>
</tr>
<tr id="flexbox_generated-nested-flex-2.#flex-container" class="primary">
<td><strong>
<a href="flexbox_generated-nested-flex.htm">flexbox_generated-nested-flex</a></strong></td>
<tr id="flexbox_generated-nested-flex-2.#flex-container" class="">
<td>
<a href="flexbox_generated-nested-flex.htm">flexbox_generated-nested-flex</a></td>
<td><a href="reference/flexbox_generated-flex-ref.htm">=</a> </td>
<td></td>
<td>flexbox | flexcontainer via generated content
@ -94,9 +94,9 @@
</ul>
</td>
</tr>
<tr id="flex-direction-2.#flex-direction" class="primary">
<td><strong>
<a href="flex-direction.htm">flex-direction</a></strong></td>
<tr id="flex-direction-2.#flex-direction" class="">
<td>
<a href="flex-direction.htm">flex-direction</a></td>
<td><a href="reference/flex-direction.htm">=</a> </td>
<td></td>
<td>flex flow direction
@ -105,9 +105,9 @@
</ul>
</td>
</tr>
<tr id="flex-direction-column-reverse-2.#flex-direction" class="primary">
<td><strong>
<a href="flex-direction-column-reverse.htm">flex-direction-column-reverse</a></strong></td>
<tr id="flex-direction-column-reverse-2.#flex-direction" class="">
<td>
<a href="flex-direction-column-reverse.htm">flex-direction-column-reverse</a></td>
<td></td>
<td></td>
<td>flex-direction: column-reverse swaps main start and end directions
@ -116,9 +116,9 @@
</ul>
</td>
</tr>
<tr id="flex-direction-modify-2.#flex-direction" class="primary">
<td><strong>
<a href="flex-direction-modify.htm">flex-direction-modify</a></strong></td>
<tr id="flex-direction-modify-2.#flex-direction" class="">
<td>
<a href="flex-direction-modify.htm">flex-direction-modify</a></td>
<td><a href="reference/flex-direction-modify.htm">=</a> </td>
<td></td>
<td>flex flow direction
@ -127,9 +127,9 @@
</ul>
</td>
</tr>
<tr id="flex-direction-row-2.#flex-direction" class="primary">
<td><strong>
<a href="flex-direction-row.htm">flex-direction-row</a></strong></td>
<tr id="flex-direction-row-2.#flex-direction" class="">
<td>
<a href="flex-direction-row.htm">flex-direction-row</a></td>
<td></td>
<td></td>
<td>flex-direction:row axis matches that of writing mode inline axis
@ -138,9 +138,9 @@
</ul>
</td>
</tr>
<tr id="flex-direction-row-reverse-2.#flex-direction" class="primary">
<td><strong>
<a href="flex-direction-row-reverse.htm">flex-direction-row-reverse</a></strong></td>
<tr id="flex-direction-row-reverse-2.#flex-direction" class="">
<td>
<a href="flex-direction-row-reverse.htm">flex-direction-row-reverse</a></td>
<td></td>
<td></td>
<td>flow-direction:row-reverse swaps main start and end directions
@ -149,9 +149,9 @@
</ul>
</td>
</tr>
<tr id="flex-direction-row-vertical-2.#flex-direction" class="primary">
<td><strong>
<a href="flex-direction-row-vertical.htm">flex-direction-row-vertical</a></strong></td>
<tr id="flex-direction-row-vertical-2.#flex-direction" class="">
<td>
<a href="flex-direction-row-vertical.htm">flex-direction-row-vertical</a></td>
<td></td>
<td></td>
<td>flex-direction:row has the same orientation as inline axis
@ -160,9 +160,9 @@
</ul>
</td>
</tr>
<tr id="flex-direction-with-element-insert-2.#flex-direction" class="primary">
<td><strong>
<a href="flex-direction-with-element-insert.htm">flex-direction-with-element-insert</a></strong></td>
<tr id="flex-direction-with-element-insert-2.#flex-direction" class="">
<td>
<a href="flex-direction-with-element-insert.htm">flex-direction-with-element-insert</a></td>
<td><a href="reference/flex-direction-with-element-insert.htm">=</a> </td>
<td></td>
<td>flex flow direction
@ -303,49 +303,49 @@
</ul>
</td>
</tr>
<tr id="flexbox_computedstyle_flex-direction-column-2.#flex-direction" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-direction-column.htm">flexbox_computedstyle_flex-direction-column</a></strong></td>
<tr id="flexbox_computedstyle_flex-direction-column-2.#flex-direction" class="dom">
<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><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-direction: column
</td>
</tr>
<tr id="flexbox_computedstyle_flex-direction-column-reverse-2.#flex-direction" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-direction-column-reverse.htm">flexbox_computedstyle_flex-direction-column-reverse</a></strong></td>
<tr id="flexbox_computedstyle_flex-direction-column-reverse-2.#flex-direction" class="dom">
<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><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-direction: column-reverse
</td>
</tr>
<tr id="flexbox_computedstyle_flex-direction-invalid-2.#flex-direction" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-direction-invalid.htm">flexbox_computedstyle_flex-direction-invalid</a></strong></td>
<tr id="flexbox_computedstyle_flex-direction-invalid-2.#flex-direction" class="dom">
<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><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-direction: row
</td>
</tr>
<tr id="flexbox_computedstyle_flex-direction-row-2.#flex-direction" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-direction-row.htm">flexbox_computedstyle_flex-direction-row</a></strong></td>
<tr id="flexbox_computedstyle_flex-direction-row-2.#flex-direction" class="dom">
<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><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-direction: row
</td>
</tr>
<tr id="flexbox_computedstyle_flex-direction-row-reverse-2.#flex-direction" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-direction-row-reverse.htm">flexbox_computedstyle_flex-direction-row-reverse</a></strong></td>
<tr id="flexbox_computedstyle_flex-direction-row-reverse-2.#flex-direction" class="dom">
<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><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-direction: row-reverse
</td>
</tr>
<tr id="flexbox_rtl-direction-2.#flex-direction" class="primary">
<td><strong>
<a href="flexbox_rtl-direction.htm">flexbox_rtl-direction</a></strong></td>
<tr id="flexbox_rtl-direction-2.#flex-direction" class="">
<td>
<a href="flexbox_rtl-direction.htm">flexbox_rtl-direction</a></td>
<td><a href="reference/flexbox_rtl-direction-ref.htm">=</a> </td>
<td></td>
<td>flexbox | flex-direction: column-reverse | rtl

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

@ -30,7 +30,7 @@
<tbody id="s3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#flex-containers">3 Flex Containers: the flex and inline-flex display values</a></th></tr>
<a href="https://www.w3.org/TR/css-flexbox-1/#flex-containers">3 Flex Containers: the flex and inline-flex display values</a></th></tr>
<!-- 35 tests -->
<tr id="column-flexbox-break-3" class="ahem">
<td>
@ -43,9 +43,9 @@
</ul>
</td>
</tr>
<tr id="display-flex-001-3" class="primary">
<td><strong>
<a href="display-flex-001.htm">display-flex-001</a></strong></td>
<tr id="display-flex-001-3" class="">
<td>
<a href="display-flex-001.htm">display-flex-001</a></td>
<td><a href="reference/align-content-001-ref.htm">=</a> </td>
<td></td>
<td>An element with the 'display' property set to 'flex' establishes a new block-level flex container
@ -54,9 +54,9 @@
</ul>
</td>
</tr>
<tr id="display_flex_exist-3" class="primary dom script">
<td><strong>
<a href="display_flex_exist.htm">display_flex_exist</a></strong></td>
<tr id="display_flex_exist-3" class="dom script">
<td>
<a href="display_flex_exist.htm">display_flex_exist</a></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>display_flex
@ -65,9 +65,9 @@
</ul>
</td>
</tr>
<tr id="display_inline-flex_exist-3" class="primary dom script">
<td><strong>
<a href="display_inline-flex_exist.htm">display_inline-flex_exist</a></strong></td>
<tr id="display_inline-flex_exist-3" class="dom script">
<td>
<a href="display_inline-flex_exist.htm">display_inline-flex_exist</a></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>display_inline-flex
@ -76,209 +76,209 @@
</ul>
</td>
</tr>
<tr id="flexbox-overflow-horiz-001-3" class="primary">
<td><strong>
<a href="flexbox-overflow-horiz-001.htm">flexbox-overflow-horiz-001</a></strong></td>
<tr id="flexbox-overflow-horiz-001-3" class="">
<td>
<a href="flexbox-overflow-horiz-001.htm">flexbox-overflow-horiz-001</a></td>
<td><a href="reference/flexbox-overflow-horiz-001-ref.htm">=</a> </td>
<td></td>
<td>Testing 'overflow' property on a horizontal flex container, with contents not overflowing
</td>
</tr>
<tr id="flexbox-overflow-horiz-002-3" class="primary">
<td><strong>
<a href="flexbox-overflow-horiz-002.htm">flexbox-overflow-horiz-002</a></strong></td>
<tr id="flexbox-overflow-horiz-002-3" class="">
<td>
<a href="flexbox-overflow-horiz-002.htm">flexbox-overflow-horiz-002</a></td>
<td><a href="reference/flexbox-overflow-horiz-002-ref.htm">=</a> </td>
<td></td>
<td>Testing 'overflow' property on a horizontal flex container, with 'align-items: center'
</td>
</tr>
<tr id="flexbox-overflow-horiz-003-3" class="primary">
<td><strong>
<a href="flexbox-overflow-horiz-003.htm">flexbox-overflow-horiz-003</a></strong></td>
<tr id="flexbox-overflow-horiz-003-3" class="">
<td>
<a href="flexbox-overflow-horiz-003.htm">flexbox-overflow-horiz-003</a></td>
<td><a href="reference/flexbox-overflow-horiz-003-ref.htm">=</a> </td>
<td></td>
<td>Testing 'overflow' property on a horizontal flex container, with 'justify-content: space-around'
</td>
</tr>
<tr id="flexbox-overflow-vert-001-3" class="primary">
<td><strong>
<a href="flexbox-overflow-vert-001.htm">flexbox-overflow-vert-001</a></strong></td>
<tr id="flexbox-overflow-vert-001-3" class="">
<td>
<a href="flexbox-overflow-vert-001.htm">flexbox-overflow-vert-001</a></td>
<td><a href="reference/flexbox-overflow-vert-001-ref.htm">=</a> </td>
<td></td>
<td>Testing 'overflow' property on a vertical flex container
</td>
</tr>
<tr id="flexbox-overflow-vert-002-3" class="primary">
<td><strong>
<a href="flexbox-overflow-vert-002.htm">flexbox-overflow-vert-002</a></strong></td>
<tr id="flexbox-overflow-vert-002-3" class="">
<td>
<a href="flexbox-overflow-vert-002.htm">flexbox-overflow-vert-002</a></td>
<td><a href="reference/flexbox-overflow-vert-002-ref.htm">=</a> </td>
<td></td>
<td>Testing 'overflow' property on a vertical flex container, with 'align-items: center'
</td>
</tr>
<tr id="flexbox-overflow-vert-003-3" class="primary">
<td><strong>
<a href="flexbox-overflow-vert-003.htm">flexbox-overflow-vert-003</a></strong></td>
<tr id="flexbox-overflow-vert-003-3" class="">
<td>
<a href="flexbox-overflow-vert-003.htm">flexbox-overflow-vert-003</a></td>
<td><a href="reference/flexbox-overflow-vert-003-ref.htm">=</a> </td>
<td></td>
<td>Testing 'overflow' property on a vertical flex container, with 'justify-content: space-around'
</td>
</tr>
<tr id="flexbox-root-node-001a-3" class="primary">
<td><strong>
<a href="flexbox-root-node-001a.htm">flexbox-root-node-001a</a></strong></td>
<tr id="flexbox-root-node-001a-3" class="">
<td>
<a href="flexbox-root-node-001a.htm">flexbox-root-node-001a</a></td>
<td><a href="reference/flexbox-root-node-001-ref.htm">=</a> </td>
<td></td>
<td>Testing 'display:flex' on root node
</td>
</tr>
<tr id="flexbox-root-node-001b-3" class="primary">
<td><strong>
<a href="flexbox-root-node-001b.htm">flexbox-root-node-001b</a></strong></td>
<tr id="flexbox-root-node-001b-3" class="">
<td>
<a href="flexbox-root-node-001b.htm">flexbox-root-node-001b</a></td>
<td><a href="reference/flexbox-root-node-001-ref.htm">=</a> </td>
<td></td>
<td>Testing 'display:flex' on root node
</td>
</tr>
<tr id="flexbox_block-3" class="primary">
<td><strong>
<a href="flexbox_block.htm">flexbox_block</a></strong></td>
<tr id="flexbox_block-3" class="">
<td>
<a href="flexbox_block.htm">flexbox_block</a></td>
<td><a href="reference/flexbox_empty-ref.htm">=</a> </td>
<td></td>
<td>flexbox | block
</td>
</tr>
<tr id="flexbox_box-clear-3" class="primary">
<td><strong>
<a href="flexbox_box-clear.htm">flexbox_box-clear</a></strong></td>
<tr id="flexbox_box-clear-3" class="">
<td>
<a href="flexbox_box-clear.htm">flexbox_box-clear</a></td>
<td><a href="reference/flexbox_box-clear-ref.htm">=</a> </td>
<td></td>
<td>flexbox | cleared box
</td>
</tr>
<tr id="flexbox_columns-3" class="primary">
<td><strong>
<a href="flexbox_columns.htm">flexbox_columns</a></strong></td>
<tr id="flexbox_columns-3" class="">
<td>
<a href="flexbox_columns.htm">flexbox_columns</a></td>
<td><a href="reference/flexbox_columns-ref.htm">=</a> </td>
<td></td>
<td>flexbox | multicol
</td>
</tr>
<tr id="flexbox_columns-flexitems-3" class="primary">
<td><strong>
<a href="flexbox_columns-flexitems.htm">flexbox_columns-flexitems</a></strong></td>
<tr id="flexbox_columns-flexitems-3" class="">
<td>
<a href="flexbox_columns-flexitems.htm">flexbox_columns-flexitems</a></td>
<td><a href="reference/flexbox_columns-flexitems-ref.htm">=</a> </td>
<td></td>
<td>flexbox | multicol on flexbox items
</td>
</tr>
<tr id="flexbox_columns-flexitems-2-3" class="primary">
<td><strong>
<a href="flexbox_columns-flexitems-2.htm">flexbox_columns-flexitems-2</a></strong></td>
<tr id="flexbox_columns-flexitems-2-3" class="">
<td>
<a href="flexbox_columns-flexitems-2.htm">flexbox_columns-flexitems-2</a></td>
<td><a href="reference/flexbox_columns-flexitems-2-ref.htm">=</a> </td>
<td></td>
<td>flexbox | multicol on flexbox items
</td>
</tr>
<tr id="flexbox_computedstyle_display-3" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_display.htm">flexbox_computedstyle_display</a></strong></td>
<tr id="flexbox_computedstyle_display-3" class="dom">
<td>
<a href="flexbox_computedstyle_display.htm">flexbox_computedstyle_display</a></td>
<td><a href="reference/ref-pass-body.htm">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | display: flex
</td>
</tr>
<tr id="flexbox_computedstyle_display-inline-3" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_display-inline.htm">flexbox_computedstyle_display-inline</a></strong></td>
<tr id="flexbox_computedstyle_display-inline-3" class="dom">
<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><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | display: inline-flex
</td>
</tr>
<tr id="flexbox_display-3" class="primary">
<td><strong>
<a href="flexbox_display.htm">flexbox_display</a></strong></td>
<tr id="flexbox_display-3" class="">
<td>
<a href="flexbox_display.htm">flexbox_display</a></td>
<td><a href="reference/flexbox_display-ref.htm">=</a> </td>
<td></td>
<td>flexbox | display error-handling
</td>
</tr>
<tr id="flexbox_fbfc-3" class="primary">
<td><strong>
<a href="flexbox_fbfc.htm">flexbox_fbfc</a></strong></td>
<tr id="flexbox_fbfc-3" class="">
<td>
<a href="flexbox_fbfc.htm">flexbox_fbfc</a></td>
<td><a href="reference/flexbox_fbfc-ref.htm">=</a> </td>
<td></td>
<td>flexbox | flex formatting context :: float intrusion
</td>
</tr>
<tr id="flexbox_fbfc2-3" class="primary">
<td><strong>
<a href="flexbox_fbfc2.htm">flexbox_fbfc2</a></strong></td>
<tr id="flexbox_fbfc2-3" class="">
<td>
<a href="flexbox_fbfc2.htm">flexbox_fbfc2</a></td>
<td><a href="reference/flexbox_fbfc2-ref.htm">=</a> </td>
<td></td>
<td>flexbox | flex formatting context :: float intrusion
</td>
</tr>
<tr id="flexbox_flex-formatting-interop-3" class="primary">
<td><strong>
<a href="flexbox_flex-formatting-interop.htm">flexbox_flex-formatting-interop</a></strong></td>
<tr id="flexbox_flex-formatting-interop-3" class="">
<td>
<a href="flexbox_flex-formatting-interop.htm">flexbox_flex-formatting-interop</a></td>
<td><a href="reference/flexbox_flex-formatting-interop-ref.htm">=</a> </td>
<td></td>
<td>flexbox | flex formatting context :: negative margins and border box
</td>
</tr>
<tr id="flexbox_inline-3" class="primary">
<td><strong>
<a href="flexbox_inline.htm">flexbox_inline</a></strong></td>
<tr id="flexbox_inline-3" class="">
<td>
<a href="flexbox_inline.htm">flexbox_inline</a></td>
<td><a href="reference/flexbox_inline-ref.htm">=</a> </td>
<td></td>
<td>flexbox | inline
</td>
</tr>
<tr id="flexbox_item-clear-3" class="primary">
<td><strong>
<a href="flexbox_item-clear.htm">flexbox_item-clear</a></strong></td>
<tr id="flexbox_item-clear-3" class="">
<td>
<a href="flexbox_item-clear.htm">flexbox_item-clear</a></td>
<td><a href="reference/flexbox_item-clear-ref.htm">=</a> </td>
<td></td>
<td>flexbox | cleared item
</td>
</tr>
<tr id="flexbox_item-float-3" class="primary">
<td><strong>
<a href="flexbox_item-float.htm">flexbox_item-float</a></strong></td>
<tr id="flexbox_item-float-3" class="">
<td>
<a href="flexbox_item-float.htm">flexbox_item-float</a></td>
<td><a href="reference/flexbox_item-float-ref.htm">=</a> </td>
<td></td>
<td>flexbox | floated item
</td>
</tr>
<tr id="flexbox_item-vertical-align-3" class="primary">
<td><strong>
<a href="flexbox_item-vertical-align.htm">flexbox_item-vertical-align</a></strong></td>
<tr id="flexbox_item-vertical-align-3" class="">
<td>
<a href="flexbox_item-vertical-align.htm">flexbox_item-vertical-align</a></td>
<td><a href="reference/flexbox_item-vertical-align-ref.htm">=</a> </td>
<td></td>
<td>flexbox | vertical-align
</td>
</tr>
<tr id="flexbox_margin-3" class="primary">
<td><strong>
<a href="flexbox_margin.htm">flexbox_margin</a></strong></td>
<tr id="flexbox_margin-3" class="">
<td>
<a href="flexbox_margin.htm">flexbox_margin</a></td>
<td><a href="reference/flexbox_margin-ref.htm">=</a> </td>
<td></td>
<td>flexbox | margins
</td>
</tr>
<tr id="flexbox_nested-flex-3" class="primary">
<td><strong>
<a href="flexbox_nested-flex.htm">flexbox_nested-flex</a></strong></td>
<tr id="flexbox_nested-flex-3" class="">
<td>
<a href="flexbox_nested-flex.htm">flexbox_nested-flex</a></td>
<td><a href="reference/flexbox_generated-flex-ref.htm">=</a> </td>
<td></td>
<td>flexbox | nested flexcontainer
</td>
</tr>
<tr id="flexible-box-float-3" class="primary">
<td><strong>
<a href="flexible-box-float.htm">flexible-box-float</a></strong></td>
<tr id="flexible-box-float-3" class="">
<td>
<a href="flexible-box-float.htm">flexible-box-float</a></td>
<td><a href="reference/flex-box-float-ref.htm">=</a> </td>
<td></td>
<td>flexible box flex item float effect
@ -331,9 +331,9 @@
</ul>
</td>
</tr>
<tr id="ttwf-reftest-flex-base-3" class="primary">
<td><strong>
<a href="ttwf-reftest-flex-base.htm">ttwf-reftest-flex-base</a></strong></td>
<tr id="ttwf-reftest-flex-base-3" class="">
<td>
<a href="ttwf-reftest-flex-base.htm">ttwf-reftest-flex-base</a></td>
<td><a href="reference/ttwf-reftest-flex-base-ref.htm">=</a> </td>
<td></td>
<td>display proprety - flex
@ -351,9 +351,9 @@
</tbody>
<tbody id="s3.#valdef-display-inline-flex">
<!-- 1 tests -->
<tr id="ttwf-reftest-flex-inline-3.#valdef-display-inline-flex" class="primary">
<td><strong>
<a href="ttwf-reftest-flex-inline.htm">ttwf-reftest-flex-inline</a></strong></td>
<tr id="ttwf-reftest-flex-inline-3.#valdef-display-inline-flex" class="">
<td>
<a href="ttwf-reftest-flex-inline.htm">ttwf-reftest-flex-inline</a></td>
<td><a href="reference/ttwf-reftest-flex-inline-ref.htm">=</a> </td>
<td></td>
<td>display proprety - inline-flex

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

@ -30,11 +30,11 @@
<tbody id="s4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#flex-items">4 Flex Items</a></th></tr>
<a href="https://www.w3.org/TR/css-flexbox-1/#flex-items">4 Flex Items</a></th></tr>
<!-- 24 tests -->
<tr id="flex-flexitem-childmargin-4" class="primary">
<td><strong>
<a href="flex-flexitem-childmargin.htm">flex-flexitem-childmargin</a></strong></td>
<tr id="flex-flexitem-childmargin-4" class="">
<td>
<a href="flex-flexitem-childmargin.htm">flex-flexitem-childmargin</a></td>
<td><a href="reference/flex-flexitem-childmargin-ref.htm">=</a> </td>
<td></td>
<td>flex item child margin
@ -43,9 +43,9 @@
</ul>
</td>
</tr>
<tr id="flex-flexitem-percentage-prescation-4" class="primary">
<td><strong>
<a href="flex-flexitem-percentage-prescation.htm">flex-flexitem-percentage-prescation</a></strong></td>
<tr id="flex-flexitem-percentage-prescation-4" class="">
<td>
<a href="flex-flexitem-percentage-prescation.htm">flex-flexitem-percentage-prescation</a></td>
<td><a href="reference/flex-flexitem-percentage-prescation-ref.htm">=</a> </td>
<td></td>
<td>flex item size prescation
@ -54,177 +54,177 @@
</ul>
</td>
</tr>
<tr id="flexbox-anonymous-items-001-4" class="primary">
<td><strong>
<a href="flexbox-anonymous-items-001.htm">flexbox-anonymous-items-001</a></strong></td>
<tr id="flexbox-anonymous-items-001-4" class="">
<td>
<a href="flexbox-anonymous-items-001.htm">flexbox-anonymous-items-001</a></td>
<td><a href="reference/flexbox-anonymous-items-001-ref.htm">=</a> </td>
<td></td>
<td>Testing that we gracefully handle cases where two anonymous flex items become adjacent due to &quot;order&quot; reordering
</td>
</tr>
<tr id="flexbox-table-fixup-001a-4" class="primary">
<td><strong>
<a href="flexbox-table-fixup-001a.htm">flexbox-table-fixup-001a</a></strong></td>
<tr id="flexbox-table-fixup-001a-4" class="">
<td>
<a href="flexbox-table-fixup-001a.htm">flexbox-table-fixup-001a</a></td>
<td><a href="reference/flexbox-table-fixup-001-ref.htm">=</a> </td>
<td></td>
<td>Testing that table cells in a flex container get an anonymous table wrapper that forms the flex item
</td>
</tr>
<tr id="flexbox-table-fixup-001b-4" class="primary">
<td><strong>
<a href="flexbox-table-fixup-001b.htm">flexbox-table-fixup-001b</a></strong></td>
<tr id="flexbox-table-fixup-001b-4" class="">
<td>
<a href="flexbox-table-fixup-001b.htm">flexbox-table-fixup-001b</a></td>
<td><a href="reference/flexbox-table-fixup-001-ref.htm">=</a> </td>
<td></td>
<td>Testing that the 'flex' shorthand has no effect on table cells in a flex container, since they aren't flex items
</td>
</tr>
<tr id="flexbox-whitespace-handling-001a-4" class="primary">
<td><strong>
<a href="flexbox-whitespace-handling-001a.htm">flexbox-whitespace-handling-001a</a></strong></td>
<tr id="flexbox-whitespace-handling-001a-4" class="">
<td>
<a href="flexbox-whitespace-handling-001a.htm">flexbox-whitespace-handling-001a</a></td>
<td><a href="reference/flexbox-whitespace-handling-001-ref.htm">=</a> </td>
<td></td>
<td>Test that anonymous flex items aren't created for pure-whitespace inline content
</td>
</tr>
<tr id="flexbox-whitespace-handling-001b-4" class="primary">
<td><strong>
<a href="flexbox-whitespace-handling-001b.htm">flexbox-whitespace-handling-001b</a></strong></td>
<tr id="flexbox-whitespace-handling-001b-4" class="">
<td>
<a href="flexbox-whitespace-handling-001b.htm">flexbox-whitespace-handling-001b</a></td>
<td><a href="reference/flexbox-whitespace-handling-001-ref.htm">=</a> </td>
<td></td>
<td>Test that flex items are created correctly
</td>
</tr>
<tr id="flexbox-whitespace-handling-002-4" class="primary">
<td><strong>
<a href="flexbox-whitespace-handling-002.htm">flexbox-whitespace-handling-002</a></strong></td>
<tr id="flexbox-whitespace-handling-002-4" class="">
<td>
<a href="flexbox-whitespace-handling-002.htm">flexbox-whitespace-handling-002</a></td>
<td><a href="reference/flexbox-whitespace-handling-002-ref.htm">=</a> </td>
<td></td>
<td>Test that whitespace is preserved at the edges of anonymous flex items if 'white-space: pre' is set
</td>
</tr>
<tr id="flexbox-with-pseudo-elements-001-4" class="primary">
<td><strong>
<a href="flexbox-with-pseudo-elements-001.htm">flexbox-with-pseudo-elements-001</a></strong></td>
<tr id="flexbox-with-pseudo-elements-001-4" class="">
<td>
<a href="flexbox-with-pseudo-elements-001.htm">flexbox-with-pseudo-elements-001</a></td>
<td><a href="reference/flexbox-with-pseudo-elements-001-ref.htm">=</a> </td>
<td></td>
<td>Testing that generated content nodes are treated as a flex items
</td>
</tr>
<tr id="flexbox-with-pseudo-elements-002-4" class="primary">
<td><strong>
<a href="flexbox-with-pseudo-elements-002.htm">flexbox-with-pseudo-elements-002</a></strong></td>
<tr id="flexbox-with-pseudo-elements-002-4" class="">
<td>
<a href="flexbox-with-pseudo-elements-002.htm">flexbox-with-pseudo-elements-002</a></td>
<td><a href="reference/flexbox-with-pseudo-elements-002-ref.htm">=</a> </td>
<td></td>
<td>Testing that generated content nodes are treated as a flex items, and honor 'order'
</td>
</tr>
<tr id="flexbox-with-pseudo-elements-003-4" class="primary">
<td><strong>
<a href="flexbox-with-pseudo-elements-003.htm">flexbox-with-pseudo-elements-003</a></strong></td>
<tr id="flexbox-with-pseudo-elements-003-4" class="">
<td>
<a href="flexbox-with-pseudo-elements-003.htm">flexbox-with-pseudo-elements-003</a></td>
<td><a href="reference/flexbox-with-pseudo-elements-003-ref.htm">=</a> </td>
<td></td>
<td>Testing that generated content nodes with table-part display types are wrapped with an anonymous table, which forms a flex item
</td>
</tr>
<tr id="flexbox_inline-float-4" class="primary">
<td><strong>
<a href="flexbox_inline-float.htm">flexbox_inline-float</a></strong></td>
<tr id="flexbox_inline-float-4" class="">
<td>
<a href="flexbox_inline-float.htm">flexbox_inline-float</a></td>
<td><a href="reference/flexbox_empty-ref.htm">=</a> </td>
<td></td>
<td>flexbox | floated inline
</td>
</tr>
<tr id="flexbox_stf-abspos-4" class="primary">
<td><strong>
<a href="flexbox_stf-abspos.htm">flexbox_stf-abspos</a></strong></td>
<tr id="flexbox_stf-abspos-4" class="">
<td>
<a href="flexbox_stf-abspos.htm">flexbox_stf-abspos</a></td>
<td><a href="reference/flexbox_empty-ref.htm">=</a> </td>
<td></td>
<td>flexbox | flexcontainer versus stf :: abspos
</td>
</tr>
<tr id="flexbox_stf-fixpos-4" class="primary">
<td><strong>
<a href="flexbox_stf-fixpos.htm">flexbox_stf-fixpos</a></strong></td>
<tr id="flexbox_stf-fixpos-4" class="">
<td>
<a href="flexbox_stf-fixpos.htm">flexbox_stf-fixpos</a></td>
<td></td>
<td></td>
<td>flexbox | flexcontainer versus stf :: fixed
</td>
</tr>
<tr id="flexbox_stf-float-4" class="primary">
<td><strong>
<a href="flexbox_stf-float.htm">flexbox_stf-float</a></strong></td>
<tr id="flexbox_stf-float-4" class="">
<td>
<a href="flexbox_stf-float.htm">flexbox_stf-float</a></td>
<td><a href="reference/flexbox_empty-ref.htm">=</a> </td>
<td></td>
<td>flexbox | flexcontainer versus stf :: float
</td>
</tr>
<tr id="flexbox_stf-inline-block-4" class="primary">
<td><strong>
<a href="flexbox_stf-inline-block.htm">flexbox_stf-inline-block</a></strong></td>
<tr id="flexbox_stf-inline-block-4" class="">
<td>
<a href="flexbox_stf-inline-block.htm">flexbox_stf-inline-block</a></td>
<td><a href="reference/flexbox_empty-ref.htm">=</a> </td>
<td></td>
<td>flexbox | flexcontainer versus stf :: inline-block
</td>
</tr>
<tr id="flexbox_stf-table-4" class="primary">
<td><strong>
<a href="flexbox_stf-table.htm">flexbox_stf-table</a></strong></td>
<tr id="flexbox_stf-table-4" class="">
<td>
<a href="flexbox_stf-table.htm">flexbox_stf-table</a></td>
<td><a href="reference/flexbox_empty-ref.htm">=</a> </td>
<td></td>
<td>flexbox | flexcontainer versus stf :: table
</td>
</tr>
<tr id="flexbox_stf-table-caption-4" class="primary">
<td><strong>
<a href="flexbox_stf-table-caption.htm">flexbox_stf-table-caption</a></strong></td>
<tr id="flexbox_stf-table-caption-4" class="">
<td>
<a href="flexbox_stf-table-caption.htm">flexbox_stf-table-caption</a></td>
<td><a href="reference/flexbox_empty-ref.htm">=</a> </td>
<td></td>
<td>flexbox | flexcontainer versus stf :: table-caption
</td>
</tr>
<tr id="flexbox_stf-table-cell-4" class="primary">
<td><strong>
<a href="flexbox_stf-table-cell.htm">flexbox_stf-table-cell</a></strong></td>
<tr id="flexbox_stf-table-cell-4" class="">
<td>
<a href="flexbox_stf-table-cell.htm">flexbox_stf-table-cell</a></td>
<td><a href="reference/flexbox_empty-ref.htm">=</a> </td>
<td></td>
<td>flexbox | flexcontainer versus stf :: table cell
</td>
</tr>
<tr id="flexbox_stf-table-row-4" class="primary">
<td><strong>
<a href="flexbox_stf-table-row.htm">flexbox_stf-table-row</a></strong></td>
<tr id="flexbox_stf-table-row-4" class="">
<td>
<a href="flexbox_stf-table-row.htm">flexbox_stf-table-row</a></td>
<td><a href="reference/flexbox_empty-ref.htm">=</a> </td>
<td></td>
<td>flexbox | flexcontainer versus stf :: table row
</td>
</tr>
<tr id="flexbox_stf-table-row-group-4" class="primary">
<td><strong>
<a href="flexbox_stf-table-row-group.htm">flexbox_stf-table-row-group</a></strong></td>
<tr id="flexbox_stf-table-row-group-4" class="">
<td>
<a href="flexbox_stf-table-row-group.htm">flexbox_stf-table-row-group</a></td>
<td><a href="reference/flexbox_empty-ref.htm">=</a> </td>
<td></td>
<td>flexbox | flexcontainer versus stf :: table row group
</td>
</tr>
<tr id="flexbox_stf-table-singleline-4" class="primary">
<td><strong>
<a href="flexbox_stf-table-singleline.htm">flexbox_stf-table-singleline</a></strong></td>
<tr id="flexbox_stf-table-singleline-4" class="">
<td>
<a href="flexbox_stf-table-singleline.htm">flexbox_stf-table-singleline</a></td>
<td><a href="reference/flexbox_stf-table-singleline-ref.htm">=</a> </td>
<td></td>
<td>flexbox | singleline flexcontainer versus stf :: table
</td>
</tr>
<tr id="flexbox_stf-table-singleline-2-4" class="primary">
<td><strong>
<a href="flexbox_stf-table-singleline-2.htm">flexbox_stf-table-singleline-2</a></strong></td>
<tr id="flexbox_stf-table-singleline-2-4" class="">
<td>
<a href="flexbox_stf-table-singleline-2.htm">flexbox_stf-table-singleline-2</a></td>
<td><a href="reference/flexbox_stf-table-singleline-ref.htm">=</a> </td>
<td></td>
<td>flexbox | singleline flexcontainer versus stf :: table
</td>
</tr>
<tr id="flexbox_table-fixed-layout-4" class="primary">
<td><strong>
<a href="flexbox_table-fixed-layout.htm">flexbox_table-fixed-layout</a></strong></td>
<tr id="flexbox_table-fixed-layout-4" class="">
<td>
<a href="flexbox_table-fixed-layout.htm">flexbox_table-fixed-layout</a></td>
<td><a href="reference/flexbox_empty-ref.htm">=</a> </td>
<td></td>
<td>flexbox | flexcontainers in tables
@ -243,35 +243,35 @@
<tbody id="s4.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.1">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#abspos-items">4.1 Absolutely-Positioned Flex Children</a></th></tr>
<a href="https://www.w3.org/TR/css-flexbox-1/#abspos-items">4.1 Absolutely-Positioned Flex Children</a></th></tr>
<!-- 4 tests -->
<tr id="flexbox-abspos-child-001a-4.1" class="primary">
<td><strong>
<a href="flexbox-abspos-child-001a.htm">flexbox-abspos-child-001a</a></strong></td>
<tr id="flexbox-abspos-child-001a-4.1" class="">
<td>
<a href="flexbox-abspos-child-001a.htm">flexbox-abspos-child-001a</a></td>
<td><a href="reference/flexbox-abspos-child-001-ref.htm">=</a> </td>
<td></td>
<td>Testing that &quot;min-width&quot;, &quot;max-width&quot;, &quot;min-height&quot;, and &quot;max-height&quot; are applied on absolutely positioned children of a horizontal flex container
</td>
</tr>
<tr id="flexbox-abspos-child-001b-4.1" class="primary">
<td><strong>
<a href="flexbox-abspos-child-001b.htm">flexbox-abspos-child-001b</a></strong></td>
<tr id="flexbox-abspos-child-001b-4.1" class="">
<td>
<a href="flexbox-abspos-child-001b.htm">flexbox-abspos-child-001b</a></td>
<td><a href="reference/flexbox-abspos-child-001-ref.htm">=</a> </td>
<td></td>
<td>Testing that &quot;min-width&quot;, &quot;max-width&quot;, &quot;min-height&quot;, and &quot;max-height&quot; are applied on absolutely positioned children of a vertical flex container
</td>
</tr>
<tr id="flexbox_absolute-atomic-4.1" class="primary">
<td><strong>
<a href="flexbox_absolute-atomic.htm">flexbox_absolute-atomic</a></strong></td>
<tr id="flexbox_absolute-atomic-4.1" class="">
<td>
<a href="flexbox_absolute-atomic.htm">flexbox_absolute-atomic</a></td>
<td><a href="reference/flexbox_absolute-atomic-ref.htm">=</a> </td>
<td></td>
<td>flexbox | abspos atomic flexitems
</td>
</tr>
<tr id="flexbox_inline-abspos-4.1" class="primary">
<td><strong>
<a href="flexbox_inline-abspos.htm">flexbox_inline-abspos</a></strong></td>
<tr id="flexbox_inline-abspos-4.1" class="">
<td>
<a href="flexbox_inline-abspos.htm">flexbox_inline-abspos</a></td>
<td><a href="reference/flexbox_empty-ref.htm">=</a> </td>
<td></td>
<td>flexbox | absolutely positioned inline
@ -287,7 +287,7 @@
<tbody id="s4.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.2">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#item-margins">4.2 Flex Item Margins and Paddings</a></th></tr>
<a href="https://www.w3.org/TR/css-flexbox-1/#item-margins">4.2 Flex Item Margins and Paddings</a></th></tr>
<!-- 3 tests -->
<tr id="flex-container-margin-4.2" class="primary">
<td><strong>
@ -311,9 +311,9 @@
</ul>
</td>
</tr>
<tr id="flexbox_margin-left-ex-4.2" class="primary">
<td><strong>
<a href="flexbox_margin-left-ex.htm">flexbox_margin-left-ex</a></strong></td>
<tr id="flexbox_margin-left-ex-4.2" class="">
<td>
<a href="flexbox_margin-left-ex.htm">flexbox_margin-left-ex</a></td>
<td><a href="reference/flexbox_margin-left-ex-ref.htm">=</a> </td>
<td></td>
<td>flexbox | margin-left: auto
@ -323,43 +323,43 @@
<tbody id="s4.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.3">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#painting">4.3 Flex Item Z-Ordering</a></th></tr>
<a href="https://www.w3.org/TR/css-flexbox-1/#painting">4.3 Flex Item Z-Ordering</a></th></tr>
<!-- 5 tests -->
<tr id="flexbox-items-as-stacking-contexts-001-4.3" class="primary">
<td><strong>
<a href="flexbox-items-as-stacking-contexts-001.htm">flexbox-items-as-stacking-contexts-001</a></strong></td>
<tr id="flexbox-items-as-stacking-contexts-001-4.3" class="">
<td>
<a href="flexbox-items-as-stacking-contexts-001.htm">flexbox-items-as-stacking-contexts-001</a></td>
<td><a href="reference/flexbox-items-as-stacking-contexts-001-ref.htm">=</a> </td>
<td></td>
<td>Testing that 'z-index' property makes flex items form stacking contexts
</td>
</tr>
<tr id="flexbox-items-as-stacking-contexts-002-4.3" class="primary">
<td><strong>
<a href="flexbox-items-as-stacking-contexts-002.htm">flexbox-items-as-stacking-contexts-002</a></strong></td>
<tr id="flexbox-items-as-stacking-contexts-002-4.3" class="">
<td>
<a href="flexbox-items-as-stacking-contexts-002.htm">flexbox-items-as-stacking-contexts-002</a></td>
<td><a href="reference/flexbox-items-as-stacking-contexts-002-ref.htm">=</a> </td>
<td></td>
<td>Testing that flex items paint as pseudo-stacking contexts (like inline-blocks): atomically, in the absence of 'z-index' on descendants
</td>
</tr>
<tr id="flexbox-items-as-stacking-contexts-003-4.3" class="primary">
<td><strong>
<a href="flexbox-items-as-stacking-contexts-003.htm">flexbox-items-as-stacking-contexts-003</a></strong></td>
<tr id="flexbox-items-as-stacking-contexts-003-4.3" class="">
<td>
<a href="flexbox-items-as-stacking-contexts-003.htm">flexbox-items-as-stacking-contexts-003</a></td>
<td><a href="reference/flexbox-items-as-stacking-contexts-003-ref.htm">=</a> </td>
<td></td>
<td>Testing that flex items paint as pseudo-stacking contexts (like inline-blocks), instead of full stacking contexts: 'z-index' should let descendants interleave
</td>
</tr>
<tr id="flexbox-paint-ordering-001-4.3" class="primary">
<td><strong>
<a href="flexbox-paint-ordering-001.htm">flexbox-paint-ordering-001</a></strong></td>
<tr id="flexbox-paint-ordering-001-4.3" class="">
<td>
<a href="flexbox-paint-ordering-001.htm">flexbox-paint-ordering-001</a></td>
<td><a href="reference/flexbox-paint-ordering-001-ref.htm">=</a> </td>
<td></td>
<td>Testing the paint-order of overlapping flex items, with varying tweaks on the container
</td>
</tr>
<tr id="flexbox-paint-ordering-002-4.3" class="primary">
<td><strong>
<a href="flexbox-paint-ordering-002.htm">flexbox-paint-ordering-002</a></strong></td>
<tr id="flexbox-paint-ordering-002-4.3" class="">
<td>
<a href="flexbox-paint-ordering-002.htm">flexbox-paint-ordering-002</a></td>
<td><a href="reference/flexbox-paint-ordering-002-ref.htm">=</a> </td>
<td></td>
<td>Testing the paint-order of overlapping flex items with 'order' and 'z-index' set
@ -369,35 +369,35 @@
<tbody id="s4.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.4">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#visibility-collapse">4.4 Collapsed Items</a></th></tr>
<a href="https://www.w3.org/TR/css-flexbox-1/#visibility-collapse">4.4 Collapsed Items</a></th></tr>
<!-- 6 tests -->
<tr id="flexbox_margin-collapse-4.4" class="primary">
<td><strong>
<a href="flexbox_margin-collapse.htm">flexbox_margin-collapse</a></strong></td>
<tr id="flexbox_margin-collapse-4.4" class="">
<td>
<a href="flexbox_margin-collapse.htm">flexbox_margin-collapse</a></td>
<td><a href="reference/flexbox_margin-collapse-ref.htm">=</a> </td>
<td></td>
<td>flexbox | flexitem margin collapsing
</td>
</tr>
<tr id="flexbox_visibility-collapse-4.4" class="primary">
<td><strong>
<a href="flexbox_visibility-collapse.htm">flexbox_visibility-collapse</a></strong></td>
<tr id="flexbox_visibility-collapse-4.4" class="">
<td>
<a href="flexbox_visibility-collapse.htm">flexbox_visibility-collapse</a></td>
<td><a href="reference/flexbox_visibility-collapse-ref.htm">=</a> </td>
<td></td>
<td>flexbox | visibility: collapse
</td>
</tr>
<tr id="flexbox_visibility-collapse-line-wrapping-4.4" class="primary">
<td><strong>
<a href="flexbox_visibility-collapse-line-wrapping.htm">flexbox_visibility-collapse-line-wrapping</a></strong></td>
<tr id="flexbox_visibility-collapse-line-wrapping-4.4" class="">
<td>
<a href="flexbox_visibility-collapse-line-wrapping.htm">flexbox_visibility-collapse-line-wrapping</a></td>
<td><a href="reference/flexbox_visibility-collapse-line-wrapping-ref.htm">=</a> </td>
<td></td>
<td>flexbox | visibility: collapse and line wrapping
</td>
</tr>
<tr id="visibility-collapse-001-4.4" class="primary">
<td><strong>
<a href="visibility-collapse-001.htm">visibility-collapse-001</a></strong></td>
<tr id="visibility-collapse-001-4.4" class="">
<td>
<a href="visibility-collapse-001.htm">visibility-collapse-001</a></td>
<td></td>
<td></td>
<td>A flex item with the 'visibility' property set to 'collapse' should not take up space in the main axis
@ -406,9 +406,9 @@
</ul>
</td>
</tr>
<tr id="visibility-collapse-002-4.4" class="primary">
<td><strong>
<a href="visibility-collapse-002.htm">visibility-collapse-002</a></strong></td>
<tr id="visibility-collapse-002-4.4" class="">
<td>
<a href="visibility-collapse-002.htm">visibility-collapse-002</a></td>
<td></td>
<td></td>
<td>A flex item with the 'visibility' property set to 'collapse' should be large enough to fit the collapsed item
@ -450,11 +450,11 @@
<tbody id="s4.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4.5">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto">4.5 Implied Minimum Size of Flex Items</a></th></tr>
<a href="https://www.w3.org/TR/css-flexbox-1/#min-size-auto">4.5 Implied Minimum Size of Flex Items</a></th></tr>
<!-- 30 tests -->
<tr id="flex-minimum-height-flex-items-001-4.5" class="primary">
<td><strong>
<a href="flex-minimum-height-flex-items-001.htm">flex-minimum-height-flex-items-001</a></strong></td>
<tr id="flex-minimum-height-flex-items-001-4.5" class="">
<td>
<a href="flex-minimum-height-flex-items-001.htm">flex-minimum-height-flex-items-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimum height of flex items
@ -463,9 +463,9 @@
</ul>
</td>
</tr>
<tr id="flex-minimum-height-flex-items-002-4.5" class="primary">
<td><strong>
<a href="flex-minimum-height-flex-items-002.htm">flex-minimum-height-flex-items-002</a></strong></td>
<tr id="flex-minimum-height-flex-items-002-4.5" class="">
<td>
<a href="flex-minimum-height-flex-items-002.htm">flex-minimum-height-flex-items-002</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimum height of flex items
@ -474,9 +474,9 @@
</ul>
</td>
</tr>
<tr id="flex-minimum-height-flex-items-003-4.5" class="primary ahem">
<td><strong>
<a href="flex-minimum-height-flex-items-003.htm">flex-minimum-height-flex-items-003</a></strong></td>
<tr id="flex-minimum-height-flex-items-003-4.5" class="ahem">
<td>
<a href="flex-minimum-height-flex-items-003.htm">flex-minimum-height-flex-items-003</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Minimum height of flex items
@ -485,9 +485,9 @@
</ul>
</td>
</tr>
<tr id="flex-minimum-height-flex-items-004-4.5" class="primary">
<td><strong>
<a href="flex-minimum-height-flex-items-004.htm">flex-minimum-height-flex-items-004</a></strong></td>
<tr id="flex-minimum-height-flex-items-004-4.5" class="">
<td>
<a href="flex-minimum-height-flex-items-004.htm">flex-minimum-height-flex-items-004</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimum height of flex items
@ -496,9 +496,9 @@
</ul>
</td>
</tr>
<tr id="flex-minimum-height-flex-items-005-4.5" class="primary">
<td><strong>
<a href="flex-minimum-height-flex-items-005.htm">flex-minimum-height-flex-items-005</a></strong></td>
<tr id="flex-minimum-height-flex-items-005-4.5" class="">
<td>
<a href="flex-minimum-height-flex-items-005.htm">flex-minimum-height-flex-items-005</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimum height of flex items
@ -507,9 +507,9 @@
</ul>
</td>
</tr>
<tr id="flex-minimum-height-flex-items-006-4.5" class="primary">
<td><strong>
<a href="flex-minimum-height-flex-items-006.htm">flex-minimum-height-flex-items-006</a></strong></td>
<tr id="flex-minimum-height-flex-items-006-4.5" class="">
<td>
<a href="flex-minimum-height-flex-items-006.htm">flex-minimum-height-flex-items-006</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimum height of flex items
@ -518,9 +518,9 @@
</ul>
</td>
</tr>
<tr id="flex-minimum-height-flex-items-007-4.5" class="primary">
<td><strong>
<a href="flex-minimum-height-flex-items-007.htm">flex-minimum-height-flex-items-007</a></strong></td>
<tr id="flex-minimum-height-flex-items-007-4.5" class="">
<td>
<a href="flex-minimum-height-flex-items-007.htm">flex-minimum-height-flex-items-007</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimum height of flex items
@ -529,9 +529,9 @@
</ul>
</td>
</tr>
<tr id="flex-minimum-height-flex-items-008-4.5" class="primary">
<td><strong>
<a href="flex-minimum-height-flex-items-008.htm">flex-minimum-height-flex-items-008</a></strong></td>
<tr id="flex-minimum-height-flex-items-008-4.5" class="">
<td>
<a href="flex-minimum-height-flex-items-008.htm">flex-minimum-height-flex-items-008</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimum height of flex items
@ -540,9 +540,9 @@
</ul>
</td>
</tr>
<tr id="flex-minimum-width-flex-items-001-4.5" class="primary ahem">
<td><strong>
<a href="flex-minimum-width-flex-items-001.htm">flex-minimum-width-flex-items-001</a></strong></td>
<tr id="flex-minimum-width-flex-items-001-4.5" class="ahem">
<td>
<a href="flex-minimum-width-flex-items-001.htm">flex-minimum-width-flex-items-001</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Minimum width of flex items
@ -551,9 +551,9 @@
</ul>
</td>
</tr>
<tr id="flex-minimum-width-flex-items-002-4.5" class="primary">
<td><strong>
<a href="flex-minimum-width-flex-items-002.htm">flex-minimum-width-flex-items-002</a></strong></td>
<tr id="flex-minimum-width-flex-items-002-4.5" class="">
<td>
<a href="flex-minimum-width-flex-items-002.htm">flex-minimum-width-flex-items-002</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimum width of flex items
@ -562,9 +562,9 @@
</ul>
</td>
</tr>
<tr id="flex-minimum-width-flex-items-003-4.5" class="primary ahem">
<td><strong>
<a href="flex-minimum-width-flex-items-003.htm">flex-minimum-width-flex-items-003</a></strong></td>
<tr id="flex-minimum-width-flex-items-003-4.5" class="ahem">
<td>
<a href="flex-minimum-width-flex-items-003.htm">flex-minimum-width-flex-items-003</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Minimum width of flex items
@ -573,9 +573,9 @@
</ul>
</td>
</tr>
<tr id="flex-minimum-width-flex-items-004-4.5" class="primary">
<td><strong>
<a href="flex-minimum-width-flex-items-004.htm">flex-minimum-width-flex-items-004</a></strong></td>
<tr id="flex-minimum-width-flex-items-004-4.5" class="">
<td>
<a href="flex-minimum-width-flex-items-004.htm">flex-minimum-width-flex-items-004</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimum width of flex items
@ -584,9 +584,9 @@
</ul>
</td>
</tr>
<tr id="flex-minimum-width-flex-items-005-4.5" class="primary">
<td><strong>
<a href="flex-minimum-width-flex-items-005.htm">flex-minimum-width-flex-items-005</a></strong></td>
<tr id="flex-minimum-width-flex-items-005-4.5" class="">
<td>
<a href="flex-minimum-width-flex-items-005.htm">flex-minimum-width-flex-items-005</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimum width of flex items
@ -595,9 +595,9 @@
</ul>
</td>
</tr>
<tr id="flex-minimum-width-flex-items-006-4.5" class="primary">
<td><strong>
<a href="flex-minimum-width-flex-items-006.htm">flex-minimum-width-flex-items-006</a></strong></td>
<tr id="flex-minimum-width-flex-items-006-4.5" class="">
<td>
<a href="flex-minimum-width-flex-items-006.htm">flex-minimum-width-flex-items-006</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimum width of flex items
@ -606,9 +606,9 @@
</ul>
</td>
</tr>
<tr id="flex-minimum-width-flex-items-007-4.5" class="primary">
<td><strong>
<a href="flex-minimum-width-flex-items-007.htm">flex-minimum-width-flex-items-007</a></strong></td>
<tr id="flex-minimum-width-flex-items-007-4.5" class="">
<td>
<a href="flex-minimum-width-flex-items-007.htm">flex-minimum-width-flex-items-007</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimum width of flex items
@ -617,9 +617,9 @@
</ul>
</td>
</tr>
<tr id="flex-minimum-width-flex-items-008-4.5" class="primary">
<td><strong>
<a href="flex-minimum-width-flex-items-008.htm">flex-minimum-width-flex-items-008</a></strong></td>
<tr id="flex-minimum-width-flex-items-008-4.5" class="">
<td>
<a href="flex-minimum-width-flex-items-008.htm">flex-minimum-width-flex-items-008</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
<td></td>
<td>Minimum width of flex items
@ -628,113 +628,113 @@
</ul>
</td>
</tr>
<tr id="flexbox-min-height-auto-001-4.5" class="primary">
<td><strong>
<a href="flexbox-min-height-auto-001.htm">flexbox-min-height-auto-001</a></strong></td>
<tr id="flexbox-min-height-auto-001-4.5" class="">
<td>
<a href="flexbox-min-height-auto-001.htm">flexbox-min-height-auto-001</a></td>
<td><a href="reference/flexbox-min-height-auto-001-ref.htm">=</a> </td>
<td></td>
<td>Testing min-height:auto
</td>
</tr>
<tr id="flexbox-min-height-auto-002a-4.5" class="primary">
<td><strong>
<a href="flexbox-min-height-auto-002a.htm">flexbox-min-height-auto-002a</a></strong></td>
<tr id="flexbox-min-height-auto-002a-4.5" class="">
<td>
<a href="flexbox-min-height-auto-002a.htm">flexbox-min-height-auto-002a</a></td>
<td><a href="reference/flexbox-min-height-auto-002-ref.htm">=</a> </td>
<td></td>
<td>Testing min-height:auto
</td>
</tr>
<tr id="flexbox-min-height-auto-002b-4.5" class="primary">
<td><strong>
<a href="flexbox-min-height-auto-002b.htm">flexbox-min-height-auto-002b</a></strong></td>
<tr id="flexbox-min-height-auto-002b-4.5" class="">
<td>
<a href="flexbox-min-height-auto-002b.htm">flexbox-min-height-auto-002b</a></td>
<td><a href="reference/flexbox-min-height-auto-002-ref.htm">=</a> </td>
<td></td>
<td>Testing min-height:auto
</td>
</tr>
<tr id="flexbox-min-height-auto-002c-4.5" class="primary">
<td><strong>
<a href="flexbox-min-height-auto-002c.htm">flexbox-min-height-auto-002c</a></strong></td>
<tr id="flexbox-min-height-auto-002c-4.5" class="">
<td>
<a href="flexbox-min-height-auto-002c.htm">flexbox-min-height-auto-002c</a></td>
<td><a href="reference/flexbox-min-height-auto-002-ref.htm">=</a> </td>
<td></td>
<td>Testing min-height:auto
</td>
</tr>
<tr id="flexbox-min-height-auto-003-4.5" class="primary">
<td><strong>
<a href="flexbox-min-height-auto-003.htm">flexbox-min-height-auto-003</a></strong></td>
<tr id="flexbox-min-height-auto-003-4.5" class="">
<td>
<a href="flexbox-min-height-auto-003.htm">flexbox-min-height-auto-003</a></td>
<td><a href="reference/flexbox-min-height-auto-003-ref.htm">=</a> </td>
<td></td>
<td>Testing min-height:auto &amp; 'overflow' interaction
</td>
</tr>
<tr id="flexbox-min-height-auto-004-4.5" class="primary">
<td><strong>
<a href="flexbox-min-height-auto-004.htm">flexbox-min-height-auto-004</a></strong></td>
<tr id="flexbox-min-height-auto-004-4.5" class="">
<td>
<a href="flexbox-min-height-auto-004.htm">flexbox-min-height-auto-004</a></td>
<td><a href="reference/flexbox-min-height-auto-004-ref.htm">=</a> </td>
<td></td>
<td>Testing min-height:auto &amp; 'overflow' interaction
</td>
</tr>
<tr id="flexbox-min-width-auto-001-4.5" class="primary">
<td><strong>
<a href="flexbox-min-width-auto-001.htm">flexbox-min-width-auto-001</a></strong></td>
<tr id="flexbox-min-width-auto-001-4.5" class="">
<td>
<a href="flexbox-min-width-auto-001.htm">flexbox-min-width-auto-001</a></td>
<td><a href="reference/flexbox-min-width-auto-001-ref.htm">=</a> </td>
<td></td>
<td>Testing min-width:auto
</td>
</tr>
<tr id="flexbox-min-width-auto-002a-4.5" class="primary">
<td><strong>
<a href="flexbox-min-width-auto-002a.htm">flexbox-min-width-auto-002a</a></strong></td>
<tr id="flexbox-min-width-auto-002a-4.5" class="">
<td>
<a href="flexbox-min-width-auto-002a.htm">flexbox-min-width-auto-002a</a></td>
<td><a href="reference/flexbox-min-width-auto-002-ref.htm">=</a> </td>
<td></td>
<td>Testing min-width:auto
</td>
</tr>
<tr id="flexbox-min-width-auto-002b-4.5" class="primary">
<td><strong>
<a href="flexbox-min-width-auto-002b.htm">flexbox-min-width-auto-002b</a></strong></td>
<tr id="flexbox-min-width-auto-002b-4.5" class="">
<td>
<a href="flexbox-min-width-auto-002b.htm">flexbox-min-width-auto-002b</a></td>
<td><a href="reference/flexbox-min-width-auto-002-ref.htm">=</a> </td>
<td></td>
<td>Testing min-width:auto
</td>
</tr>
<tr id="flexbox-min-width-auto-002c-4.5" class="primary">
<td><strong>
<a href="flexbox-min-width-auto-002c.htm">flexbox-min-width-auto-002c</a></strong></td>
<tr id="flexbox-min-width-auto-002c-4.5" class="">
<td>
<a href="flexbox-min-width-auto-002c.htm">flexbox-min-width-auto-002c</a></td>
<td><a href="reference/flexbox-min-width-auto-002-ref.htm">=</a> </td>
<td></td>
<td>Testing min-width:auto
</td>
</tr>
<tr id="flexbox-min-width-auto-003-4.5" class="primary">
<td><strong>
<a href="flexbox-min-width-auto-003.htm">flexbox-min-width-auto-003</a></strong></td>
<tr id="flexbox-min-width-auto-003-4.5" class="">
<td>
<a href="flexbox-min-width-auto-003.htm">flexbox-min-width-auto-003</a></td>
<td><a href="reference/flexbox-min-width-auto-003-ref.htm">=</a> </td>
<td></td>
<td>Testing min-width:auto &amp; 'overflow' interaction
</td>
</tr>
<tr id="flexbox-min-width-auto-004-4.5" class="primary">
<td><strong>
<a href="flexbox-min-width-auto-004.htm">flexbox-min-width-auto-004</a></strong></td>
<tr id="flexbox-min-width-auto-004-4.5" class="">
<td>
<a href="flexbox-min-width-auto-004.htm">flexbox-min-width-auto-004</a></td>
<td><a href="reference/flexbox-min-width-auto-004-ref.htm">=</a> </td>
<td></td>
<td>Testing min-width:auto &amp; 'overflow' interaction
</td>
</tr>
<tr id="flexbox_computedstyle_min-height-auto-4.5" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_min-height-auto.htm">flexbox_computedstyle_min-height-auto</a></strong></td>
<tr id="flexbox_computedstyle_min-height-auto-4.5" class="dom">
<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><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | min-height: auto
</td>
</tr>
<tr id="flexbox_computedstyle_min-width-auto-4.5" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_min-width-auto.htm">flexbox_computedstyle_min-width-auto</a></strong></td>
<tr id="flexbox_computedstyle_min-width-auto-4.5" class="dom">
<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><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | min-width: auto

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

File diff suppressed because it is too large Load diff

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

@ -30,11 +30,11 @@
<tbody id="s6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#flex-lines">6 Flex Lines</a></th></tr>
<a href="https://www.w3.org/TR/css-flexbox-1/#flex-lines">6 Flex Lines</a></th></tr>
<!-- 1 tests -->
<tr id="flexbox-flex-wrap-flexing-6" class="primary">
<td><strong>
<a href="flexbox-flex-wrap-flexing.htm">flexbox-flex-wrap-flexing</a></strong></td>
<tr id="flexbox-flex-wrap-flexing-6" class="">
<td>
<a href="flexbox-flex-wrap-flexing.htm">flexbox-flex-wrap-flexing</a></td>
<td><a href="reference/flexbox-flex-wrap-flexing-ref.htm">=</a> </td>
<td></td>
<td>flex-wrap flexes widths after line breaking

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

File diff suppressed because it is too large Load diff

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

File diff suppressed because it is too large Load diff

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

@ -13,7 +13,7 @@
<body>
<h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1>
<h2>Flex Layout Algorithm (61 tests)</h2>
<h2>Flex Layout Algorithm (62 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@ -30,7 +30,7 @@
<tbody id="s9">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm">9 Flex Layout Algorithm</a></th></tr>
<a href="https://www.w3.org/TR/css-flexbox-1/#layout-algorithm">9 Flex Layout Algorithm</a></th></tr>
<!-- 49 tests -->
<tr id="autoheight-flexbox-001-9" class="">
<td>
@ -208,9 +208,9 @@
</ul>
</td>
</tr>
<tr id="flexbox-align-self-stretch-vert-001-9" class="primary">
<td><strong>
<a href="flexbox-align-self-stretch-vert-001.htm">flexbox-align-self-stretch-vert-001</a></strong></td>
<tr id="flexbox-align-self-stretch-vert-001-9" class="">
<td>
<a href="flexbox-align-self-stretch-vert-001.htm">flexbox-align-self-stretch-vert-001</a></td>
<td><a href="reference/flexbox-align-self-stretch-vert-001-ref.htm">=</a> </td>
<td></td>
<td>Testing the sizing of a stretched horizontal flex container in a vertical flex container
@ -220,9 +220,9 @@
</ul>
</td>
</tr>
<tr id="flexbox-align-self-stretch-vert-002-9" class="primary">
<td><strong>
<a href="flexbox-align-self-stretch-vert-002.htm">flexbox-align-self-stretch-vert-002</a></strong></td>
<tr id="flexbox-align-self-stretch-vert-002-9" class="">
<td>
<a href="flexbox-align-self-stretch-vert-002.htm">flexbox-align-self-stretch-vert-002</a></td>
<td><a href="reference/flexbox-align-self-stretch-vert-002-ref.htm">=</a> </td>
<td></td>
<td>Testing the sizing of stretched flex items in a vertical multi-line flex container
@ -231,241 +231,241 @@
</ul>
</td>
</tr>
<tr id="flexbox-basic-block-horiz-001-9" class="primary">
<td><strong>
<a href="flexbox-basic-block-horiz-001.htm">flexbox-basic-block-horiz-001</a></strong></td>
<tr id="flexbox-basic-block-horiz-001-9" class="">
<td>
<a href="flexbox-basic-block-horiz-001.htm">flexbox-basic-block-horiz-001</a></td>
<td><a href="reference/flexbox-basic-block-horiz-001-ref.htm">=</a> </td>
<td></td>
<td>Testing flexbox layout algorithm property on block flex items in a horizontal flex container
</td>
</tr>
<tr id="flexbox-basic-block-vert-001-9" class="primary">
<td><strong>
<a href="flexbox-basic-block-vert-001.htm">flexbox-basic-block-vert-001</a></strong></td>
<tr id="flexbox-basic-block-vert-001-9" class="">
<td>
<a href="flexbox-basic-block-vert-001.htm">flexbox-basic-block-vert-001</a></td>
<td><a href="reference/flexbox-basic-block-vert-001-ref.htm">=</a> </td>
<td></td>
<td>Testing flexbox layout algorithm property on block flex items in a vertical flex container
</td>
</tr>
<tr id="flexbox-basic-canvas-horiz-001-9" class="primary">
<td><strong>
<a href="flexbox-basic-canvas-horiz-001.htm">flexbox-basic-canvas-horiz-001</a></strong></td>
<tr id="flexbox-basic-canvas-horiz-001-9" class="">
<td>
<a href="flexbox-basic-canvas-horiz-001.htm">flexbox-basic-canvas-horiz-001</a></td>
<td><a href="reference/flexbox-basic-canvas-horiz-001-ref.htm">=</a> </td>
<td></td>
<td>Testing flexbox layout algorithm property on canvas flex items in a horizontal flex container
</td>
</tr>
<tr id="flexbox-basic-canvas-vert-001-9" class="primary">
<td><strong>
<a href="flexbox-basic-canvas-vert-001.htm">flexbox-basic-canvas-vert-001</a></strong></td>
<tr id="flexbox-basic-canvas-vert-001-9" class="">
<td>
<a href="flexbox-basic-canvas-vert-001.htm">flexbox-basic-canvas-vert-001</a></td>
<td><a href="reference/flexbox-basic-canvas-vert-001-ref.htm">=</a> </td>
<td></td>
<td>Testing flexbox layout algorithm property on canvas flex items in a vertical flex container
</td>
</tr>
<tr id="flexbox-basic-fieldset-horiz-001-9" class="primary">
<td><strong>
<a href="flexbox-basic-fieldset-horiz-001.htm">flexbox-basic-fieldset-horiz-001</a></strong></td>
<tr id="flexbox-basic-fieldset-horiz-001-9" class="">
<td>
<a href="flexbox-basic-fieldset-horiz-001.htm">flexbox-basic-fieldset-horiz-001</a></td>
<td><a href="reference/flexbox-basic-fieldset-horiz-001-ref.htm">=</a> </td>
<td></td>
<td>Testing flexbox layout algorithm property on fieldset flex items in a horizontal flex container
</td>
</tr>
<tr id="flexbox-basic-fieldset-vert-001-9" class="primary">
<td><strong>
<a href="flexbox-basic-fieldset-vert-001.htm">flexbox-basic-fieldset-vert-001</a></strong></td>
<tr id="flexbox-basic-fieldset-vert-001-9" class="">
<td>
<a href="flexbox-basic-fieldset-vert-001.htm">flexbox-basic-fieldset-vert-001</a></td>
<td><a href="reference/flexbox-basic-fieldset-vert-001-ref.htm">=</a> </td>
<td></td>
<td>Testing flexbox layout algorithm property on fieldset flex items in a vertical flex container
</td>
</tr>
<tr id="flexbox-basic-iframe-horiz-001-9" class="primary">
<td><strong>
<a href="flexbox-basic-iframe-horiz-001.htm">flexbox-basic-iframe-horiz-001</a></strong></td>
<tr id="flexbox-basic-iframe-horiz-001-9" class="">
<td>
<a href="flexbox-basic-iframe-horiz-001.htm">flexbox-basic-iframe-horiz-001</a></td>
<td><a href="reference/flexbox-basic-iframe-horiz-001-ref.htm">=</a> </td>
<td></td>
<td>Testing flexbox layout algorithm property on iframe flex items in a horizontal flex container
</td>
</tr>
<tr id="flexbox-basic-iframe-vert-001-9" class="primary">
<td><strong>
<a href="flexbox-basic-iframe-vert-001.htm">flexbox-basic-iframe-vert-001</a></strong></td>
<tr id="flexbox-basic-iframe-vert-001-9" class="">
<td>
<a href="flexbox-basic-iframe-vert-001.htm">flexbox-basic-iframe-vert-001</a></td>
<td><a href="reference/flexbox-basic-iframe-vert-001-ref.htm">=</a> </td>
<td></td>
<td>Testing flexbox layout algorithm property on iframe flex items in a vertical flex container
</td>
</tr>
<tr id="flexbox-basic-img-horiz-001-9" class="primary">
<td><strong>
<a href="flexbox-basic-img-horiz-001.htm">flexbox-basic-img-horiz-001</a></strong></td>
<tr id="flexbox-basic-img-horiz-001-9" class="">
<td>
<a href="flexbox-basic-img-horiz-001.htm">flexbox-basic-img-horiz-001</a></td>
<td><a href="reference/flexbox-basic-img-horiz-001-ref.htm">=</a> </td>
<td></td>
<td>Testing flexbox layout algorithm property on img flex items in a horizontal flex container
</td>
</tr>
<tr id="flexbox-basic-img-vert-001-9" class="primary">
<td><strong>
<a href="flexbox-basic-img-vert-001.htm">flexbox-basic-img-vert-001</a></strong></td>
<tr id="flexbox-basic-img-vert-001-9" class="">
<td>
<a href="flexbox-basic-img-vert-001.htm">flexbox-basic-img-vert-001</a></td>
<td><a href="reference/flexbox-basic-img-vert-001-ref.htm">=</a> </td>
<td></td>
<td>Testing flexbox layout algorithm property on img flex items in a vertical flex container
</td>
</tr>
<tr id="flexbox-basic-textarea-horiz-001-9" class="primary">
<td><strong>
<a href="flexbox-basic-textarea-horiz-001.htm">flexbox-basic-textarea-horiz-001</a></strong></td>
<tr id="flexbox-basic-textarea-horiz-001-9" class="">
<td>
<a href="flexbox-basic-textarea-horiz-001.htm">flexbox-basic-textarea-horiz-001</a></td>
<td><a href="reference/flexbox-basic-textarea-horiz-001-ref.htm">=</a> </td>
<td></td>
<td>Testing flexbox layout algorithm property on textarea flex items in a horizontal flex container
</td>
</tr>
<tr id="flexbox-basic-textarea-vert-001-9" class="primary">
<td><strong>
<a href="flexbox-basic-textarea-vert-001.htm">flexbox-basic-textarea-vert-001</a></strong></td>
<tr id="flexbox-basic-textarea-vert-001-9" class="">
<td>
<a href="flexbox-basic-textarea-vert-001.htm">flexbox-basic-textarea-vert-001</a></td>
<td><a href="reference/flexbox-basic-textarea-vert-001-ref.htm">=</a> </td>
<td></td>
<td>Testing flexbox layout algorithm property on textarea flex items in a vertical flex container
</td>
</tr>
<tr id="flexbox-basic-video-horiz-001-9" class="primary">
<td><strong>
<a href="flexbox-basic-video-horiz-001.htm">flexbox-basic-video-horiz-001</a></strong></td>
<tr id="flexbox-basic-video-horiz-001-9" class="">
<td>
<a href="flexbox-basic-video-horiz-001.htm">flexbox-basic-video-horiz-001</a></td>
<td><a href="reference/flexbox-basic-video-horiz-001-ref.htm">=</a> </td>
<td></td>
<td>Testing flexbox layout algorithm property on video flex items in a horizontal flex container
</td>
</tr>
<tr id="flexbox-basic-video-vert-001-9" class="primary">
<td><strong>
<a href="flexbox-basic-video-vert-001.htm">flexbox-basic-video-vert-001</a></strong></td>
<tr id="flexbox-basic-video-vert-001-9" class="">
<td>
<a href="flexbox-basic-video-vert-001.htm">flexbox-basic-video-vert-001</a></td>
<td><a href="reference/flexbox-basic-video-vert-001-ref.htm">=</a> </td>
<td></td>
<td>Testing flexbox layout algorithm property on video flex items in a vertical flex container
</td>
</tr>
<tr id="flexbox-mbp-horiz-001-9" class="primary">
<td><strong>
<a href="flexbox-mbp-horiz-001.htm">flexbox-mbp-horiz-001</a></strong></td>
<tr id="flexbox-mbp-horiz-001-9" class="">
<td>
<a href="flexbox-mbp-horiz-001.htm">flexbox-mbp-horiz-001</a></td>
<td><a href="reference/flexbox-mbp-horiz-001-ref.htm">=</a> </td>
<td></td>
<td>Testing borders on flex items in a horizontal flex container
</td>
</tr>
<tr id="flexbox-mbp-horiz-001-reverse-9" class="primary">
<td><strong>
<a href="flexbox-mbp-horiz-001-reverse.htm">flexbox-mbp-horiz-001-reverse</a></strong></td>
<tr id="flexbox-mbp-horiz-001-reverse-9" class="">
<td>
<a href="flexbox-mbp-horiz-001-reverse.htm">flexbox-mbp-horiz-001-reverse</a></td>
<td><a href="reference/flexbox-mbp-horiz-001-reverse-ref.htm">=</a> </td>
<td></td>
<td>Testing borders on flex items in a row-reverse horizontal flex container
</td>
</tr>
<tr id="flexbox-mbp-horiz-001-rtl-9" class="primary">
<td><strong>
<a href="flexbox-mbp-horiz-001-rtl.htm">flexbox-mbp-horiz-001-rtl</a></strong></td>
<tr id="flexbox-mbp-horiz-001-rtl-9" class="">
<td>
<a href="flexbox-mbp-horiz-001-rtl.htm">flexbox-mbp-horiz-001-rtl</a></td>
<td><a href="reference/flexbox-mbp-horiz-001-reverse-ref.htm">=</a> </td>
<td></td>
<td>Testing borders on flex items in a horizontal flex container with 'direction: rtl'
</td>
</tr>
<tr id="flexbox-mbp-horiz-001-rtl-reverse-9" class="primary">
<td><strong>
<a href="flexbox-mbp-horiz-001-rtl-reverse.htm">flexbox-mbp-horiz-001-rtl-reverse</a></strong></td>
<tr id="flexbox-mbp-horiz-001-rtl-reverse-9" class="">
<td>
<a href="flexbox-mbp-horiz-001-rtl-reverse.htm">flexbox-mbp-horiz-001-rtl-reverse</a></td>
<td><a href="reference/flexbox-mbp-horiz-001-ref.htm">=</a> </td>
<td></td>
<td>Testing borders on flex items in a row-reverse horizontal flex container, with 'direction: rtl'
</td>
</tr>
<tr id="flexbox-mbp-horiz-002a-9" class="primary">
<td><strong>
<a href="flexbox-mbp-horiz-002a.htm">flexbox-mbp-horiz-002a</a></strong></td>
<tr id="flexbox-mbp-horiz-002a-9" class="">
<td>
<a href="flexbox-mbp-horiz-002a.htm">flexbox-mbp-horiz-002a</a></td>
<td><a href="reference/flexbox-mbp-horiz-002-ref.htm">=</a> </td>
<td></td>
<td>Testing margins and borders on flex items in a horizontal flex container
</td>
</tr>
<tr id="flexbox-mbp-horiz-002b-9" class="primary">
<td><strong>
<a href="flexbox-mbp-horiz-002b.htm">flexbox-mbp-horiz-002b</a></strong></td>
<tr id="flexbox-mbp-horiz-002b-9" class="">
<td>
<a href="flexbox-mbp-horiz-002b.htm">flexbox-mbp-horiz-002b</a></td>
<td><a href="reference/flexbox-mbp-horiz-002-ref.htm">=</a> </td>
<td></td>
<td>Testing margins, borders, and padding on flex items in a horizontal flex container
</td>
</tr>
<tr id="flexbox-mbp-horiz-003-9" class="primary">
<td><strong>
<a href="flexbox-mbp-horiz-003.htm">flexbox-mbp-horiz-003</a></strong></td>
<tr id="flexbox-mbp-horiz-003-9" class="">
<td>
<a href="flexbox-mbp-horiz-003.htm">flexbox-mbp-horiz-003</a></td>
<td><a href="reference/flexbox-mbp-horiz-003-ref.htm">=</a> </td>
<td></td>
<td>Testing borders and padding on a horizontal flex container and its flex items
</td>
</tr>
<tr id="flexbox-mbp-horiz-003-reverse-9" class="primary">
<td><strong>
<a href="flexbox-mbp-horiz-003-reverse.htm">flexbox-mbp-horiz-003-reverse</a></strong></td>
<tr id="flexbox-mbp-horiz-003-reverse-9" class="">
<td>
<a href="flexbox-mbp-horiz-003-reverse.htm">flexbox-mbp-horiz-003-reverse</a></td>
<td><a href="reference/flexbox-mbp-horiz-003-reverse-ref.htm">=</a> </td>
<td></td>
<td>Testing borders and padding on a row-reverse horizontal flex container and its flex items
</td>
</tr>
<tr id="flexbox-mbp-horiz-004-9" class="primary">
<td><strong>
<a href="flexbox-mbp-horiz-004.htm">flexbox-mbp-horiz-004</a></strong></td>
<tr id="flexbox-mbp-horiz-004-9" class="">
<td>
<a href="flexbox-mbp-horiz-004.htm">flexbox-mbp-horiz-004</a></td>
<td><a href="reference/flexbox-mbp-horiz-004-ref.htm">=</a> </td>
<td></td>
<td>Testing percent-valued padding and margin on flex items
</td>
</tr>
<tr id="flexbox-sizing-horiz-001-9" class="primary">
<td><strong>
<a href="flexbox-sizing-horiz-001.htm">flexbox-sizing-horiz-001</a></strong></td>
<tr id="flexbox-sizing-horiz-001-9" class="">
<td>
<a href="flexbox-sizing-horiz-001.htm">flexbox-sizing-horiz-001</a></td>
<td><a href="reference/flexbox-sizing-horiz-001-ref.htm">=</a> </td>
<td></td>
<td>Testing sizing of an auto-sized horizontal flex container with min-width and max-width constraints
</td>
</tr>
<tr id="flexbox-sizing-horiz-002-9" class="primary">
<td><strong>
<a href="flexbox-sizing-horiz-002.htm">flexbox-sizing-horiz-002</a></strong></td>
<tr id="flexbox-sizing-horiz-002-9" class="">
<td>
<a href="flexbox-sizing-horiz-002.htm">flexbox-sizing-horiz-002</a></td>
<td><a href="reference/flexbox-sizing-horiz-002-ref.htm">=</a> </td>
<td></td>
<td>Testing sizing of an auto-sized horizontal flex container with min-height and max-height constraints
</td>
</tr>
<tr id="flexbox-sizing-vert-001-9" class="primary">
<td><strong>
<a href="flexbox-sizing-vert-001.htm">flexbox-sizing-vert-001</a></strong></td>
<tr id="flexbox-sizing-vert-001-9" class="">
<td>
<a href="flexbox-sizing-vert-001.htm">flexbox-sizing-vert-001</a></td>
<td><a href="reference/flexbox-sizing-vert-001-ref.htm">=</a> </td>
<td></td>
<td>Testing sizing of an auto-sized vertical flex container with min-height and max-height constraints
</td>
</tr>
<tr id="flexbox-sizing-vert-002-9" class="primary">
<td><strong>
<a href="flexbox-sizing-vert-002.htm">flexbox-sizing-vert-002</a></strong></td>
<tr id="flexbox-sizing-vert-002-9" class="">
<td>
<a href="flexbox-sizing-vert-002.htm">flexbox-sizing-vert-002</a></td>
<td><a href="reference/flexbox-sizing-vert-002-ref.htm">=</a> </td>
<td></td>
<td>Testing sizing of an auto-sized vertical flex container with min-width and max-width constraints
</td>
</tr>
<tr id="flexbox-writing-mode-007-9" class="primary">
<td><strong>
<a href="flexbox-writing-mode-007.htm">flexbox-writing-mode-007</a></strong></td>
<tr id="flexbox-writing-mode-007-9" class="">
<td>
<a href="flexbox-writing-mode-007.htm">flexbox-writing-mode-007</a></td>
<td><a href="reference/flexbox-writing-mode-007-ref.htm">=</a> </td>
<td></td>
<td>Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode
</td>
</tr>
<tr id="flexbox-writing-mode-008-9" class="primary">
<td><strong>
<a href="flexbox-writing-mode-008.htm">flexbox-writing-mode-008</a></strong></td>
<tr id="flexbox-writing-mode-008-9" class="">
<td>
<a href="flexbox-writing-mode-008.htm">flexbox-writing-mode-008</a></td>
<td><a href="reference/flexbox-writing-mode-008-ref.htm">=</a> </td>
<td></td>
<td>Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode
</td>
</tr>
<tr id="flexbox-writing-mode-009-9" class="primary">
<td><strong>
<a href="flexbox-writing-mode-009.htm">flexbox-writing-mode-009</a></strong></td>
<tr id="flexbox-writing-mode-009-9" class="">
<td>
<a href="flexbox-writing-mode-009.htm">flexbox-writing-mode-009</a></td>
<td><a href="reference/flexbox-writing-mode-009-ref.htm">=</a> </td>
<td></td>
<td>Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode
@ -486,7 +486,7 @@
<tbody id="s9.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#box-manip">9.1 Initial Setup</a></th></tr>
<a href="https://www.w3.org/TR/css-flexbox-1/#box-manip">9.1 Initial Setup</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.#algo-anon-box">
@ -498,7 +498,7 @@
<tbody id="s9.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.2">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#line-sizing">9.2 Line Length Determination</a></th></tr>
<a href="https://www.w3.org/TR/css-flexbox-1/#line-sizing">9.2 Line Length Determination</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.#algo-available">
@ -522,73 +522,84 @@
<tbody id="s9.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.3">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#main-sizing">9.3 Main Size Determination</a></th></tr>
<!-- 0 tests -->
<a href="https://www.w3.org/TR/css-flexbox-1/#main-sizing">9.3 Main Size Determination</a></th></tr>
<!-- 1 tests -->
<tr id="percentage-heights-000-9.3" class="primary dom script">
<td><strong>
<a href="percentage-heights-000.htm">percentage-heights-000</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>CSS Flexbox: Basic percentage heights
<ul class="assert">
<li>This test checks that percentage heights on a flex item correctly resolve against the container.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s9.3.#algo-flex">
<!-- 0 tests -->
</tbody>
<tbody id="s9.3.#algo-line-break">
<!-- 8 tests -->
<tr id="flexbox-break-request-horiz-001a-9.3.#algo-line-break" class="primary">
<td><strong>
<a href="flexbox-break-request-horiz-001a.htm">flexbox-break-request-horiz-001a</a></strong></td>
<tr id="flexbox-break-request-horiz-001a-9.3.#algo-line-break" class="">
<td>
<a href="flexbox-break-request-horiz-001a.htm">flexbox-break-request-horiz-001a</a></td>
<td><a href="reference/flexbox-break-request-horiz-001-ref.htm">=</a> </td>
<td></td>
<td>Testing page-break-before in horizontal multi-line flex containers
</td>
</tr>
<tr id="flexbox-break-request-horiz-001b-9.3.#algo-line-break" class="primary">
<td><strong>
<a href="flexbox-break-request-horiz-001b.htm">flexbox-break-request-horiz-001b</a></strong></td>
<tr id="flexbox-break-request-horiz-001b-9.3.#algo-line-break" class="">
<td>
<a href="flexbox-break-request-horiz-001b.htm">flexbox-break-request-horiz-001b</a></td>
<td><a href="reference/flexbox-break-request-horiz-001-ref.htm">=</a> </td>
<td></td>
<td>Testing page-break-after in horizontal multi-line flex containers
</td>
</tr>
<tr id="flexbox-break-request-horiz-002a-9.3.#algo-line-break" class="primary">
<td><strong>
<a href="flexbox-break-request-horiz-002a.htm">flexbox-break-request-horiz-002a</a></strong></td>
<tr id="flexbox-break-request-horiz-002a-9.3.#algo-line-break" class="">
<td>
<a href="flexbox-break-request-horiz-002a.htm">flexbox-break-request-horiz-002a</a></td>
<td><a href="reference/flexbox-break-request-horiz-002-ref.htm">=</a> </td>
<td></td>
<td>Testing page-break-before in horizontal single-line flex containers (should have no effect)
</td>
</tr>
<tr id="flexbox-break-request-horiz-002b-9.3.#algo-line-break" class="primary">
<td><strong>
<a href="flexbox-break-request-horiz-002b.htm">flexbox-break-request-horiz-002b</a></strong></td>
<tr id="flexbox-break-request-horiz-002b-9.3.#algo-line-break" class="">
<td>
<a href="flexbox-break-request-horiz-002b.htm">flexbox-break-request-horiz-002b</a></td>
<td><a href="reference/flexbox-break-request-horiz-002-ref.htm">=</a> </td>
<td></td>
<td>Testing page-break-after in horizontal single-line flex containers (should have no effect)
</td>
</tr>
<tr id="flexbox-break-request-vert-001a-9.3.#algo-line-break" class="primary">
<td><strong>
<a href="flexbox-break-request-vert-001a.htm">flexbox-break-request-vert-001a</a></strong></td>
<tr id="flexbox-break-request-vert-001a-9.3.#algo-line-break" class="">
<td>
<a href="flexbox-break-request-vert-001a.htm">flexbox-break-request-vert-001a</a></td>
<td><a href="reference/flexbox-break-request-vert-001-ref.htm">=</a> </td>
<td></td>
<td>Testing page-break-before in vertical multi-line flex containers
</td>
</tr>
<tr id="flexbox-break-request-vert-001b-9.3.#algo-line-break" class="primary">
<td><strong>
<a href="flexbox-break-request-vert-001b.htm">flexbox-break-request-vert-001b</a></strong></td>
<tr id="flexbox-break-request-vert-001b-9.3.#algo-line-break" class="">
<td>
<a href="flexbox-break-request-vert-001b.htm">flexbox-break-request-vert-001b</a></td>
<td><a href="reference/flexbox-break-request-vert-001-ref.htm">=</a> </td>
<td></td>
<td>Testing page-break-after in vertical multi-line flex containers
</td>
</tr>
<tr id="flexbox-break-request-vert-002a-9.3.#algo-line-break" class="primary">
<td><strong>
<a href="flexbox-break-request-vert-002a.htm">flexbox-break-request-vert-002a</a></strong></td>
<tr id="flexbox-break-request-vert-002a-9.3.#algo-line-break" class="">
<td>
<a href="flexbox-break-request-vert-002a.htm">flexbox-break-request-vert-002a</a></td>
<td><a href="reference/flexbox-break-request-vert-002-ref.htm">=</a> </td>
<td></td>
<td>Testing page-break-before in vertical single-line flex containers (should have no effect)
</td>
</tr>
<tr id="flexbox-break-request-vert-002b-9.3.#algo-line-break" class="primary">
<td><strong>
<a href="flexbox-break-request-vert-002b.htm">flexbox-break-request-vert-002b</a></strong></td>
<tr id="flexbox-break-request-vert-002b-9.3.#algo-line-break" class="">
<td>
<a href="flexbox-break-request-vert-002b.htm">flexbox-break-request-vert-002b</a></td>
<td><a href="reference/flexbox-break-request-vert-002-ref.htm">=</a> </td>
<td></td>
<td>Testing page-break-after in vertical single-line flex containers (should have no effect)
@ -598,7 +609,7 @@
<tbody id="s9.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.4">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#cross-sizing">9.4 Cross Size Determination</a></th></tr>
<a href="https://www.w3.org/TR/css-flexbox-1/#cross-sizing">9.4 Cross Size Determination</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.4.#algo-cross-item">
@ -615,33 +626,33 @@
</tbody>
<tbody id="s9.4.#algo-visibility">
<!-- 4 tests -->
<tr id="flexbox-collapsed-item-baseline-001-9.4.#algo-visibility" class="primary">
<td><strong>
<a href="flexbox-collapsed-item-baseline-001.htm">flexbox-collapsed-item-baseline-001</a></strong></td>
<tr id="flexbox-collapsed-item-baseline-001-9.4.#algo-visibility" class="">
<td>
<a href="flexbox-collapsed-item-baseline-001.htm">flexbox-collapsed-item-baseline-001</a></td>
<td><a href="reference/flexbox-collapsed-item-baseline-001-ref.htm">=</a> </td>
<td></td>
<td>Testing that a collapsed flex item participates in baseline alignment only for the purpose of establishing container's cross size
</td>
</tr>
<tr id="flexbox-collapsed-item-horiz-001-9.4.#algo-visibility" class="primary">
<td><strong>
<a href="flexbox-collapsed-item-horiz-001.htm">flexbox-collapsed-item-horiz-001</a></strong></td>
<tr id="flexbox-collapsed-item-horiz-001-9.4.#algo-visibility" class="">
<td>
<a href="flexbox-collapsed-item-horiz-001.htm">flexbox-collapsed-item-horiz-001</a></td>
<td><a href="reference/flexbox-collapsed-item-horiz-001-ref.htm">=</a> </td>
<td></td>
<td>Testing that visibility:collapse on a flex item in a single-line flex container maintains the containers's cross size, but doesn't otherwise impact flex layout
</td>
</tr>
<tr id="flexbox-collapsed-item-horiz-002-9.4.#algo-visibility" class="primary">
<td><strong>
<a href="flexbox-collapsed-item-horiz-002.htm">flexbox-collapsed-item-horiz-002</a></strong></td>
<tr id="flexbox-collapsed-item-horiz-002-9.4.#algo-visibility" class="">
<td>
<a href="flexbox-collapsed-item-horiz-002.htm">flexbox-collapsed-item-horiz-002</a></td>
<td><a href="reference/flexbox-collapsed-item-horiz-002-ref.htm">=</a> </td>
<td></td>
<td>Testing that visibility:collapse on a flex item in a multi-line flex container creates struts, and that they can migrate between lines
</td>
</tr>
<tr id="flexbox-collapsed-item-horiz-003-9.4.#algo-visibility" class="primary">
<td><strong>
<a href="flexbox-collapsed-item-horiz-003.htm">flexbox-collapsed-item-horiz-003</a></strong></td>
<tr id="flexbox-collapsed-item-horiz-003-9.4.#algo-visibility" class="">
<td>
<a href="flexbox-collapsed-item-horiz-003.htm">flexbox-collapsed-item-horiz-003</a></td>
<td><a href="reference/flexbox-collapsed-item-horiz-003-ref.htm">=</a> </td>
<td></td>
<td>Testing that strut formation (from visibility:collapse) happens *after* lines have been stretched
@ -657,7 +668,7 @@
<tbody id="s9.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.5">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#main-alignment">9.5 Main-Axis Alignment</a></th></tr>
<a href="https://www.w3.org/TR/css-flexbox-1/#main-alignment">9.5 Main-Axis Alignment</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.5.#algo-main-align">
@ -666,7 +677,7 @@
<tbody id="s9.6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.6">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#cross-alignment">9.6 Cross-Axis Alignment</a></th></tr>
<a href="https://www.w3.org/TR/css-flexbox-1/#cross-alignment">9.6 Cross-Axis Alignment</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.6.#algo-cross-align">
@ -684,7 +695,7 @@
<tbody id="s9.7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.7">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#resolve-flexible-lengths">9.7 Resolving Flexible Lengths</a></th></tr>
<a href="https://www.w3.org/TR/css-flexbox-1/#resolve-flexible-lengths">9.7 Resolving Flexible Lengths</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.7.#initial-free-space">
@ -702,7 +713,7 @@
<tbody id="s9.8">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.8">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#definite-sizes">9.8 Definite and Indefinite Sizes</a></th></tr>
<a href="https://www.w3.org/TR/css-flexbox-1/#definite-sizes">9.8 Definite and Indefinite Sizes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.8.#definite">
@ -714,7 +725,7 @@
<tbody id="s9.9">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.9">+</a>
<a href="http://www.w3.org/TR/css-flexbox-1/#intrinsic-sizes">9.9 Intrinsic Sizes</a></th></tr>
<a href="https://www.w3.org/TR/css-flexbox-1/#intrinsic-sizes">9.9 Intrinsic Sizes</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.9.#max_content-cross-size">

5
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-align-self-horiz-003.htm
View file

@ -67,6 +67,10 @@
background: violet;
align-self: inherit;
}
.normal {
background: tan;
align-self: normal;
}
</style>
</head>
<body>
@ -85,6 +89,7 @@
<div class="unspecified">unspec</div>
<div class="initial">initial</div>
<div class="inherit">inherit</div>
<div class="normal">normal</div>
</div>
</body>
</html>

78
tests/wpt/css-tests/css-flexbox-1_dev/html/percentage-heights-000.htm Normal file
View file

@ -0,0 +1,78 @@
<!DOCTYPE html>
<html><head><title>CSS Flexbox: Basic percentage heights</title>
<link href="https://www.google.com/" rel="author" title="Google">
<link href="https://drafts.csswg.org/css-flexbox-1/#main-sizing" rel="help">
<meta content="dom" name="flags">
<meta content="This test checks that percentage heights on a flex item correctly resolve against the container." name="assert">
<style>
.flexbox {
display: flex;
background-color: #aaa;
position: relative;
}
.flexbox :nth-child(1) {
background-color: blue;
}
.flexbox :nth-child(2) {
background-color: green;
}
.flexbox :nth-child(3) {
background-color: red;
}
.flexbox > div {
width: 40%;
height: 40%;
}
.column {
flex-flow: column wrap;
width: 100px;
height: 100px;
align-content: flex-start;
}
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="support/check-layout-th.js"></script>
</head><body onload="checkLayout('.flexbox')">
<div id="log"></div>
<div class="flexbox column">
<div data-expected-height="40" data-offset-x="0" data-offset-y="0"></div>
<div data-expected-height="40" data-offset-x="0" data-offset-y="40"></div>
<div data-expected-height="40" data-offset-x="40" data-offset-y="0"></div>
</div>
<div class="flexbox column">
<div style="margin-bottom: 10%" data-expected-height="40" data-offset-x="0" data-offset-y="0"></div>
<div style="margin-bottom: 20%" data-expected-height="40" data-offset-x="40" data-offset-y="0"></div>
<div data-expected-height="40" data-offset-x="40" data-offset-y="60"></div>
</div>
<div class="flexbox column">
<div style="flex: 1; min-height: 0; max-height: 20%" data-expected-height="20" data-offset-x="0" data-offset-y="0"></div>
<div data-expected-height="40" data-offset-x="0" data-offset-y="20"></div>
<div data-expected-height="40" data-offset-x="0" data-offset-y="60"></div>
</div>
<div style="writing-mode: vertical-rl" class="flexbox column">
<div data-expected-width="40" data-offset-x="60" data-offset-y="0"></div>
<div data-expected-width="40" data-offset-x="20" data-offset-y="0"></div>
<div data-expected-width="40" data-offset-x="60" data-offset-y="40"></div>
</div>
<div style="writing-mode: vertical-rl" class="flexbox column">
<div style="margin-bottom: 10%" data-expected-width="40" data-offset-x="60" data-offset-y="0"></div>
<div style="margin-bottom: 20%" data-expected-width="40" data-offset-x="20" data-offset-y="0"></div>
<div data-expected-width="40" data-offset-x="60" data-offset-y="60"></div>
</div>
<div style="writing-mode: vertical-rl" class="flexbox column">
<div style="flex: 1; min-width: 0; max-width: 20%" data-expected-width="20" data-offset-x="80" data-offset-y="0"></div>
<div data-expected-width="40" data-offset-x="40" data-offset-y="0"></div>
<div data-expected-width="40" data-offset-x="0" data-offset-y="0"></div>
</div>
</body></html>

8
tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-align-self-horiz-003-ref.htm
View file

@ -12,7 +12,7 @@
.flexbox {
border: 1px dashed blue;
padding: 3px;
width: 560px;
width: 600px;
height: 4px;
font-size: 10px;
line-height: 10px;
@ -58,6 +58,9 @@
.inherit {
background: violet;
}
.normal {
background: tan;
}
</style>
</head>
<body>
@ -82,7 +85,8 @@
<div class="auto" style="height: 100%">auto</div>
<div class="unspecified" style="height: 100%">unspec</div>
<div class="initial" style="height: 100%">initial</div>
<div class="inherit">inherit</div>
<div class="inherit" style="height: 100%">inherit</div>
<div class="normal" style="height: 100%">normal</div>
</div>
</body>
</html>

1
tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/README
View file

@ -21,7 +21,6 @@ The square-* images all use 15x15 cells with one pixel borders.
The pattern-* images use cells of various sizes:
pattern-gg-gr.png 20x20
pattern-grg-rgr-grg.png 20x20
pattern-rgr-grg-rgr.png 20x20
pattern-tr.png 15x15

BIN
tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/adobe-fonts/CSSFWOrientationTest.otf Normal file
View file

Binary file not shown.

2
tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/adobe-fonts/README.md
View file

@ -17,7 +17,7 @@ Pre-built font binaries
----
The installable font resources (font binaries) are not part of the source files.
They are available at https://github.com/adobe-fonts/css-orientation-test/
The latest version of the font binaries is 1.005 (October 2015).
The latest version of the font binaries is 1.005 (April 4th 2015).
Requirements

190
tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/check-layout-th.js Normal file
View file

@ -0,0 +1,190 @@
(function() {
// Test is initiated from body.onload, so explicit done() call is required.
setup({ explicit_done: true });
function checkSubtreeExpectedValues(t, parent, prefix)
{
var checkedLayout = checkExpectedValues(t, parent, prefix);
Array.prototype.forEach.call(parent.childNodes, function(node) {
checkedLayout |= checkSubtreeExpectedValues(t, node, prefix);
});
return checkedLayout;
}
function checkAttribute(output, node, attribute)
{
var result = node.getAttribute && node.getAttribute(attribute);
output.checked |= !!result;
return result;
}
function assert_tolerance(actual, expected, message)
{
if (isNaN(expected) || Math.abs(actual - expected) >= 1) {
assert_equals(actual, Number(expected), message);
}
}
function checkExpectedValues(t, node, prefix)
{
var output = { checked: false };
var expectedWidth = checkAttribute(output, node, "data-expected-width");
if (expectedWidth) {
assert_tolerance(node.offsetWidth, expectedWidth, prefix + "width");
}
var expectedHeight = checkAttribute(output, node, "data-expected-height");
if (expectedHeight) {
assert_tolerance(node.offsetHeight, expectedHeight, prefix + "height");
}
var expectedOffset = checkAttribute(output, node, "data-offset-x");
if (expectedOffset) {
assert_tolerance(node.offsetLeft, expectedOffset, prefix + "offsetLeft");
}
var expectedOffset = checkAttribute(output, node, "data-offset-y");
if (expectedOffset) {
assert_tolerance(node.offsetTop, expectedOffset, prefix + "offsetTop");
}
var expectedWidth = checkAttribute(output, node, "data-expected-client-width");
if (expectedWidth) {
assert_tolerance(node.clientWidth, expectedWidth, prefix + "clientWidth");
}
var expectedHeight = checkAttribute(output, node, "data-expected-client-height");
if (expectedHeight) {
assert_tolerance(node.clientHeight, expectedHeight, prefix + "clientHeight");
}
var expectedWidth = checkAttribute(output, node, "data-expected-scroll-width");
if (expectedWidth) {
assert_tolerance(node.scrollWidth, expectedWidth, prefix + "scrollWidth");
}
var expectedHeight = checkAttribute(output, node, "data-expected-scroll-height");
if (expectedHeight) {
assert_tolerance(node.scrollHeight, expectedHeight, prefix + "scrollHeight");
}
var expectedOffset = checkAttribute(output, node, "data-total-x");
if (expectedOffset) {
var totalLeft = node.clientLeft + node.offsetLeft;
assert_tolerance(totalLeft, expectedOffset, prefix +
"clientLeft+offsetLeft (" + node.clientLeft + " + " + node.offsetLeft + ")");
}
var expectedOffset = checkAttribute(output, node, "data-total-y");
if (expectedOffset) {
var totalTop = node.clientTop + node.offsetTop;
assert_tolerance(totalTop, expectedOffset, prefix +
"clientTop+offsetTop (" + node.clientTop + " + " + node.offsetTop + ")");
}
var expectedDisplay = checkAttribute(output, node, "data-expected-display");
if (expectedDisplay) {
var actualDisplay = getComputedStyle(node).display;
assert_equals(actualDisplay, expectedDisplay, prefix + "display");
}
var expectedPaddingTop = checkAttribute(output, node, "data-expected-padding-top");
if (expectedPaddingTop) {
var actualPaddingTop = getComputedStyle(node).paddingTop;
// Trim the unit "px" from the output.
actualPaddingTop = actualPaddingTop.slice(0, -2);
assert_equals(actualPaddingTop, expectedPaddingTop, prefix + "padding-top");
}
var expectedPaddingBottom = checkAttribute(output, node, "data-expected-padding-bottom");
if (expectedPaddingBottom) {
var actualPaddingBottom = getComputedStyle(node).paddingBottom;
// Trim the unit "px" from the output.
actualPaddingBottom = actualPaddingBottom.slice(0, -2);
assert_equals(actualPaddingBottom, expectedPaddingBottom, prefix + "padding-bottom");
}
var expectedPaddingLeft = checkAttribute(output, node, "data-expected-padding-left");
if (expectedPaddingLeft) {
var actualPaddingLeft = getComputedStyle(node).paddingLeft;
// Trim the unit "px" from the output.
actualPaddingLeft = actualPaddingLeft.slice(0, -2);
assert_equals(actualPaddingLeft, expectedPaddingLeft, prefix + "padding-left");
}
var expectedPaddingRight = checkAttribute(output, node, "data-expected-padding-right");
if (expectedPaddingRight) {
var actualPaddingRight = getComputedStyle(node).paddingRight;
// Trim the unit "px" from the output.
actualPaddingRight = actualPaddingRight.slice(0, -2);
assert_equals(actualPaddingRight, expectedPaddingRight, prefix + "padding-right");
}
var expectedMarginTop = checkAttribute(output, node, "data-expected-margin-top");
if (expectedMarginTop) {
var actualMarginTop = getComputedStyle(node).marginTop;
// Trim the unit "px" from the output.
actualMarginTop = actualMarginTop.slice(0, -2);
assert_equals(actualMarginTop, expectedMarginTop, prefix + "margin-top");
}
var expectedMarginBottom = checkAttribute(output, node, "data-expected-margin-bottom");
if (expectedMarginBottom) {
var actualMarginBottom = getComputedStyle(node).marginBottom;
// Trim the unit "px" from the output.
actualMarginBottom = actualMarginBottom.slice(0, -2);
assert_equals(actualMarginBottom, expectedMarginBottom, prefix + "margin-bottom");
}
var expectedMarginLeft = checkAttribute(output, node, "data-expected-margin-left");
if (expectedMarginLeft) {
var actualMarginLeft = getComputedStyle(node).marginLeft;
// Trim the unit "px" from the output.
actualMarginLeft = actualMarginLeft.slice(0, -2);
assert_equals(actualMarginLeft, expectedMarginLeft, prefix + "margin-left");
}
var expectedMarginRight = checkAttribute(output, node, "data-expected-margin-right");
if (expectedMarginRight) {
var actualMarginRight = getComputedStyle(node).marginRight;
// Trim the unit "px" from the output.
actualMarginRight = actualMarginRight.slice(0, -2);
assert_equals(actualMarginRight, expectedMarginRight, prefix + "margin-right");
}
return output.checked;
}
window.checkLayout = function(selectorList, outputContainer)
{
if (!selectorList) {
console.error("You must provide a CSS selector of nodes to check.");
return;
}
var nodes = document.querySelectorAll(selectorList);
var testNumber = 0;
nodes = Array.prototype.slice.call(nodes);
nodes.reverse();
var checkedLayout = false;
Array.prototype.forEach.call(nodes, function(node) {
test(function(t) {
var container = node.parentNode.className == 'container' ? node.parentNode : node;
var prefix = "\n" + container.outerHTML + "\n";
var passed = false;
try {
checkedLayout |= checkExpectedValues(t, node.parentNode, prefix);
checkedLayout |= checkSubtreeExpectedValues(t, node, prefix);
passed = true;
} finally {
checkedLayout |= !passed;
}
}, selectorList + ' ' + String(++testNumber));
});
if (!checkedLayout) {
console.error("No valid data-* attributes found in selector list : " + selectorList);
}
done();
};
})();

143
tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/flexbox.css Normal file
View file

@ -0,0 +1,143 @@
.flexbox {
display: -webkit-flex;
display: flex;
}
.inline-flexbox {
display: -webkit-inline-flex;
display: inline-flex;
}
.flex-none {
-webkit-flex: none;
flex: none;
}
.flex-auto {
-webkit-flex: auto;
flex: auto;
}
.flex-one {
-webkit-flex: 1;
flex: 1;
}
.flex-one-one-auto {
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
}
.row {
-webkit-flex-direction: row;
flex-direction: row;
}
.row-reverse {
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.column {
-webkit-flex-direction: column;
flex-direction: column;
}
.column-reverse {
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.wrap {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.wrap-reverse {
-webkit-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.align-content-flex-start {
-webkit-align-content: flex-start;
align-content: flex-start;
}
.align-content-flex-end {
-webkit-align-content: flex-end;
align-content: flex-end;
}
.align-content-center {
-webkit-align-content: center;
align-content: center;
}
.align-content-space-between {
-webkit-align-content: space-between;
align-content: space-between;
}
.align-content-space-around {
-webkit-align-content: space-around;
align-content: space-around;
}
.align-content-stretch {
-webkit-align-content: stretch;
align-content: stretch;
}
.align-items-flex-start {
-webkit-align-items: flex-start;
align-items: flex-start;
}
.align-items-flex-end {
-webkit-align-items: flex-end;
align-items: flex-end;
}
.align-items-center {
-webkit-align-items: center;
align-items: center;
}
.align-items-baseline {
-webkit-align-items: baseline;
align-items: baseline;
}
.align-items-stretch {
-webkit-align-items: stretch;
align-items: stretch;
}
.align-self-auto {
-webkit-align-self: auto;
align-self: auto;
}
.align-self-flex-start {
-webkit-align-self: flex-start;
align-self: flex-start;
}
.align-self-flex-end {
-webkit-align-self: flex-end;
align-self: flex-end;
}
.align-self-center {
-webkit-align-self: center;
align-self: center;
}
.align-self-baseline {
-webkit-align-self: baseline;
align-self: baseline;
}
.align-self-stretch {
-webkit-align-self: stretch;
align-self: stretch;
}
.justify-content-flex-start {
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.justify-content-flex-end {
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.justify-content-center {
-webkit-justify-content: center;
justify-content: center;
}
.justify-content-space-between {
-webkit-justify-content: space-between;
justify-content: space-between;
}
.justify-content-space-around {
-webkit-justify-content: space-around;
justify-content: space-around;
}

BIN
tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/pattern-gg-gr.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 203 B

BIN
tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/ruler-h-50%.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 691 B

BIN
tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/tcu-font.otf Normal file
View file

Binary file not shown.

0
tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/text-orientation-mixed-001.png → tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/text-orientation-mixed-vrl-002.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

Before After
Before After

BIN
tests/wpt/css-tests/css-flexbox-1_dev/html/reference/support/text-orientation-upright-vrl-002.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.1 KiB

1
tests/wpt/css-tests/css-flexbox-1_dev/html/support/README
View file

@ -21,7 +21,6 @@ The square-* images all use 15x15 cells with one pixel borders.
The pattern-* images use cells of various sizes:
pattern-gg-gr.png 20x20
pattern-grg-rgr-grg.png 20x20
pattern-rgr-grg-rgr.png 20x20
pattern-tr.png 15x15

BIN
tests/wpt/css-tests/css-flexbox-1_dev/html/support/adobe-fonts/CSSFWOrientationTest.otf Normal file
View file

Binary file not shown.

2
tests/wpt/css-tests/css-flexbox-1_dev/html/support/adobe-fonts/README.md
View file

@ -17,7 +17,7 @@ Pre-built font binaries
----
The installable font resources (font binaries) are not part of the source files.
They are available at https://github.com/adobe-fonts/css-orientation-test/
The latest version of the font binaries is 1.005 (October 2015).
The latest version of the font binaries is 1.005 (April 4th 2015).
Requirements

190
tests/wpt/css-tests/css-flexbox-1_dev/html/support/check-layout-th.js Normal file
View file

@ -0,0 +1,190 @@
(function() {
// Test is initiated from body.onload, so explicit done() call is required.
setup({ explicit_done: true });
function checkSubtreeExpectedValues(t, parent, prefix)
{
var checkedLayout = checkExpectedValues(t, parent, prefix);
Array.prototype.forEach.call(parent.childNodes, function(node) {
checkedLayout |= checkSubtreeExpectedValues(t, node, prefix);
});
return checkedLayout;
}
function checkAttribute(output, node, attribute)
{
var result = node.getAttribute && node.getAttribute(attribute);
output.checked |= !!result;
return result;
}
function assert_tolerance(actual, expected, message)
{
if (isNaN(expected) || Math.abs(actual - expected) >= 1) {
assert_equals(actual, Number(expected), message);
}
}
function checkExpectedValues(t, node, prefix)
{
var output = { checked: false };
var expectedWidth = checkAttribute(output, node, "data-expected-width");
if (expectedWidth) {
assert_tolerance(node.offsetWidth, expectedWidth, prefix + "width");
}
var expectedHeight = checkAttribute(output, node, "data-expected-height");
if (expectedHeight) {
assert_tolerance(node.offsetHeight, expectedHeight, prefix + "height");
}
var expectedOffset = checkAttribute(output, node, "data-offset-x");
if (expectedOffset) {
assert_tolerance(node.offsetLeft, expectedOffset, prefix + "offsetLeft");
}
var expectedOffset = checkAttribute(output, node, "data-offset-y");
if (expectedOffset) {
assert_tolerance(node.offsetTop, expectedOffset, prefix + "offsetTop");
}
var expectedWidth = checkAttribute(output, node, "data-expected-client-width");
if (expectedWidth) {
assert_tolerance(node.clientWidth, expectedWidth, prefix + "clientWidth");
}
var expectedHeight = checkAttribute(output, node, "data-expected-client-height");
if (expectedHeight) {
assert_tolerance(node.clientHeight, expectedHeight, prefix + "clientHeight");
}
var expectedWidth = checkAttribute(output, node, "data-expected-scroll-width");
if (expectedWidth) {
assert_tolerance(node.scrollWidth, expectedWidth, prefix + "scrollWidth");
}
var expectedHeight = checkAttribute(output, node, "data-expected-scroll-height");
if (expectedHeight) {
assert_tolerance(node.scrollHeight, expectedHeight, prefix + "scrollHeight");
}
var expectedOffset = checkAttribute(output, node, "data-total-x");
if (expectedOffset) {
var totalLeft = node.clientLeft + node.offsetLeft;
assert_tolerance(totalLeft, expectedOffset, prefix +
"clientLeft+offsetLeft (" + node.clientLeft + " + " + node.offsetLeft + ")");
}
var expectedOffset = checkAttribute(output, node, "data-total-y");
if (expectedOffset) {
var totalTop = node.clientTop + node.offsetTop;
assert_tolerance(totalTop, expectedOffset, prefix +
"clientTop+offsetTop (" + node.clientTop + " + " + node.offsetTop + ")");
}
var expectedDisplay = checkAttribute(output, node, "data-expected-display");
if (expectedDisplay) {
var actualDisplay = getComputedStyle(node).display;
assert_equals(actualDisplay, expectedDisplay, prefix + "display");
}
var expectedPaddingTop = checkAttribute(output, node, "data-expected-padding-top");
if (expectedPaddingTop) {
var actualPaddingTop = getComputedStyle(node).paddingTop;
// Trim the unit "px" from the output.
actualPaddingTop = actualPaddingTop.slice(0, -2);
assert_equals(actualPaddingTop, expectedPaddingTop, prefix + "padding-top");
}
var expectedPaddingBottom = checkAttribute(output, node, "data-expected-padding-bottom");
if (expectedPaddingBottom) {
var actualPaddingBottom = getComputedStyle(node).paddingBottom;
// Trim the unit "px" from the output.
actualPaddingBottom = actualPaddingBottom.slice(0, -2);
assert_equals(actualPaddingBottom, expectedPaddingBottom, prefix + "padding-bottom");
}
var expectedPaddingLeft = checkAttribute(output, node, "data-expected-padding-left");
if (expectedPaddingLeft) {
var actualPaddingLeft = getComputedStyle(node).paddingLeft;
// Trim the unit "px" from the output.
actualPaddingLeft = actualPaddingLeft.slice(0, -2);
assert_equals(actualPaddingLeft, expectedPaddingLeft, prefix + "padding-left");
}
var expectedPaddingRight = checkAttribute(output, node, "data-expected-padding-right");
if (expectedPaddingRight) {
var actualPaddingRight = getComputedStyle(node).paddingRight;
// Trim the unit "px" from the output.
actualPaddingRight = actualPaddingRight.slice(0, -2);
assert_equals(actualPaddingRight, expectedPaddingRight, prefix + "padding-right");
}
var expectedMarginTop = checkAttribute(output, node, "data-expected-margin-top");
if (expectedMarginTop) {
var actualMarginTop = getComputedStyle(node).marginTop;
// Trim the unit "px" from the output.
actualMarginTop = actualMarginTop.slice(0, -2);
assert_equals(actualMarginTop, expectedMarginTop, prefix + "margin-top");
}
var expectedMarginBottom = checkAttribute(output, node, "data-expected-margin-bottom");
if (expectedMarginBottom) {
var actualMarginBottom = getComputedStyle(node).marginBottom;
// Trim the unit "px" from the output.
actualMarginBottom = actualMarginBottom.slice(0, -2);
assert_equals(actualMarginBottom, expectedMarginBottom, prefix + "margin-bottom");
}
var expectedMarginLeft = checkAttribute(output, node, "data-expected-margin-left");
if (expectedMarginLeft) {
var actualMarginLeft = getComputedStyle(node).marginLeft;
// Trim the unit "px" from the output.
actualMarginLeft = actualMarginLeft.slice(0, -2);
assert_equals(actualMarginLeft, expectedMarginLeft, prefix + "margin-left");
}
var expectedMarginRight = checkAttribute(output, node, "data-expected-margin-right");
if (expectedMarginRight) {
var actualMarginRight = getComputedStyle(node).marginRight;
// Trim the unit "px" from the output.
actualMarginRight = actualMarginRight.slice(0, -2);
assert_equals(actualMarginRight, expectedMarginRight, prefix + "margin-right");
}
return output.checked;
}
window.checkLayout = function(selectorList, outputContainer)
{
if (!selectorList) {
console.error("You must provide a CSS selector of nodes to check.");
return;
}
var nodes = document.querySelectorAll(selectorList);
var testNumber = 0;
nodes = Array.prototype.slice.call(nodes);
nodes.reverse();
var checkedLayout = false;
Array.prototype.forEach.call(nodes, function(node) {
test(function(t) {
var container = node.parentNode.className == 'container' ? node.parentNode : node;
var prefix = "\n" + container.outerHTML + "\n";
var passed = false;
try {
checkedLayout |= checkExpectedValues(t, node.parentNode, prefix);
checkedLayout |= checkSubtreeExpectedValues(t, node, prefix);
passed = true;
} finally {
checkedLayout |= !passed;
}
}, selectorList + ' ' + String(++testNumber));
});
if (!checkedLayout) {
console.error("No valid data-* attributes found in selector list : " + selectorList);
}
done();
};
})();

143
tests/wpt/css-tests/css-flexbox-1_dev/html/support/flexbox.css Normal file
View file

@ -0,0 +1,143 @@
.flexbox {
display: -webkit-flex;
display: flex;
}
.inline-flexbox {
display: -webkit-inline-flex;
display: inline-flex;
}
.flex-none {
-webkit-flex: none;
flex: none;
}
.flex-auto {
-webkit-flex: auto;
flex: auto;
}
.flex-one {
-webkit-flex: 1;
flex: 1;
}
.flex-one-one-auto {
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
}
.row {
-webkit-flex-direction: row;
flex-direction: row;
}
.row-reverse {
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.column {
-webkit-flex-direction: column;
flex-direction: column;
}
.column-reverse {
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.wrap {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.wrap-reverse {
-webkit-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.align-content-flex-start {
-webkit-align-content: flex-start;
align-content: flex-start;
}
.align-content-flex-end {
-webkit-align-content: flex-end;
align-content: flex-end;
}
.align-content-center {
-webkit-align-content: center;
align-content: center;
}
.align-content-space-between {
-webkit-align-content: space-between;
align-content: space-between;
}
.align-content-space-around {
-webkit-align-content: space-around;
align-content: space-around;
}
.align-content-stretch {
-webkit-align-content: stretch;
align-content: stretch;
}
.align-items-flex-start {
-webkit-align-items: flex-start;
align-items: flex-start;
}
.align-items-flex-end {
-webkit-align-items: flex-end;
align-items: flex-end;
}
.align-items-center {
-webkit-align-items: center;
align-items: center;
}
.align-items-baseline {
-webkit-align-items: baseline;
align-items: baseline;
}
.align-items-stretch {
-webkit-align-items: stretch;
align-items: stretch;
}
.align-self-auto {
-webkit-align-self: auto;
align-self: auto;
}
.align-self-flex-start {
-webkit-align-self: flex-start;
align-self: flex-start;
}
.align-self-flex-end {
-webkit-align-self: flex-end;
align-self: flex-end;
}
.align-self-center {
-webkit-align-self: center;
align-self: center;
}
.align-self-baseline {
-webkit-align-self: baseline;
align-self: baseline;
}
.align-self-stretch {
-webkit-align-self: stretch;
align-self: stretch;
}
.justify-content-flex-start {
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.justify-content-flex-end {
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.justify-content-center {
-webkit-justify-content: center;
justify-content: center;
}
.justify-content-space-between {
-webkit-justify-content: space-between;
justify-content: space-between;
}
.justify-content-space-around {
-webkit-justify-content: space-around;
justify-content: space-around;
}

BIN
tests/wpt/css-tests/css-flexbox-1_dev/html/support/pattern-gg-gr.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 203 B

BIN
tests/wpt/css-tests/css-flexbox-1_dev/html/support/ruler-h-50%.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 691 B

BIN
tests/wpt/css-tests/css-flexbox-1_dev/html/support/tcu-font.otf Normal file
View file

Binary file not shown.

0
tests/wpt/css-tests/css-flexbox-1_dev/html/support/text-orientation-mixed-001.png → tests/wpt/css-tests/css-flexbox-1_dev/html/support/text-orientation-mixed-vrl-002.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

Before After
Before After

BIN
tests/wpt/css-tests/css-flexbox-1_dev/html/support/text-orientation-upright-vrl-002.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.1 KiB

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

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