aboutsummaryrefslogtreecommitdiffstats
path: root/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-5.xht
diff options
context:
space:
mode:
Diffstat (limited to 'tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-5.xht')
-rw-r--r--tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-5.xht298
1 files changed, 289 insertions, 9 deletions
diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-5.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-5.xht
index ea92f3f636a..dfd3e5ed14c 100644
--- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-5.xht
+++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-5.xht
@@ -13,7 +13,7 @@
<body>
<h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1>
- <h2>Ordering and Orientation (149 tests)</h2>
+ <h2>Ordering and Orientation (150 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@@ -346,16 +346,168 @@
</tr>
</tbody>
<tbody id="s5.1.#valdef-flex-direction-column">
- <!-- 0 tests -->
+ <!-- 6 tests -->
+ <tr id="flexbox_computedstyle_flex-flow-column-5.1.#valdef-flex-direction-column" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-column.xht">flexbox_computedstyle_flex-flow-column</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: column
+ </td>
+ </tr>
+ <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.1.#valdef-flex-direction-column" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: column nowrap
+ </td>
+ </tr>
+ <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.1.#valdef-flex-direction-column" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: column wrap
+ </td>
+ </tr>
+ <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.1.#valdef-flex-direction-column" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: column wrap-reverse
+ </td>
+ </tr>
+ <tr id="flexbox_rtl-flow-5.1.#valdef-flex-direction-column" class="">
+ <td>
+ <a href="flexbox_rtl-flow.xht">flexbox_rtl-flow</a></td>
+ <td><a href="reference/flexbox_rtl-flow-ref.xht">=</a> </td>
+ <td></td>
+ <td>flexbox | flex-flow: column wrap | rtl
+ </td>
+ </tr>
+ <tr id="flexbox_rtl-flow-reverse-5.1.#valdef-flex-direction-column" class="">
+ <td>
+ <a href="flexbox_rtl-flow-reverse.xht">flexbox_rtl-flow-reverse</a></td>
+ <td><a href="reference/flexbox_rtl-flow-reverse-ref.xht">=</a> </td>
+ <td></td>
+ <td>flexbox | flex-flow: column wrap-reverse | rtl
+ </td>
+ </tr>
</tbody>
<tbody id="s5.1.#valdef-flex-direction-column-reverse">
- <!-- 0 tests -->
+ <!-- 5 tests -->
+ <tr id="flexbox_computedstyle_flex-flow-column-reverse-5.1.#valdef-flex-direction-column-reverse" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-column-reverse.xht">flexbox_computedstyle_flex-flow-column-reverse</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: column-reverse
+ </td>
+ </tr>
+ <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.1.#valdef-flex-direction-column-reverse" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: column-reverse nowrap
+ </td>
+ </tr>
+ <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.1.#valdef-flex-direction-column-reverse" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: column-reverse wrap
+ </td>
+ </tr>
+ <tr id="flexbox_rtl-direction-5.1.#valdef-flex-direction-column-reverse" class="">
+ <td>
+ <a href="flexbox_rtl-direction.xht">flexbox_rtl-direction</a></td>
+ <td><a href="reference/flexbox_rtl-direction-ref.xht">=</a> </td>
+ <td></td>
+ <td>flexbox | flex-direction: column-reverse | rtl
+ </td>
+ </tr>
+ <tr id="flexbox_rtl-order-5.1.#valdef-flex-direction-column-reverse" class="">
+ <td>
+ <a href="flexbox_rtl-order.xht">flexbox_rtl-order</a></td>
+ <td><a href="reference/flexbox_rtl-order-ref.xht">=</a> </td>
+ <td></td>
+ <td>flexbox | flex-flow: column-reverse wrap-reverse; order | rtl
+ </td>
+ </tr>
</tbody>
<tbody id="s5.1.#valdef-flex-direction-row">
- <!-- 0 tests -->
+ <!-- 4 tests -->
+ <tr id="flexbox_computedstyle_flex-flow-row-5.1.#valdef-flex-direction-row" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-row.xht">flexbox_computedstyle_flex-flow-row</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: row
+ </td>
+ </tr>
+ <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.1.#valdef-flex-direction-row" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: row nowrap
+ </td>
+ </tr>
+ <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.1.#valdef-flex-direction-row" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: row wrap
+ </td>
+ </tr>
+ <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.1.#valdef-flex-direction-row" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: row wrap-reverse
+ </td>
+ </tr>
</tbody>
<tbody id="s5.1.#valdef-flex-direction-row-reverse">
- <!-- 0 tests -->
+ <!-- 4 tests -->
+ <tr id="flexbox_computedstyle_flex-flow-row-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-row-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: row-reverse
+ </td>
+ </tr>
+ <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.1.#valdef-flex-direction-row-reverse" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: row-reverse nowrap
+ </td>
+ </tr>
+ <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.1.#valdef-flex-direction-row-reverse" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: row-reverse wrap
+ </td>
+ </tr>
+ <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: row-reverse wrap-reverse
+ </td>
+ </tr>
</tbody>
<tbody id="s5.2">
<tr><th colspan="4" scope="rowgroup">
@@ -809,13 +961,141 @@
</tr>
</tbody>
<tbody id="s5.2.#valdef-flex-wrap-nowrap">
- <!-- 0 tests -->
+ <!-- 5 tests -->
+ <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: column nowrap
+ </td>
+ </tr>
+ <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: column-reverse nowrap
+ </td>
+ </tr>
+ <tr id="flexbox_computedstyle_flex-flow-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-nowrap.xht">flexbox_computedstyle_flex-flow-nowrap</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: nowrap
+ </td>
+ </tr>
+ <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: row nowrap
+ </td>
+ </tr>
+ <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: row-reverse nowrap
+ </td>
+ </tr>
</tbody>
<tbody id="s5.2.#valdef-flex-wrap-wrap">
- <!-- 0 tests -->
+ <!-- 6 tests -->
+ <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: column-reverse wrap
+ </td>
+ </tr>
+ <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.2.#valdef-flex-wrap-wrap" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: column wrap
+ </td>
+ </tr>
+ <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: row-reverse wrap
+ </td>
+ </tr>
+ <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.2.#valdef-flex-wrap-wrap" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: row wrap
+ </td>
+ </tr>
+ <tr id="flexbox_computedstyle_flex-flow-wrap-5.2.#valdef-flex-wrap-wrap" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-wrap.xht">flexbox_computedstyle_flex-flow-wrap</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: wrap
+ </td>
+ </tr>
+ <tr id="flexbox_rtl-flow-5.2.#valdef-flex-wrap-wrap" class="">
+ <td>
+ <a href="flexbox_rtl-flow.xht">flexbox_rtl-flow</a></td>
+ <td><a href="reference/flexbox_rtl-flow-ref.xht">=</a> </td>
+ <td></td>
+ <td>flexbox | flex-flow: column wrap | rtl
+ </td>
+ </tr>
</tbody>
<tbody id="s5.2.#valdef-flex-wrap-wrap-reverse">
- <!-- 0 tests -->
+ <!-- 5 tests -->
+ <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: column wrap-reverse
+ </td>
+ </tr>
+ <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: row-reverse wrap-reverse
+ </td>
+ </tr>
+ <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom">
+ <td>
+ <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td>
+ <td></td>
+ <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
+ <td>flexbox | computed style | flex-flow: row wrap-reverse
+ </td>
+ </tr>
+ <tr id="flexbox_rtl-flow-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="">
+ <td>
+ <a href="flexbox_rtl-flow-reverse.xht">flexbox_rtl-flow-reverse</a></td>
+ <td><a href="reference/flexbox_rtl-flow-reverse-ref.xht">=</a> </td>
+ <td></td>
+ <td>flexbox | flex-flow: column wrap-reverse | rtl
+ </td>
+ </tr>
+ <tr id="flexbox_rtl-order-5.2.#valdef-flex-wrap-wrap-reverse" class="">
+ <td>
+ <a href="flexbox_rtl-order.xht">flexbox_rtl-order</a></td>
+ <td><a href="reference/flexbox_rtl-order-ref.xht">=</a> </td>
+ <td></td>
+ <td>flexbox | flex-flow: column-reverse wrap-reverse; order | rtl
+ </td>
+ </tr>
</tbody>
<tbody id="s5.3">
<tr><th colspan="4" scope="rowgroup">
@@ -860,7 +1140,7 @@
<a href="css-box-justify-content.xht">css-box-justify-content</a></td>
<td><a href="reference/css-box-justify-content-ref.xht">=</a> </td>
<td></td>
- <td>flexbox |css-box-justufy-content
+ <td>flexbox |css-box-justify-content
</td>
</tr>
<tr id="css-flexbox-column-5.3.#propdef-flex-flow" class="primary">