diff options
| author | Ms2ger <Ms2ger@gmail.com> | 2015-10-06 12:33:05 +0200 |
|---|---|---|
| committer | Ms2ger <Ms2ger@gmail.com> | 2015-10-06 17:04:25 +0200 |
| commit | 145aea3eeb48dcd48b5fe475d011b704dc46030c (patch) | |
| tree | f333a4cda84b9a4d285d5c2e3a7eb77889e2aad1 /tests/wpt/css-tests/css-flexbox-1_dev | |
| parent | ad94ef5a96e954f1a660cdd3a2ff03e0787f690b (diff) | |
| download | servo-145aea3eeb48dcd48b5fe475d011b704dc46030c.tar.gz servo-145aea3eeb48dcd48b5fe475d011b704dc46030c.zip | |
Update CSS tests to revision 7a87ef71fc579e52d3438e009107aa442bc4021b
Diffstat (limited to 'tests/wpt/css-tests/css-flexbox-1_dev')
200 files changed, 1665 insertions, 1140 deletions
diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/align-items-004.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/align-items-004.htm index 8b76acb5159..2b3bc2e65e6 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/align-items-004.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/align-items-004.htm @@ -10,7 +10,7 @@ <style type="text/css"> #flexbox { - background: linear-gradient(to bottom, green 0, green 16px, red 16px, red 35px, green 35px, green 66px, red 66px, red 85px, green 85px, green 100px); + background: linear-gradient(to bottom, green 0, green 16px, red 17px, red 35px, green 36px, green 66px, red 67px, red 85px, green 86px, green 100px); align-items: flex-start; align-items: baseline; display: flex; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-2.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-2.htm index a1d552fc6e2..56ebb1dfc7c 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-2.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-2.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Layout Box Model and Terminology (30 tests)</h2> + <h2>Flex Layout Box Model and Terminology (29 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -55,7 +55,7 @@ <!-- 0 tests --> </tbody> <tbody id="s2.#flex-container"> - <!-- 4 tests --> + <!-- 3 tests --> <tr id="flexbox_generated-2.#flex-container" class="primary"> <td><strong> <a href="flexbox_generated.htm">flexbox_generated</a></strong></td> @@ -64,14 +64,6 @@ <td>flexbox | flexcontainer vs generated content </td> </tr> - <tr id="flexbox_generated-container-2.#flex-container" class="primary"> - <td><strong> - <a href="flexbox_generated-container.htm">flexbox_generated-container</a></strong></td> - <td><a href="reference/flexbox_generated-container-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> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-3.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-3.htm index 296c2ae783c..34092094c50 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-3.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-3.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Containers: the flex and inline-flex display values (35 tests)</h2> + <h2>Flex Containers: the flex and inline-flex display values (36 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -350,7 +350,18 @@ <!-- 0 tests --> </tbody> <tbody id="s3.#valdef-display-inline-flex"> - <!-- 0 tests --> + <!-- 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> + <td><a href="reference/ttwf-reftest-flex-inline-ref.htm">=</a> </td> + <td></td> + <td>display proprety - inline-flex + <ul class="assert"> + <li>Statement describing what the test case is asserting</li> + </ul> + </td> + </tr> </tbody> </table> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-4.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-4.htm index 146e96df087..803c60c4181 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-4.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-4.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Items (74 tests)</h2> + <h2>Flex Items (72 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -451,7 +451,7 @@ <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> - <!-- 32 tests --> + <!-- 30 tests --> <tr id="flex-minimun-height-flex-items-001-4.5" class="primary"> <td><strong> <a href="flex-minimun-height-flex-items-001.htm">flex-minimun-height-flex-items-001</a></strong></td> @@ -740,22 +740,6 @@ <td>flexbox | computed style | min-width: auto </td> </tr> - <tr id="flexbox_min-height-auto-4.5" class="primary"> - <td><strong> - <a href="flexbox_min-height-auto.htm">flexbox_min-height-auto</a></strong></td> - <td><a href="reference/flexbox_min-height-auto-ref.htm">=</a> </td> - <td></td> - <td>flexbox | min-height: auto - </td> - </tr> - <tr id="flexbox_min-width-auto-4.5" class="primary"> - <td><strong> - <a href="flexbox_min-width-auto.htm">flexbox_min-width-auto</a></strong></td> - <td><a href="reference/flexbox_min-width-auto-ref.htm">=</a> </td> - <td></td> - <td>flexbox | min-width: auto - </td> - </tr> </tbody> <tbody id="s4.5.#min-size-opt"> <!-- 0 tests --> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-5.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-5.htm index 16f013f8fd7..76c6b271916 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-5.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-5.htm @@ -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 id="refs-column"> @@ -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.htm">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.htm">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.htm">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.htm">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.htm">flexbox_rtl-flow</a></td> + <td><a href="reference/flexbox_rtl-flow-ref.htm">=</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.htm">flexbox_rtl-flow-reverse</a></td> + <td><a href="reference/flexbox_rtl-flow-reverse-ref.htm">=</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.htm">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.htm">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.htm">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.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 + </td> + </tr> + <tr id="flexbox_rtl-order-5.1.#valdef-flex-direction-column-reverse" class=""> + <td> + <a href="flexbox_rtl-order.htm">flexbox_rtl-order</a></td> + <td><a href="reference/flexbox_rtl-order-ref.htm">=</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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">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.htm">flexbox_rtl-flow</a></td> + <td><a href="reference/flexbox_rtl-flow-ref.htm">=</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.htm">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.htm">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.htm">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.htm">flexbox_rtl-flow-reverse</a></td> + <td><a href="reference/flexbox_rtl-flow-reverse-ref.htm">=</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.htm">flexbox_rtl-order</a></td> + <td><a href="reference/flexbox_rtl-order-ref.htm">=</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.htm">css-box-justify-content</a></td> <td><a href="reference/css-box-justify-content-ref.htm">=</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"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-7.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-7.htm index 887f80c478b..4272e691f60 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-7.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-7.htm @@ -1035,7 +1035,7 @@ <td></td> <td>Image Expansion <ul class="assert"> - <li>3 square images fill out border.</li> + <li>3 rectangular images fill out border.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-8.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-8.htm index f3033d6ddc5..e2e3042edd7 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-8.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-8.htm @@ -219,7 +219,7 @@ <a href="css-box-justify-content.htm">css-box-justify-content</a></strong></td> <td><a href="reference/css-box-justify-content-ref.htm">=</a> </td> <td></td> - <td>flexbox |css-box-justufy-content + <td>flexbox |css-box-justify-content </td> </tr> <tr id="flexbox_computedstyle_justify-content-center-8.2.#propdef-justify-content" class="primary dom"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-box-justify-content.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-box-justify-content.htm index c024536a516..cddf94e6b2f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-box-justify-content.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-box-justify-content.htm @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html><head><title>flexbox |css-box-justufy-content</title> +<html><head><title>flexbox |css-box-justify-content</title> <link href="ava656094@gmail.com" rel="author" title="xiaoxia"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> @@ -14,7 +14,6 @@ justify-content: flex-end; } .item{ - margin-left:2px; width:50px; height: 30px; } @@ -23,8 +22,13 @@ </head><body><p>This test passes if the DIV5's position in the end and the div is Horizontal layout</p> <div id="flexbox"> <div style="background-color: rgb(242, 210, 80); color: rgb(41, 119, 248);" class="item">DIV1</div> + <div style="background-color: rgb(110, 8, 7); color: rgb(162, 152, 22);" class="item">DIV2</div> + <div style="background-color: rgb(215, 172, 243); color: rgb(74, 123, 110);" class="item">DIV3</div> + <div style="background-color: rgb(242, 133, 80); color: rgb(41, 119, 248);" class="item">DIV4</div> + <div style="background-color: rgb(242, 50, 80); color: rgb(41, 119, 248);" class="item">DIV5</div> -</div></body></html>
\ No newline at end of file +</div> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-column-reverse-wrap-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-column-reverse-wrap-reverse.htm index c9ff7298149..9a2f834ced2 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-column-reverse-wrap-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-column-reverse-wrap-reverse.htm @@ -15,7 +15,7 @@ width: 9em; min-height: 4em; color: white; - align-content: flex-start; + align-content: flex-end; background: green; } .item { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-column-wrap-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-column-wrap-reverse.htm index 63f4ae77739..45069188142 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-column-wrap-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-column-wrap-reverse.htm @@ -15,7 +15,7 @@ width: 9em; min-height: 4em; color: white; - align-content: flex-start; + align-content: flex-end; background: green; } .item { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-img-expand-evenly.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-img-expand-evenly.htm index b57f4171a6b..d87e6ce7a69 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-img-expand-evenly.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-img-expand-evenly.htm @@ -8,7 +8,7 @@ <!-- The match link is only required if this is a reftest --> <link href="reference/css-flexbox-img-expand-evenly-ref.htm" rel="match"> <meta content="" name="flags"> - <meta content="3 square images fill out border." name="assert"> + <meta content="3 rectangular images fill out border." name="assert"> <style type="text/css"> /* ADD STYLE BLOCK HERE (PREFERRABLE TO INLINE STYLES) */ @@ -28,7 +28,7 @@ </style> </head> <body> - <p>3 square images fill out border.</p> + <p>3 rectangular images fill out border.</p> <!-- PAGE CONTENT --> <div class="flexbox"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse-wrap-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse-wrap-reverse.htm index 8db5d9c2ba9..9111b021587 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse-wrap-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse-wrap-reverse.htm @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse-wrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse-wrap.htm index f25de660a10..25303017ba6 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse-wrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse-wrap.htm @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse.htm index 408e510a84b..40617e9ed98 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse.htm @@ -23,6 +23,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-wrap-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-wrap-reverse.htm index 63ceb210cf5..8c960758469 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-wrap-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-wrap-reverse.htm @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-wrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-wrap.htm index e13719ffcd5..6786ce636c5 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-wrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-wrap.htm @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row.htm index 7b0e69e40fd..7313f9d7bd9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row.htm @@ -23,6 +23,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-nowrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-nowrap.htm index 933c2dfd389..a0deda56e31 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-nowrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-nowrap.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | computed style | flex-flow: column nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm index d055980694c..b749f07bb53 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | computed style | flex-flow: column-reverse nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-wrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-wrap.htm index ea535497b6b..243dfee9fb1 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-wrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-wrap.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | computed style | flex-flow: column-reverse wrap</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse.htm index fb39569b39d..dff5b23fe10 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse.htm @@ -2,7 +2,7 @@ <html><head><title>flexbox | computed style | flex-flow: column-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap-reverse.htm index adbc01b8edf..7d6635917d8 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap-reverse.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | computed style | flex-flow: column wrap-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap.htm index 3e74011ae34..d5f8a8b6269 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | computed style | flex-flow: column wrap</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column.htm index 7e79ef0e7ea..f2713502215 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column.htm @@ -2,7 +2,7 @@ <html><head><title>flexbox | computed style | flex-flow: column</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-nowrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-nowrap.htm index baa35cd6697..1cd5cb9805e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-nowrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-nowrap.htm @@ -2,7 +2,7 @@ <html><head><title>flexbox | computed style | flex-flow: nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-nowrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-nowrap.htm index e8f74c75644..eac0dfafb5e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-nowrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-nowrap.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | computed style | flex-flow: row nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm index d8ed1c57639..6a4ce600e11 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | computed style | flex-flow: row-reverse nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm index b75ae84b5c4..5182ddbd566 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | computed style | flex-flow: row-reverse wrap-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap.htm index 9fb068f54ff..e22e4689926 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | computed style | flex-flow: row-reverse wrap</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse.htm index a6160900c00..8d118bf5815 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse.htm @@ -2,7 +2,7 @@ <html><head><title>flexbox | computed style | flex-flow: row-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap-reverse.htm index ef587ce4287..45eaec13bfd 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap-reverse.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | computed style | flex-flow: row wrap-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap.htm index ea0c914b9cf..4458c3620a4 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | computed style | flex-flow: row wrap</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row.htm index e3f3197cbee..303fd045853 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row.htm @@ -2,7 +2,7 @@ <html><head><title>flexbox | computed style | flex-flow: row</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-wrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-wrap.htm index 92ddc5f6934..35d1bc5a7d0 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-wrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-wrap.htm @@ -2,7 +2,7 @@ <html><head><title>flexbox | computed style | flex-flow: wrap</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_flex-natural-mixed-basis-auto.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_flex-natural-mixed-basis-auto.htm index 18c94d9bf8e..51b971d9eee 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_flex-natural-mixed-basis-auto.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_flex-natural-mixed-basis-auto.htm @@ -9,7 +9,7 @@ div { font-family: ahem; background: blue; height: 8em; - width: 35ex; + width: 35em; display: flex; } diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_generated-container.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_generated-container.htm deleted file mode 100644 index ef81f2ce5fd..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_generated-container.htm +++ /dev/null @@ -1,29 +0,0 @@ -<!DOCTYPE html> -<html><head><title>flexbox | flexcontainer vs generated content</title> -<link href="http://opera.com" rel="author" title="Opera Software"> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-container" rel="help"> -<link href="reference/flexbox_generated-container-ref.htm" rel="match"> -<style> -div { - background: red; -} -div div { - content: "xxx"; - background: blue; - - display: flex; -} -p { - background: yellow; - margin: 1em; - width: 2000px; - height: 2000px; -} -</style> - -</head><body><div id="test"> - <div> - <p>FAIL</p> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_min-height-auto.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_min-height-auto.htm deleted file mode 100644 index 197e08e4896..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_min-height-auto.htm +++ /dev/null @@ -1,32 +0,0 @@ -<!DOCTYPE html> -<html><head><title>flexbox | min-height: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software"> -<link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help"> -<link href="reference/flexbox_min-height-auto-ref.htm" rel="match"> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; - display: flex; - flex-wrap: wrap; - flex-direction: column; -} -p { - background: yellow; - margin: 1em; - height: 0; - min-height: auto; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_min-width-auto.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_min-width-auto.htm deleted file mode 100644 index 832fa230dc8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_min-width-auto.htm +++ /dev/null @@ -1,31 +0,0 @@ -<!DOCTYPE html> -<html><head><title>flexbox | min-width: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software"> -<link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help"> -<link href="reference/flexbox_min-width-auto-ref.htm" rel="match"> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; - display: flex; - flex-wrap: wrap; -} -p { - background: yellow; - margin: 1em; - width: 0; - min-width: auto; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_order-noninteger-invalid.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_order-noninteger-invalid.htm index 73f6f6ad0ec..38bd35033a8 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_order-noninteger-invalid.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_order-noninteger-invalid.htm @@ -16,7 +16,7 @@ span { flex: 1 0 0%; } span+span { - background: yellow; + background: white; order: 0; } /* irrelevant */ diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-direction.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-direction.htm index a704941954d..ee2fbd84f60 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-direction.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-direction.htm @@ -2,7 +2,7 @@ <html><head><title>flexbox | flex-direction: column-reverse | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help"> <link href="reference/flexbox_rtl-direction-ref.htm" rel="match"> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-flow-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-flow-reverse.htm index cb5b8f1868b..2bf095e989e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-flow-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-flow-reverse.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | flex-flow: column wrap-reverse | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help"> <link href="reference/flexbox_rtl-flow-reverse-ref.htm" rel="match"> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-flow.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-flow.htm index 025a5a426d9..56105a48c06 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-flow.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-flow.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | flex-flow: column wrap | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help"> <link href="reference/flexbox_rtl-flow-ref.htm" rel="match"> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-order.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-order.htm index 34114f38c1c..74c2cf53736 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-order.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-order.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | flex-flow: column-reverse wrap-reverse; order | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help"> <link href="reference/flexbox_rtl-order-ref.htm" rel="match"> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/order-with-column-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/order-with-column-reverse.htm index a298c761178..c0e0812030e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/order-with-column-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/order-with-column-reverse.htm @@ -23,6 +23,9 @@ #third { order: 1; } + p { + margin: 0; + } </style> </head> <body> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-box-justify-content-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-box-justify-content-ref.htm index 9cd6b4fae02..3eef6f260da 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-box-justify-content-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-box-justify-content-ref.htm @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html><head><title>flexbox |css-box-justufy-content</title> +<html><head><title>flexbox |css-box-justify-content</title> <link href="ava656094@gmail.com" rel="author" title="xiaoxia"> <style> #flexbox { @@ -11,7 +11,7 @@ } .item{ display: inline-block; - align:right; + text-align:left; width:50px; height: 30px; } @@ -24,4 +24,5 @@ <div style="background-color: rgb(215, 172, 243); color: rgb(74, 123, 110);" class="item">DIV3</div> <div style="background-color: rgb(242, 133, 80); color: rgb(41, 119, 248);" class="item">DIV4</div> <div style="background-color: rgb(242, 50, 80); color: rgb(41, 119, 248);" class="item">DIV5</div> -</div></body></html>
\ No newline at end of file +</div> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-flexbox-img-expand-evenly-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-flexbox-img-expand-evenly-ref.htm index e92180f468a..e82fc3cd66e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-flexbox-img-expand-evenly-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-flexbox-img-expand-evenly-ref.htm @@ -20,13 +20,14 @@ </style> </head> <body> - <p>3 square images fill out border.</p> + <p>3 rectangular images fill out border.</p> <!-- PAGE CONTENT --> <div class="flexbox"> - <img src="support/solidblue.png"> - <img src="support/solidblue.png"> - <img src="support/solidblue.png"> + <!-- It is important that there is no linebreak between the <img> tags. + The line break would be rendered as whitespace, breaking the test. + --> + <img src="../support/solidblue.png"><img src="../support/solidblue.png"><img src="../support/solidblue.png"> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-flexbox-row-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-flexbox-row-ref.htm index db86d12b4eb..fe98e24fdef 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-flexbox-row-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-flexbox-row-ref.htm @@ -12,6 +12,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; } </style> </head> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-align-items-center-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-align-items-center-ref.htm index b0d876a703b..78ebcca265a 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-align-items-center-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-align-items-center-ref.htm @@ -17,8 +17,8 @@ left: 10px; } #a { - top: 150px; - left: 230px; + top: 148px; + left: 239px; border: 2px dotted blue; background: green; border-radius: 3px; @@ -29,8 +29,8 @@ flex: none; } #b { - top: 150px; - left: 283px; + top: 148px; + left: 293px; border: 2px dotted blue; background: green; border-radius: 3px; @@ -41,8 +41,8 @@ flex: none; } #c { - top: 150px; - left: 336px; + top: 148px; + left: 347px; border: 2px dotted blue; background: green; border-radius: 3px; @@ -63,4 +63,5 @@ <div style="position:absolute" id="b"></div> <div style="position:absolute" id="c"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-flexitem-percentage-prescation-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-flexitem-percentage-prescation-ref.htm index f3d1b8b75d9..6d1b879b2b3 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-flexitem-percentage-prescation-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-flexitem-percentage-prescation-ref.htm @@ -22,8 +22,8 @@ <body> <div id="test"> <div id="test"> - <p style="background:green;top:0px;height:300px;left:0px;height:300px;width:50px;">damer</p> - <p style="top:0px;left:50px;height:300px;background:Red;width:51px;">damer</p> + <p style="background:green;top:0px;height:300px;left:0px;height:300px;width:50.5px;">damer</p> + <p style="top:0px;left:50.5px;height:300px;background:Red;width:50.5px;">damer</p> </div> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-items-flexibility.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-items-flexibility.htm index 0b0aa74c1ac..2dded90ddd9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-items-flexibility.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-items-flexibility.htm @@ -4,9 +4,6 @@ <link href="mailto:zhangcs_423@163.com" rel="author" title="Chunsheng Zhang"> <style type="text/css"> #container { - display: flex; - justify-content: center; - align-items: center; border: 5px solid green; width: 600px; height: 200px; @@ -16,22 +13,16 @@ top: 70px; left: 10px; } - div { - padding: 10px; - width: 30px; - height: 40px; - text-align: center; - flex: 1 0 auto; - } #flex { border: 2px dotted blue; background: green; border-radius: 3px; - flex: 2 0 auto; position: absolute; - top: 70px; - left: 160px; - width: 254px; + top: 73px; + left: 166.5px; + width: 253px; + height: 40px; + padding: 10px; } </style> </head> @@ -39,9 +30,8 @@ <p>This case tests that flex items flexibility</p> <p>The test passes if there is no red</p> <section id="container"> - <div></div> <div id="flex"></div> - <div></div> </section> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_direction-row-reverse-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_direction-row-reverse-ref.htm index 0955501f602..254f29fbf72 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_direction-row-reverse-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_direction-row-reverse-ref.htm @@ -14,14 +14,13 @@ ul { } li { color: white; - margin: 0 3px 0 0; + margin: 0; + width: 3.3333em; display: inline-block; } </style> </head><body><ul> - <li>EFGH</li> - <li>ABCD</li> - <li>IJKL</li> + <li>EFGH</li><li>ABCD</li><li>IJKL</li> </ul> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_generated-container-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_generated-container-ref.htm deleted file mode 100644 index 8da8b47ade0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_generated-container-ref.htm +++ /dev/null @@ -1,12 +0,0 @@ -<!DOCTYPE html> -<html><head><title>flexbox | flexcontainer vs generated content</title> -<link href="http://opera.com" rel="author" title="Opera Software"> -<style> -div { - content: "xxx"; - background: blue; -} -</style> - -</head><body><div></div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_min-height-auto-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_min-height-auto-ref.htm deleted file mode 100644 index dedac10a36f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_min-height-auto-ref.htm +++ /dev/null @@ -1,30 +0,0 @@ -<!DOCTYPE html> -<html><head><title>flexbox | min-height: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software"> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; -} -p { - background: yellow; - margin: 1em 1em 2em; - height: auto; - min-height: auto; -} -p:last-child { - margin-bottom: 1em; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_min-width-auto-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_min-width-auto-ref.htm deleted file mode 100644 index a18b3b851fc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_min-width-auto-ref.htm +++ /dev/null @@ -1,33 +0,0 @@ -<!DOCTYPE html> -<html><head><title>flexbox | min-width: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software"> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; -} -div::after { - content: ""; - clear: both; - display: block; -} -p { - background: yellow; - margin: 1em; - min-width: auto; - width: auto; - float: left; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/multi-line-wrap-reverse-column-reverse-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/multi-line-wrap-reverse-column-reverse-ref.htm index 98a051c3d1b..35316f514a3 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/multi-line-wrap-reverse-column-reverse-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/multi-line-wrap-reverse-column-reverse-ref.htm @@ -9,7 +9,7 @@ .test { width: 300px; float: left; - width: 33.3%; + width: 33.3333%; } p { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/multi-line-wrap-with-column-reverse-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/multi-line-wrap-with-column-reverse-ref.htm index 9d6fe9bb02a..19226d0d9da 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/multi-line-wrap-with-column-reverse-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/multi-line-wrap-with-column-reverse-ref.htm @@ -9,7 +9,7 @@ .test { width: 300px; float: left; - width: 33.3%; + width: 33.3333%; } p { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/order-with-column-reverse-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/order-with-column-reverse-ref.htm index 883e8805a5c..d176fdd7ed5 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/order-with-column-reverse-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/order-with-column-reverse-ref.htm @@ -4,6 +4,9 @@ <link href="mailto:tmtysk@gmail.com" rel="author" title="tmtysk"> <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins"> <style> + p { + margin: 0; + } </style> </head> <body> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-align-content-space-around-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-align-content-space-around-ref.htm new file mode 100644 index 00000000000..c095f43217d --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-align-content-space-around-ref.htm @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Flexible Box Test: align-content property - space-between</title> + <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent"> + <style type="text/css"> + .container { + position: relative; + height: 14em; + width: 20em; + background: red; + margin: 1em; + border: 1px solid black; + } + + span { + height: 2em; + display: inline-block; + background: green; + color: white; + margin: 2.5em 1em; + width: 8em; + float: left; + } + </style> +</head> +<body> + <p>The test passed if you see a 2*2 table and all the cells are at the bottom of container.</p> + <div class="container"> + <span>first</span> + <span>second</span> + <span>third</span> + <span>forth</span> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-direction-row-reverse-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-direction-row-reverse-ref.htm index d5c70cccceb..554de442d40 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-direction-row-reverse-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-direction-row-reverse-ref.htm @@ -5,10 +5,10 @@ <style type="text/css"> .container { position: relative; - display: flex; background: red; margin: 1em 0; border: 1px solid black; + text-align: right; } span { display: inline-block; @@ -16,16 +16,14 @@ color: white; margin: 1em; width: 8em; + text-align: left; } </style> </head> <body> - <p>The test passed if you see all the cells are arraged horizontally and the order of cells are reversed.</p> + <p>The test passed if you see all the cells are arranged horizontally and the order of cells are reversed.</p> <div class="container"> - <span>forth</span> - <span>third</span> - <span>second</span> - <span>first</span> + <span>forth</span><span>third</span><span>second</span><span>first</span> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-inline-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-inline-ref.htm new file mode 100644 index 00000000000..c2f8d4342e2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-inline-ref.htm @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Flexible Box Test: display proprety - inline-flex</title> + <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent"> + <style type="text/css"> + /* Positioned container allows for the self-describing statement to still + be visible in the case of failure */ + .container { + position: relative; + } + .greenSquare { + display: inline-block; + margin-top: -200px; + background: green; + } + </style> +</head> +<body> + <p>The test passed if you see a green block which its text is 'Success!'.</p> + <div class="container"> + <!-- This is the square that should not be visible if the test passes --> + <div class="greenSquare">Success!</div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-order-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-order-ref.htm index 16bcbbe5dfe..d7f40c5a900 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-order-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-order-ref.htm @@ -23,10 +23,7 @@ <body> <p>The test passed if all the cells are reversed.</p> <div class="container"> - <span class="first">forth</span> - <span class="second">third</span> - <span class="third">second</span> - <span class="forth">first</span> + <span class="first">forth</span><span class="second">third</span><span class="third">second</span><span class="forth">first</span> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest-toc.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest-toc.htm index 480fbee43c8..510747e617d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest-toc.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest-toc.htm @@ -338,7 +338,7 @@ </tbody> <tbody id="css-box-justify-content" class=""> <tr> - <td rowspan="1" title="flexbox |css-box-justufy-content"> + <td rowspan="1" title="flexbox |css-box-justify-content"> <a href="css-box-justify-content.htm">css-box-justify-content</a></td> <td><a href="reference/css-box-justify-content-ref.htm">=</a> </td> <td rowspan="1"></td> @@ -3376,14 +3376,6 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="flexbox_generated-container" class=""> - <tr> - <td rowspan="1" title="flexbox | flexcontainer vs generated content"> - <a href="flexbox_generated-container.htm">flexbox_generated-container</a></td> - <td><a href="reference/flexbox_generated-container-ref.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> <tbody id="flexbox_generated-flex" class=""> <tr> <td rowspan="1" title="flexbox | flexcontainer via generated content"> @@ -3592,22 +3584,6 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="flexbox_min-height-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | min-height: auto"> - <a href="flexbox_min-height-auto.htm">flexbox_min-height-auto</a></td> - <td><a href="reference/flexbox_min-height-auto-ref.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_min-width-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | min-width: auto"> - <a href="flexbox_min-width-auto.htm">flexbox_min-width-auto</a></td> - <td><a href="reference/flexbox_min-width-auto-ref.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> <tbody id="flexbox_nested-flex" class=""> <tr> <td rowspan="1" title="flexbox | nested flexcontainer"> @@ -4232,6 +4208,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="ttwf-reftest-flex-inline" class=""> + <tr> + <td rowspan="1" title="display proprety - inline-flex"> + <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 rowspan="1"></td> + </tr> + </tbody> <tbody id="ttwf-reftest-flex-order" class=""> <tr> <td rowspan="1" title="order proprety - value"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest.list b/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest.list index 3679d6538f4..86392047902 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest.list +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest.list @@ -418,7 +418,6 @@ flexbox_flow-column-wrap-reverse.htm == reference/flexbox_flow-column-wrap-rever flexbox_flow-row-wrap.htm == reference/flexbox_flow-row-wrap-ref.htm flexbox_flow-row-wrap-reverse.htm == reference/flexbox_flow-row-wrap-reverse-ref.htm flexbox_generated.htm == reference/flexbox_generated-ref.htm -flexbox_generated-container.htm == reference/flexbox_generated-container-ref.htm flexbox_generated-flex.htm == reference/flexbox_generated-flex-ref.htm flexbox_generated-nested-flex.htm == reference/flexbox_generated-flex-ref.htm flexbox_inline.htm == reference/flexbox_inline-ref.htm @@ -445,8 +444,6 @@ flexbox_margin-auto-overflow.htm == reference/flexbox_margin-auto-overflow-ref.h flexbox_margin-auto-overflow-2.htm == reference/flexbox_margin-auto-overflow-2-ref.htm flexbox_margin-collapse.htm == reference/flexbox_margin-collapse-ref.htm flexbox_margin-left-ex.htm == reference/flexbox_margin-left-ex-ref.htm -flexbox_min-height-auto.htm == reference/flexbox_min-height-auto-ref.htm -flexbox_min-width-auto.htm == reference/flexbox_min-width-auto-ref.htm flexbox_nested-flex.htm == reference/flexbox_generated-flex-ref.htm flexbox_object.htm == reference/flexbox_object-ref.htm flexbox_order.htm == reference/flexbox_order-ref.htm @@ -525,6 +522,7 @@ ttwf-reftest-flex-base.htm == reference/ttwf-reftest-flex-base-ref.htm ttwf-reftest-flex-direction-column.htm == reference/ttwf-reftest-flex-direction-column-ref.htm ttwf-reftest-flex-direction-column-reverse.htm == reference/ttwf-reftest-flex-direction-column-reverse-ref.htm ttwf-reftest-flex-direction-row-reverse.htm == reference/ttwf-reftest-flex-direction-row-reverse-ref.htm +ttwf-reftest-flex-inline.htm == reference/ttwf-reftest-flex-inline-ref.htm ttwf-reftest-flex-order.htm == reference/ttwf-reftest-flex-order-ref.htm ttwf-reftest-flex-wrap.htm == reference/ttwf-reftest-flex-wrap-ref.htm ttwf-reftest-flex-wrap-reverse.htm == reference/ttwf-reftest-flex-wrap-reverse-ref.htm diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/toc.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/toc.htm index 88bb30817d2..0debe956bfd 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/toc.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/toc.htm @@ -27,22 +27,22 @@ <tbody id="s2"> <tr><th><a href="chapter-2.htm">Chapter 2 - Flex Layout Box Model and Terminology</a></th> - <td>(30 Tests)</td></tr> + <td>(29 Tests)</td></tr> </tbody> <tbody id="s3"> <tr><th><a href="chapter-3.htm">Chapter 3 - Flex Containers: the flex and inline-flex display values</a></th> - <td>(35 Tests)</td></tr> + <td>(36 Tests)</td></tr> </tbody> <tbody id="s4"> <tr><th><a href="chapter-4.htm">Chapter 4 - Flex Items</a></th> - <td>(74 Tests)</td></tr> + <td>(72 Tests)</td></tr> </tbody> <tbody id="s5"> <tr><th><a href="chapter-5.htm">Chapter 5 - Ordering and Orientation</a></th> - <td>(149 Tests)</td></tr> + <td>(150 Tests)</td></tr> </tbody> <tbody id="s6"> <tr><th><a href="chapter-6.htm">Chapter 6 - diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-direction-row-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-direction-row-reverse.htm index 01108108a3d..e1d626b24fd 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-direction-row-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-direction-row-reverse.htm @@ -24,7 +24,7 @@ </style> </head> <body> - <p>The test passed if you see all the cells are arraged horizontally and the order of cells are reversed.</p> + <p>The test passed if you see all the cells are arranged horizontally and the order of cells are reversed.</p> <div class="container"> <span>first</span> <span>second</span> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-inline.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-inline.htm new file mode 100644 index 00000000000..31dfc94b504 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-inline.htm @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Flexible Box Test: display proprety - inline-flex</title> + <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent"> + <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-display-inline-flex" rel="help"> + <link href="reference/ttwf-reftest-flex-inline-ref.htm" rel="match"> + <meta content="Statement describing what the test case is asserting" name="assert"> + <style type="text/css"> + /* Positioned container allows for the self-describing statement to still + be visible in the case of failure */ + .container { + position: relative; + } + .greenSquare { + display: inline-flex; + margin-top: -200px; + background: green; + } + </style> +</head> +<body> + <p>The test passed if you see a green block which its text is 'Success!'.</p> + <div class="container"> + <!-- This is the square that should not be visible if the test passes --> + <div class="greenSquare">Success!</div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-flexbox-1_dev/implementation-report-TEMPLATE.data index 65507c7ab8a..c59b79085a9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-flexbox-1_dev/implementation-report-TEMPLATE.data @@ -33,8 +33,8 @@ html/align-items-002.htm ba2dfa0b337d281eb321868358df2435c600506b ? xhtml1/align-items-002.xht ba2dfa0b337d281eb321868358df2435c600506b ? html/align-items-003.htm 0864a7e2510be86698e7eafc6c3853f7e3448596 ? xhtml1/align-items-003.xht 0864a7e2510be86698e7eafc6c3853f7e3448596 ? -html/align-items-004.htm 6de835b5ff8ccff198294837a175ecf36ee1371e ? -xhtml1/align-items-004.xht 6de835b5ff8ccff198294837a175ecf36ee1371e ? +html/align-items-004.htm a2ade60ce94bb9608abdcdb10affbbe2b6ba0637 ? +xhtml1/align-items-004.xht a2ade60ce94bb9608abdcdb10affbbe2b6ba0637 ? html/align-items-005.htm aa76f8315736ed389b671e843e2bff79d9642d16 ? xhtml1/align-items-005.xht aa76f8315736ed389b671e843e2bff79d9642d16 ? html/align-self-001.htm 0cc4990fc47d11d97de1460c7229b2a9ae83854e ? @@ -97,36 +97,36 @@ html/autoheight-regions-in-fixed-sized-flexbox-008.htm ea64b7e570b77e26c14667899 xhtml1/autoheight-regions-in-fixed-sized-flexbox-008.xht ea64b7e570b77e26c14667899a6f07be7629a859 ? html/column-flexbox-break.htm 447d07932ea88069d2350bf6201a4f4b8261ea21 ? xhtml1/column-flexbox-break.xht 447d07932ea88069d2350bf6201a4f4b8261ea21 ? -html/css-box-justify-content.htm 16dde2bb8fde7d77358127c179586c543fb5441c ? -xhtml1/css-box-justify-content.xht 16dde2bb8fde7d77358127c179586c543fb5441c ? -html/css-flexbox-column-reverse-wrap-reverse.htm d38b70360a7799e70ca707646a606c038c899013 ? -xhtml1/css-flexbox-column-reverse-wrap-reverse.xht d38b70360a7799e70ca707646a606c038c899013 ? +html/css-box-justify-content.htm 3c9fbcfcc69b063efc377e05a4dc3d3068c80be7 ? +xhtml1/css-box-justify-content.xht 3c9fbcfcc69b063efc377e05a4dc3d3068c80be7 ? +html/css-flexbox-column-reverse-wrap-reverse.htm 151160ed3d2ad2d58e598e4b1027bbc483dcc957 ? +xhtml1/css-flexbox-column-reverse-wrap-reverse.xht 151160ed3d2ad2d58e598e4b1027bbc483dcc957 ? html/css-flexbox-column-reverse-wrap.htm 8c9461d7bb8e46a2173f6651e3596f1ea0650e94 ? xhtml1/css-flexbox-column-reverse-wrap.xht 8c9461d7bb8e46a2173f6651e3596f1ea0650e94 ? html/css-flexbox-column-reverse.htm a4226108be2f0af901413339910960676e0aeab3 ? xhtml1/css-flexbox-column-reverse.xht a4226108be2f0af901413339910960676e0aeab3 ? -html/css-flexbox-column-wrap-reverse.htm 110b7c270b5e15c253d57db831c76009af42141d ? -xhtml1/css-flexbox-column-wrap-reverse.xht 110b7c270b5e15c253d57db831c76009af42141d ? +html/css-flexbox-column-wrap-reverse.htm 7a03ee23187886a90b8d25cf2f83ea452454b769 ? +xhtml1/css-flexbox-column-wrap-reverse.xht 7a03ee23187886a90b8d25cf2f83ea452454b769 ? html/css-flexbox-column-wrap.htm 81bfe00b93f428cb9c18db56c7403d4b3fa8423e ? xhtml1/css-flexbox-column-wrap.xht 81bfe00b93f428cb9c18db56c7403d4b3fa8423e ? html/css-flexbox-column.htm 2e5bf4ca2fcfceb11ea7a14828ed53b096385155 ? xhtml1/css-flexbox-column.xht 2e5bf4ca2fcfceb11ea7a14828ed53b096385155 ? html/css-flexbox-height-animation-stretch.htm c0ec675efc75f1316a44fd2ab919ba9001af8b79 ? xhtml1/css-flexbox-height-animation-stretch.xht c0ec675efc75f1316a44fd2ab919ba9001af8b79 ? -html/css-flexbox-img-expand-evenly.htm 5112d07ce834249f41852096719e363804b80059 ? -xhtml1/css-flexbox-img-expand-evenly.xht 5112d07ce834249f41852096719e363804b80059 ? -html/css-flexbox-row-reverse-wrap-reverse.htm ae71f495e9b7a0b872b7404e8d13546220a99b9c ? -xhtml1/css-flexbox-row-reverse-wrap-reverse.xht ae71f495e9b7a0b872b7404e8d13546220a99b9c ? -html/css-flexbox-row-reverse-wrap.htm 45362cab6ef4ccddc48442ef7c30cfdbc4d7b68f ? -xhtml1/css-flexbox-row-reverse-wrap.xht 45362cab6ef4ccddc48442ef7c30cfdbc4d7b68f ? -html/css-flexbox-row-reverse.htm 7d6c951b7d2a9a20aec2dae97cf647a7542fd97c ? -xhtml1/css-flexbox-row-reverse.xht 7d6c951b7d2a9a20aec2dae97cf647a7542fd97c ? -html/css-flexbox-row-wrap-reverse.htm 3de913d4d90d2452743b0b92d15a212215e1db4a ? -xhtml1/css-flexbox-row-wrap-reverse.xht 3de913d4d90d2452743b0b92d15a212215e1db4a ? -html/css-flexbox-row-wrap.htm 406a4ac39fbf0910cc734e4fa2c2d95d441cbf2a ? -xhtml1/css-flexbox-row-wrap.xht 406a4ac39fbf0910cc734e4fa2c2d95d441cbf2a ? -html/css-flexbox-row.htm c2fdd1f935ea17ca5c3ef860a2b39c9040c2b032 ? -xhtml1/css-flexbox-row.xht c2fdd1f935ea17ca5c3ef860a2b39c9040c2b032 ? +html/css-flexbox-img-expand-evenly.htm 8a74bbc2ba16b660e1a0db83344e4c886f12a6a8 ? +xhtml1/css-flexbox-img-expand-evenly.xht 8a74bbc2ba16b660e1a0db83344e4c886f12a6a8 ? +html/css-flexbox-row-reverse-wrap-reverse.htm 01014629935eb4a0926836e06888db388ed75ff7 ? +xhtml1/css-flexbox-row-reverse-wrap-reverse.xht 01014629935eb4a0926836e06888db388ed75ff7 ? +html/css-flexbox-row-reverse-wrap.htm af5da24a6d34f820f9208e2d02eecedc044a7859 ? +xhtml1/css-flexbox-row-reverse-wrap.xht af5da24a6d34f820f9208e2d02eecedc044a7859 ? +html/css-flexbox-row-reverse.htm 0cc3d0f04358dfedc826c7185067510092468290 ? +xhtml1/css-flexbox-row-reverse.xht 0cc3d0f04358dfedc826c7185067510092468290 ? +html/css-flexbox-row-wrap-reverse.htm a317095a9cf1aa23dfdc9105c21f7567b4dde075 ? +xhtml1/css-flexbox-row-wrap-reverse.xht a317095a9cf1aa23dfdc9105c21f7567b4dde075 ? +html/css-flexbox-row-wrap.htm 0ea199bc95c19bfdd73497a22bf49819b4b23d59 ? +xhtml1/css-flexbox-row-wrap.xht 0ea199bc95c19bfdd73497a22bf49819b4b23d59 ? +html/css-flexbox-row.htm 2095a3cec191a88ee70b6fa4f9186cc94aba326b ? +xhtml1/css-flexbox-row.xht 2095a3cec191a88ee70b6fa4f9186cc94aba326b ? html/css-flexbox-test1.htm ec7b52168d5d6bd0ea658e5dfa74df6fa1932dd4 ? xhtml1/css-flexbox-test1.xht ec7b52168d5d6bd0ea658e5dfa74df6fa1932dd4 ? html/display-flex-001.htm b28bb6c80284c5d838f0fd137133c592e214031d ? @@ -143,8 +143,8 @@ html/flex-003.htm aa083c3c37e6ccf91569adfb76e7fbfd26af5cf0 ? xhtml1/flex-003.xht aa083c3c37e6ccf91569adfb76e7fbfd26af5cf0 ? html/flex-004.htm eacca20d92c3fd3ae90aa6531733d8112ea48f07 ? xhtml1/flex-004.xht eacca20d92c3fd3ae90aa6531733d8112ea48f07 ? -html/flex-align-items-center.htm 46d2eaf879b0bbd16437e1092096a891ef98cf47 ? -xhtml1/flex-align-items-center.xht 46d2eaf879b0bbd16437e1092096a891ef98cf47 ? +html/flex-align-items-center.htm b0c25464d925ac14a19de215685135c15a2b4540 ? +xhtml1/flex-align-items-center.xht b0c25464d925ac14a19de215685135c15a2b4540 ? html/flex-basis-001.htm cf4c8932cb4704bae235021bc2c0bde3e94bf71d ? xhtml1/flex-basis-001.xht cf4c8932cb4704bae235021bc2c0bde3e94bf71d ? html/flex-basis-002.htm bd0b95ddbaf7caf8595c5f24cdb25e24f8312f0e ? @@ -189,8 +189,8 @@ html/flex-direction_row.htm 83c729ef6a0f2fb5c317dd507b2d9fe31316488e ? xhtml1/flex-direction_row.xht 83c729ef6a0f2fb5c317dd507b2d9fe31316488e ? html/flex-flexitem-childmargin.htm e502bf18a14c3bc4fa3ae2485df64c679162ac42 ? xhtml1/flex-flexitem-childmargin.xht e502bf18a14c3bc4fa3ae2485df64c679162ac42 ? -html/flex-flexitem-percentage-prescation.htm 3f2168e9d0e1d45b9e6b363febe37e8c5236ac67 ? -xhtml1/flex-flexitem-percentage-prescation.xht 3f2168e9d0e1d45b9e6b363febe37e8c5236ac67 ? +html/flex-flexitem-percentage-prescation.htm 8d37a361c029bcb07faf82e3f172f1d4ec7bb785 ? +xhtml1/flex-flexitem-percentage-prescation.xht 8d37a361c029bcb07faf82e3f172f1d4ec7bb785 ? html/flex-flow-001.htm 2b6fb9a06aaa67cd288e4250a76bbc9aaea44a14 ? xhtml1/flex-flow-001.xht 2b6fb9a06aaa67cd288e4250a76bbc9aaea44a14 ? html/flex-flow-002.htm 20995419ed10209f06aac780744ad9080e6cc280 ? @@ -227,8 +227,8 @@ html/flex-grow-005.htm 5786ab49011d6f7284919bd24df40f082c55e64d ? xhtml1/flex-grow-005.xht 5786ab49011d6f7284919bd24df40f082c55e64d ? html/flex-grow-006.htm f8b3290012a57cf47c520f716c3c50a4e02eba55 ? xhtml1/flex-grow-006.xht f8b3290012a57cf47c520f716c3c50a4e02eba55 ? -html/flex-items-flexibility.htm 6bada7cc61f1b3adac7354992455b59cff76478e ? -xhtml1/flex-items-flexibility.xht 6bada7cc61f1b3adac7354992455b59cff76478e ? +html/flex-items-flexibility.htm ae727206300ecb1f3e5b155a9288be0be61f52b2 ? +xhtml1/flex-items-flexibility.xht ae727206300ecb1f3e5b155a9288be0be61f52b2 ? html/flex-margin-no-collapse.htm 96231d68de1fe051b06e793d659a813a53a91ed9 ? xhtml1/flex-margin-no-collapse.xht 96231d68de1fe051b06e793d659a813a53a91ed9 ? html/flex-minimun-height-flex-items-001.htm 605b08c7906eba5ed79720f2399103205a138218 ? @@ -721,40 +721,40 @@ html/flexbox_computedstyle_flex-direction-row-reverse.htm 8d4493c084b32f03266f89 xhtml1/flexbox_computedstyle_flex-direction-row-reverse.xht 8d4493c084b32f03266f890b0608afd0917cfcfc ? html/flexbox_computedstyle_flex-direction-row.htm 465c68e1fd4e64b39e76943b0b7ad7d96a443841 ? xhtml1/flexbox_computedstyle_flex-direction-row.xht 465c68e1fd4e64b39e76943b0b7ad7d96a443841 ? -html/flexbox_computedstyle_flex-flow-column-nowrap.htm 359ac2c2a647cfea137bc216250eb318d16a9187 ? -xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht 359ac2c2a647cfea137bc216250eb318d16a9187 ? -html/flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm ad2effa806590b36d9c5349198ab661cc0d94d81 ? -xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht ad2effa806590b36d9c5349198ab661cc0d94d81 ? -html/flexbox_computedstyle_flex-flow-column-reverse-wrap.htm 015b7532aa7c595d685ea092893b04aea5bcb9e8 ? -xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht 015b7532aa7c595d685ea092893b04aea5bcb9e8 ? -html/flexbox_computedstyle_flex-flow-column-reverse.htm f089964e4b358ebba66d169d5b695523968a7bb5 ? -xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht f089964e4b358ebba66d169d5b695523968a7bb5 ? -html/flexbox_computedstyle_flex-flow-column-wrap-reverse.htm 1b96b4db7cc1dc30ffe4e79c4ad1e230d328a41c ? -xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht 1b96b4db7cc1dc30ffe4e79c4ad1e230d328a41c ? -html/flexbox_computedstyle_flex-flow-column-wrap.htm 71787aa7701211b2730675a60e258f284573b391 ? -xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht 71787aa7701211b2730675a60e258f284573b391 ? -html/flexbox_computedstyle_flex-flow-column.htm ef9f6bc6246ee34178b215f4492ccd72fbd1da91 ? -xhtml1/flexbox_computedstyle_flex-flow-column.xht ef9f6bc6246ee34178b215f4492ccd72fbd1da91 ? -html/flexbox_computedstyle_flex-flow-nowrap.htm 742872f107b7e28d36ccdd00d57af705d561362d ? -xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht 742872f107b7e28d36ccdd00d57af705d561362d ? -html/flexbox_computedstyle_flex-flow-row-nowrap.htm 54b563633e1e28a42aecde2a4d2bc4379f2de0fb ? -xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht 54b563633e1e28a42aecde2a4d2bc4379f2de0fb ? -html/flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm c452b89efa6e2b12ef52e08ecea18f94a076fdf1 ? -xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht c452b89efa6e2b12ef52e08ecea18f94a076fdf1 ? -html/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm a91258a18c62d35ba28b33a691a857dc590f5c5a ? -xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht a91258a18c62d35ba28b33a691a857dc590f5c5a ? -html/flexbox_computedstyle_flex-flow-row-reverse-wrap.htm 5ea1a4cb4d86a704a5b4841d4486713165c0031e ? -xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht 5ea1a4cb4d86a704a5b4841d4486713165c0031e ? -html/flexbox_computedstyle_flex-flow-row-reverse.htm 8af1cb92a885515647c49fa331ddbc91a35d157e ? -xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht 8af1cb92a885515647c49fa331ddbc91a35d157e ? -html/flexbox_computedstyle_flex-flow-row-wrap-reverse.htm bacc4933cd88efd4746ee6128986786ff52e35d5 ? -xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht bacc4933cd88efd4746ee6128986786ff52e35d5 ? -html/flexbox_computedstyle_flex-flow-row-wrap.htm cb822687a33313a012e7d1c130d374cf2d1ed62e ? -xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht cb822687a33313a012e7d1c130d374cf2d1ed62e ? -html/flexbox_computedstyle_flex-flow-row.htm ab69bcad87b3ed66c2b8f377b18ee95cd647e7d1 ? -xhtml1/flexbox_computedstyle_flex-flow-row.xht ab69bcad87b3ed66c2b8f377b18ee95cd647e7d1 ? -html/flexbox_computedstyle_flex-flow-wrap.htm 79f711e5e8f7fdf790ca04f23d86945da73ab7f4 ? -xhtml1/flexbox_computedstyle_flex-flow-wrap.xht 79f711e5e8f7fdf790ca04f23d86945da73ab7f4 ? +html/flexbox_computedstyle_flex-flow-column-nowrap.htm 3977c478ddb26703dd9deb82e82255cb103deec6 ? +xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht 3977c478ddb26703dd9deb82e82255cb103deec6 ? +html/flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm 8ca37aa465bc3f743a7dba45aeff1b6d0c9579b0 ? +xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht 8ca37aa465bc3f743a7dba45aeff1b6d0c9579b0 ? +html/flexbox_computedstyle_flex-flow-column-reverse-wrap.htm 784f9a9d00954ba675f9cf2b993bc536f16916fe ? +xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht 784f9a9d00954ba675f9cf2b993bc536f16916fe ? +html/flexbox_computedstyle_flex-flow-column-reverse.htm 6dcee51bc841b62093dea1bc396d7727d6e108fe ? +xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht 6dcee51bc841b62093dea1bc396d7727d6e108fe ? +html/flexbox_computedstyle_flex-flow-column-wrap-reverse.htm bb0884f75d50052ebc5dd12835e28eff6ac80038 ? +xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht bb0884f75d50052ebc5dd12835e28eff6ac80038 ? +html/flexbox_computedstyle_flex-flow-column-wrap.htm f72610177758218a6493cf22cb96787f23f56341 ? +xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht f72610177758218a6493cf22cb96787f23f56341 ? +html/flexbox_computedstyle_flex-flow-column.htm 713e4d8b0cc98d64c34e2541ff6343a3ae28b24d ? +xhtml1/flexbox_computedstyle_flex-flow-column.xht 713e4d8b0cc98d64c34e2541ff6343a3ae28b24d ? +html/flexbox_computedstyle_flex-flow-nowrap.htm 72295885e0fb14d2d3c6aa87f7175825542001f7 ? +xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht 72295885e0fb14d2d3c6aa87f7175825542001f7 ? +html/flexbox_computedstyle_flex-flow-row-nowrap.htm d411b9be2d00b359da9fc1616f619eadec48c4a5 ? +xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht d411b9be2d00b359da9fc1616f619eadec48c4a5 ? +html/flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm 3ed9025f65ec9a9d321e15ed4f965b6b8c9e5853 ? +xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht 3ed9025f65ec9a9d321e15ed4f965b6b8c9e5853 ? +html/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm 4c3f2b813f6e8e0fa6e1c7f3f67201c4f0709afd ? +xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht 4c3f2b813f6e8e0fa6e1c7f3f67201c4f0709afd ? +html/flexbox_computedstyle_flex-flow-row-reverse-wrap.htm a61f3c0001e0ad4d8e98d427e78a02455abc09bd ? +xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht a61f3c0001e0ad4d8e98d427e78a02455abc09bd ? +html/flexbox_computedstyle_flex-flow-row-reverse.htm f8fab15302d722bf44f7a7e3feb33bb42757c4c2 ? +xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht f8fab15302d722bf44f7a7e3feb33bb42757c4c2 ? +html/flexbox_computedstyle_flex-flow-row-wrap-reverse.htm 32e8ba672ec87c0e84dd0f27e46d4d7b90de8ee2 ? +xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht 32e8ba672ec87c0e84dd0f27e46d4d7b90de8ee2 ? +html/flexbox_computedstyle_flex-flow-row-wrap.htm 9c36f816fc74472766c17f57e0ae133afca15ccd ? +xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht 9c36f816fc74472766c17f57e0ae133afca15ccd ? +html/flexbox_computedstyle_flex-flow-row.htm 33c7e9474d83f1d1613ac4b2dc0010cdcb003d5d ? +xhtml1/flexbox_computedstyle_flex-flow-row.xht 33c7e9474d83f1d1613ac4b2dc0010cdcb003d5d ? +html/flexbox_computedstyle_flex-flow-wrap.htm 76fe127a0c9bec9881983a9969e703c05fd069ba ? +xhtml1/flexbox_computedstyle_flex-flow-wrap.xht 76fe127a0c9bec9881983a9969e703c05fd069ba ? html/flexbox_computedstyle_flex-grow-0.htm 0d31e588261dbee89d706fa5ad4e7c972b28a4c2 ? xhtml1/flexbox_computedstyle_flex-grow-0.xht 0d31e588261dbee89d706fa5ad4e7c972b28a4c2 ? html/flexbox_computedstyle_flex-grow-invalid.htm a7b47c4479c35c736ed5aba7089da7b1f3dedbd9 ? @@ -817,8 +817,8 @@ html/flexbox_direction-column-reverse.htm 0ac54595950e762ca7752f3dd9f87ecd17aee3 xhtml1/flexbox_direction-column-reverse.xht 0ac54595950e762ca7752f3dd9f87ecd17aee308 ? html/flexbox_direction-column.htm 016ee30f42dcea1993ff8772b43f2783f358d30e ? xhtml1/flexbox_direction-column.xht 016ee30f42dcea1993ff8772b43f2783f358d30e ? -html/flexbox_direction-row-reverse.htm 494b66430b84f041f8d792572a830d1e80b4f6fe ? -xhtml1/flexbox_direction-row-reverse.xht 494b66430b84f041f8d792572a830d1e80b4f6fe ? +html/flexbox_direction-row-reverse.htm f1320e1caafb090d6e0cbdc74c873f98dfea7d85 ? +xhtml1/flexbox_direction-row-reverse.xht f1320e1caafb090d6e0cbdc74c873f98dfea7d85 ? html/flexbox_display.htm 429c145ce111df3e08fa2ff4f5692e56bc4bbb4d ? xhtml1/flexbox_display.xht 429c145ce111df3e08fa2ff4f5692e56bc4bbb4d ? html/flexbox_fbfc.htm 5b33462ad18995d80f363daf64588ae2b06b1012 ? @@ -1011,8 +1011,8 @@ html/flexbox_flex-n-n-npercent.htm 55370cf53d392e1d6e5366b832d7fe146b1282f7 ? xhtml1/flexbox_flex-n-n-npercent.xht 55370cf53d392e1d6e5366b832d7fe146b1282f7 ? html/flexbox_flex-n-n.htm b400af423bbc4e3e9d22865b0a53b6efa47bc305 ? xhtml1/flexbox_flex-n-n.xht b400af423bbc4e3e9d22865b0a53b6efa47bc305 ? -html/flexbox_flex-natural-mixed-basis-auto.htm e92a27a4b8dcd6d86acf798d16ada443b742760f ? -xhtml1/flexbox_flex-natural-mixed-basis-auto.xht e92a27a4b8dcd6d86acf798d16ada443b742760f ? +html/flexbox_flex-natural-mixed-basis-auto.htm d51d054019bba36ae31354936ec17b47fe0e90f1 ? +xhtml1/flexbox_flex-natural-mixed-basis-auto.xht d51d054019bba36ae31354936ec17b47fe0e90f1 ? html/flexbox_flex-natural-mixed-basis.htm aa956d1c13675e5b4872c65d15cb2eec96eb3d8e ? xhtml1/flexbox_flex-natural-mixed-basis.xht aa956d1c13675e5b4872c65d15cb2eec96eb3d8e ? html/flexbox_flex-natural-variable-auto-basis.htm 7755aa9d0584d1d4ecc9f25559916eabde034e06 ? @@ -1035,8 +1035,6 @@ html/flexbox_flow-row-wrap-reverse.htm b28edd15c50b0467f0c2e32dc703261e81d690c2 xhtml1/flexbox_flow-row-wrap-reverse.xht b28edd15c50b0467f0c2e32dc703261e81d690c2 ? html/flexbox_flow-row-wrap.htm 4339f96b8767fb59553404d641bf1a7a899f299b ? xhtml1/flexbox_flow-row-wrap.xht 4339f96b8767fb59553404d641bf1a7a899f299b ? -html/flexbox_generated-container.htm 0ca130877ef2b8b367b57ff6b389325f28098ce2 ? -xhtml1/flexbox_generated-container.xht 0ca130877ef2b8b367b57ff6b389325f28098ce2 ? html/flexbox_generated-flex.htm 9757b85f200e0b9db067b1fd57c55500bd2c4114 ? xhtml1/flexbox_generated-flex.xht 9757b85f200e0b9db067b1fd57c55500bd2c4114 ? html/flexbox_generated-nested-flex.htm 923485dbc0a175039a27e86323be636703775ab1 ? @@ -1135,10 +1133,6 @@ html/flexbox_margin-left-ex.htm a722372e89428c63ff1b99c432a679db1301041e ? xhtml1/flexbox_margin-left-ex.xht a722372e89428c63ff1b99c432a679db1301041e ? html/flexbox_margin.htm 395613182985eb36a7ff9c6774ca9ff0d4113660 ? xhtml1/flexbox_margin.xht 395613182985eb36a7ff9c6774ca9ff0d4113660 ? -html/flexbox_min-height-auto.htm 0889d1aa107e2ebeb115d99a06b54b6c2f8b8357 ? -xhtml1/flexbox_min-height-auto.xht 0889d1aa107e2ebeb115d99a06b54b6c2f8b8357 ? -html/flexbox_min-width-auto.htm 4fbbe3bae0e6f9fc1e4f77303542f3d1bf38ab67 ? -xhtml1/flexbox_min-width-auto.xht 4fbbe3bae0e6f9fc1e4f77303542f3d1bf38ab67 ? html/flexbox_nested-flex.htm de7cef3ac7399c36bde0844a90755fafb9ae75a5 ? xhtml1/flexbox_nested-flex.xht de7cef3ac7399c36bde0844a90755fafb9ae75a5 ? html/flexbox_object.htm 5b8622fb8a69aa78e7cb37ccaa7af3be17c742cb ? @@ -1147,8 +1141,8 @@ html/flexbox_order-abspos-space-around.htm bd6d487a106559771331579297b95acbfb6a8 xhtml1/flexbox_order-abspos-space-around.xht bd6d487a106559771331579297b95acbfb6a8577 ? html/flexbox_order-box.htm 47ed809b00402ab4408062ec191e53f6da3e9f97 ? xhtml1/flexbox_order-box.xht 47ed809b00402ab4408062ec191e53f6da3e9f97 ? -html/flexbox_order-noninteger-invalid.htm 1f672e31cf0d8647407d63e3fa67aec0149be5bd ? -xhtml1/flexbox_order-noninteger-invalid.xht 1f672e31cf0d8647407d63e3fa67aec0149be5bd ? +html/flexbox_order-noninteger-invalid.htm cb761f3308f054a7cd5d1ec75954abcfe5e486d6 ? +xhtml1/flexbox_order-noninteger-invalid.xht cb761f3308f054a7cd5d1ec75954abcfe5e486d6 ? html/flexbox_order.htm d345977eb697f0d70940b814f7aa1414434b9722 ? xhtml1/flexbox_order.xht d345977eb697f0d70940b814f7aa1414434b9722 ? html/flexbox_rowspan-overflow-automatic.htm fc0765593c796aadb31bf2941c832e30abd3b3f4 ? @@ -1157,14 +1151,14 @@ html/flexbox_rowspan-overflow.htm e890f105eb21884b8e6cf2ec49631885b6e0b19a ? xhtml1/flexbox_rowspan-overflow.xht e890f105eb21884b8e6cf2ec49631885b6e0b19a ? html/flexbox_rowspan.htm cbdc9b8fb06e07f2dbda75a6040b7f72af6d2d39 ? xhtml1/flexbox_rowspan.xht cbdc9b8fb06e07f2dbda75a6040b7f72af6d2d39 ? -html/flexbox_rtl-direction.htm 1e49c609fac138ef2cf55a176496f38a4d1ae94d ? -xhtml1/flexbox_rtl-direction.xht 1e49c609fac138ef2cf55a176496f38a4d1ae94d ? -html/flexbox_rtl-flow-reverse.htm 26b91c4a0460efceb73d731a90128bfeac237cd5 ? -xhtml1/flexbox_rtl-flow-reverse.xht 26b91c4a0460efceb73d731a90128bfeac237cd5 ? -html/flexbox_rtl-flow.htm b7f45ac17ad8b78c5a018da62d670538eebbc6ab ? -xhtml1/flexbox_rtl-flow.xht b7f45ac17ad8b78c5a018da62d670538eebbc6ab ? -html/flexbox_rtl-order.htm 79d4af59c7ded9606e082e8206e947788adf6a79 ? -xhtml1/flexbox_rtl-order.xht 79d4af59c7ded9606e082e8206e947788adf6a79 ? +html/flexbox_rtl-direction.htm 0c040b5e2e2ab9b79d1b20be0b2cf01c5929ae15 ? +xhtml1/flexbox_rtl-direction.xht 0c040b5e2e2ab9b79d1b20be0b2cf01c5929ae15 ? +html/flexbox_rtl-flow-reverse.htm 97d6975321ffae724dcbf842e2c45ce755988d01 ? +xhtml1/flexbox_rtl-flow-reverse.xht 97d6975321ffae724dcbf842e2c45ce755988d01 ? +html/flexbox_rtl-flow.htm df3787b159e0abba17c8e09947da4366e176f70c ? +xhtml1/flexbox_rtl-flow.xht df3787b159e0abba17c8e09947da4366e176f70c ? +html/flexbox_rtl-order.htm 4090c6d3a340952217f101b03d8ad2f93f9acfe4 ? +xhtml1/flexbox_rtl-order.xht 4090c6d3a340952217f101b03d8ad2f93f9acfe4 ? html/flexbox_stf-abspos.htm e24fd8fe7d5bb6185a8c3d779c5197f0ca812d80 ? xhtml1/flexbox_stf-abspos.xht e24fd8fe7d5bb6185a8c3d779c5197f0ca812d80 ? html/flexbox_stf-fixpos.htm 033527b57604643b6c44febdccd54cd5a8a07007 ? @@ -1267,18 +1261,18 @@ html/justify-content_space-around.htm 57a89c6dbe40a6e198eaa4ef06afbc6cfaa1c6ce ? xhtml1/justify-content_space-around.xht 57a89c6dbe40a6e198eaa4ef06afbc6cfaa1c6ce ? html/justify-content_space-between.htm 272c283b96980803e385bd33b6eef2e145c63267 ? xhtml1/justify-content_space-between.xht 272c283b96980803e385bd33b6eef2e145c63267 ? -html/multi-line-wrap-reverse-column-reverse.htm c68df3dba4a3f36ad584bcc5bcbe0191153b6c82 ? -xhtml1/multi-line-wrap-reverse-column-reverse.xht c68df3dba4a3f36ad584bcc5bcbe0191153b6c82 ? +html/multi-line-wrap-reverse-column-reverse.htm cf5398c349ce875045d9a8f193db6b2c45057e3d ? +xhtml1/multi-line-wrap-reverse-column-reverse.xht cf5398c349ce875045d9a8f193db6b2c45057e3d ? html/multi-line-wrap-reverse-row-reverse.htm 603856a322bbc0eaefcb6334b0a883e713d5def6 ? xhtml1/multi-line-wrap-reverse-row-reverse.xht 603856a322bbc0eaefcb6334b0a883e713d5def6 ? -html/multi-line-wrap-with-column-reverse.htm 831fe2b271b86a9746f8e6ac2bbc998c0bbb0503 ? -xhtml1/multi-line-wrap-with-column-reverse.xht 831fe2b271b86a9746f8e6ac2bbc998c0bbb0503 ? +html/multi-line-wrap-with-column-reverse.htm 02ac708366bcef7fcae636d92dc00b0162aa859c ? +xhtml1/multi-line-wrap-with-column-reverse.xht 02ac708366bcef7fcae636d92dc00b0162aa859c ? html/multi-line-wrap-with-row-reverse.htm c57b9d0f1fdda471b9c1a27f6fb6e34173938767 ? xhtml1/multi-line-wrap-with-row-reverse.xht c57b9d0f1fdda471b9c1a27f6fb6e34173938767 ? html/order-001.htm 04b5480a5e5ed8d047c97faee2ca8d8d2e450ca5 ? xhtml1/order-001.xht 04b5480a5e5ed8d047c97faee2ca8d8d2e450ca5 ? -html/order-with-column-reverse.htm 4b46a5ecdd86862155091ee385b111da2246d8b6 ? -xhtml1/order-with-column-reverse.xht 4b46a5ecdd86862155091ee385b111da2246d8b6 ? +html/order-with-column-reverse.htm 781edf3b64de42acf2ac3b923cf7d8ca515f0501 ? +xhtml1/order-with-column-reverse.xht 781edf3b64de42acf2ac3b923cf7d8ca515f0501 ? html/order-with-row-reverse.htm 379d0daab60067a9fb6157277ec463b4ac66a1f1 ? xhtml1/order-with-row-reverse.xht 379d0daab60067a9fb6157277ec463b4ac66a1f1 ? html/order_value.htm f5d773d782a1400c848d447eab95274ed8b8fbb2 ? @@ -1297,8 +1291,8 @@ html/ttwf-reftest-flex-align-content-center.htm 70cf594ac3554827c881644aaa1d2824 xhtml1/ttwf-reftest-flex-align-content-center.xht 70cf594ac3554827c881644aaa1d282400d9275f ? html/ttwf-reftest-flex-align-content-end.htm e7b3fdf1d85f5ac349d8aad09401290e1f371359 ? xhtml1/ttwf-reftest-flex-align-content-end.xht e7b3fdf1d85f5ac349d8aad09401290e1f371359 ? -html/ttwf-reftest-flex-align-content-space-around.htm 219df9e7930f458af4acceb5e3e99859e033ab85 ? -xhtml1/ttwf-reftest-flex-align-content-space-around.xht 219df9e7930f458af4acceb5e3e99859e033ab85 ? +html/ttwf-reftest-flex-align-content-space-around.htm 985fb0b70cedd2f698c42f3471dd6b93e9a0c4f4 ? +xhtml1/ttwf-reftest-flex-align-content-space-around.xht 985fb0b70cedd2f698c42f3471dd6b93e9a0c4f4 ? html/ttwf-reftest-flex-align-content-space-between.htm 3913f63bb373edde072e12c44a2211830cd4f1d7 ? xhtml1/ttwf-reftest-flex-align-content-space-between.xht 3913f63bb373edde072e12c44a2211830cd4f1d7 ? html/ttwf-reftest-flex-align-content-start.htm d9579a3b26825e87897486a6e98d115d67e3e56e ? @@ -1309,10 +1303,12 @@ html/ttwf-reftest-flex-direction-column-reverse.htm dd7661f0825e7ffc18333899ba88 xhtml1/ttwf-reftest-flex-direction-column-reverse.xht dd7661f0825e7ffc18333899ba88a572498717e9 ? html/ttwf-reftest-flex-direction-column.htm 728c353144e523d1a5a723816705922e0c6c1e76 ? xhtml1/ttwf-reftest-flex-direction-column.xht 728c353144e523d1a5a723816705922e0c6c1e76 ? -html/ttwf-reftest-flex-direction-row-reverse.htm 5cf3a7c461178c681be521423a82e0878a80c275 ? -xhtml1/ttwf-reftest-flex-direction-row-reverse.xht 5cf3a7c461178c681be521423a82e0878a80c275 ? -html/ttwf-reftest-flex-order.htm 20966eb34dbe8f0b6a907a7ecb417d8b3cafdbcf ? -xhtml1/ttwf-reftest-flex-order.xht 20966eb34dbe8f0b6a907a7ecb417d8b3cafdbcf ? +html/ttwf-reftest-flex-direction-row-reverse.htm 9098f8056ac9c5fc7f7633548358c81fedb3f8c8 ? +xhtml1/ttwf-reftest-flex-direction-row-reverse.xht 9098f8056ac9c5fc7f7633548358c81fedb3f8c8 ? +html/ttwf-reftest-flex-inline.htm 76e35eb42afbf4c59d4f5a940e0df33746514690 ? +xhtml1/ttwf-reftest-flex-inline.xht 76e35eb42afbf4c59d4f5a940e0df33746514690 ? +html/ttwf-reftest-flex-order.htm 044ded9f226cb84a3c9732056aea49c46c181e2f ? +xhtml1/ttwf-reftest-flex-order.xht 044ded9f226cb84a3c9732056aea49c46c181e2f ? html/ttwf-reftest-flex-wrap-reverse.htm ed8cc9b7b77eccf97ceba22b903b26ae3aa38e09 ? xhtml1/ttwf-reftest-flex-wrap-reverse.xht ed8cc9b7b77eccf97ceba22b903b26ae3aa38e09 ? html/ttwf-reftest-flex-wrap.htm 6711a164362418be2fcd9c0212837ddd96134a16 ? diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data b/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data index 8ba7920e50c..f497f754f19 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data +++ b/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data @@ -14,7 +14,7 @@ align-content_stretch align-content_stretch http://www.w3.org/TR/css-flexbox-1 align-items-001 reference/align-content-001-ref A flex container with the 'align-items' property set to 'center' http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 4ec90267d588987280f145d8df8ac6f061999258 `Microsoft`<http://www.microsoft.com/> This test checks that the flex container with 'align-items: center' centers each flex item's margin box in the cross-axis of its line. align-items-002 reference/align-content-001-ref A flex container with the 'align-items' property set to 'flex-start' http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-items ba2dfa0b337d281eb321868358df2435c600506b `Microsoft`<http://www.microsoft.com/> This test checks that the flex container with 'align-items: flex-start' places each flex item's margin box flush with the cross-start edge of line. align-items-003 reference/align-content-001-ref A flex container with the 'align-items' property set to 'flex-end' http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 0864a7e2510be86698e7eafc6c3853f7e3448596 `Microsoft`<http://www.microsoft.com/> This test checks that the flex container with 'align-items: flex-end' places each flex item's margin box flush with the cross-end edge of line. -align-items-004 reference/align-content-001-ref A flex container with the 'align-items' property set to 'baseline' ahem http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 6de835b5ff8ccff198294837a175ecf36ee1371e `Microsoft`<http://www.microsoft.com/> This test checks that the flex container with 'align-items: baseline' places each flex item's margin box so that their baselines align. +align-items-004 reference/align-content-001-ref A flex container with the 'align-items' property set to 'baseline' ahem http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-items a2ade60ce94bb9608abdcdb10affbbe2b6ba0637 `Microsoft`<http://www.microsoft.com/> This test checks that the flex container with 'align-items: baseline' places each flex item's margin box so that their baselines align. align-items-005 reference/align-content-001-ref A flex container with the 'align-items' property set to 'stretch' http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-items aa76f8315736ed389b671e843e2bff79d9642d16 `Microsoft`<http://www.microsoft.com/> This test checks that the flex container with 'align-items: stretch' places each flex item's margin box so that its cross size is the same as the cross size of the line. align-self-001 reference/ref-filled-green-100px-square align-self - flex-start http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 0cc4990fc47d11d97de1460c7229b2a9ae83854e `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> The 'align-self' property set 'flex-start' aligns the flex items to the start edge of cross axis align-self-002 reference/ref-filled-green-100px-square align-self - flex-end http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 76ff8530ed54bf734655e7b061bda90fe575da6a `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> The 'align-self' property set 'flex-end' aligns the flex items to the end edge of cross axis @@ -46,21 +46,21 @@ autoheight-regions-in-fixed-sized-flexbox-006 reference/autoheight-regions-in-fi autoheight-regions-in-fixed-sized-flexbox-007 reference/autoheight-regions-in-fixed-sized-flexbox-007-ref CSS Regions: auto-height regions inside fixed sized flexbox ahem http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution,http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm b75064d6dba2fdb2cce5aa33d34a026e27edc344 `Catalin Badea`<mailto:badea@adobe.com> Test that using the flex-basis property sizes the flex items to a percentage of the flex container's height when said items are auto-height regions. The last region, the outside the flex container should not be visible. autoheight-regions-in-fixed-sized-flexbox-008 reference/autoheight-regions-in-fixed-sized-flexbox-008-ref CSS Regions: auto-height regions with max height in fixed sized flexbox ahem http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution,http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm ea64b7e570b77e26c14667899a6f07be7629a859 `Catalin Badea`<mailto:badea@adobe.com> Test that the max-height property is applied to regions placed inside a fixed sized flexbox with a column flow. The flex container should not flex the region flex items beyond their max height value. column-flexbox-break reference/column-flexbox-break-ref CSS Regions: fragmenting a flex container with column flow ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-flexbox-1/#flex-containers,http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 447d07932ea88069d2350bf6201a4f4b8261ea21 `Catalin Badea`<mailto:badea@adobe.com> Test checks that a flex container with column flow is fragmented between regions. -css-box-justify-content reference/css-box-justify-content-ref flexbox |css-box-justufy-content http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 16dde2bb8fde7d77358127c179586c543fb5441c `xiaoxia`<ava656094@gmail.com> +css-box-justify-content reference/css-box-justify-content-ref flexbox |css-box-justify-content http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 3c9fbcfcc69b063efc377e05a4dc3d3068c80be7 `xiaoxia`<ava656094@gmail.com> css-flexbox-column reference/css-flexbox-column-ref flex direction: row http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 2e5bf4ca2fcfceb11ea7a14828ed53b096385155 `Naoki Okada`<mailto:somathor@gmail.com> Test checks that when writing mode is vertical and flex-flow: column, the flex container is vertical. css-flexbox-column-reverse reference/css-flexbox-column-ref flex direction: row http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow a4226108be2f0af901413339910960676e0aeab3 `Naoki Okada`<mailto:somathor@gmail.com> Test checks that when writing mode is vertical and flex-flow: column, the flex container is vertical. css-flexbox-column-reverse-wrap reference/css-flexbox-column-ref flex direction: row http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 8c9461d7bb8e46a2173f6651e3596f1ea0650e94 `Naoki Okada`<mailto:somathor@gmail.com> Test checks that when writing mode is vertical and flex-flow: column wrap, the flex container is vertical. -css-flexbox-column-reverse-wrap-reverse reference/css-flexbox-column-ref flex direction: row http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow d38b70360a7799e70ca707646a606c038c899013 `Naoki Okada`<mailto:somathor@gmail.com> Test checks that when writing mode is vertical and flex-flow: column wrap-reverse, the flex container is vertical. +css-flexbox-column-reverse-wrap-reverse reference/css-flexbox-column-ref flex direction: row http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 151160ed3d2ad2d58e598e4b1027bbc483dcc957 `Naoki Okada`<mailto:somathor@gmail.com> Test checks that when writing mode is vertical and flex-flow: column wrap-reverse, the flex container is vertical. css-flexbox-column-wrap reference/css-flexbox-column-ref flex direction: row http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 81bfe00b93f428cb9c18db56c7403d4b3fa8423e `Naoki Okada`<mailto:somathor@gmail.com> Test checks that when writing mode is vertical and flex-flow: column wrap, the flex container is vertical. -css-flexbox-column-wrap-reverse reference/css-flexbox-column-ref flex direction: row http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 110b7c270b5e15c253d57db831c76009af42141d `Naoki Okada`<mailto:somathor@gmail.com> Test checks that when writing mode is vertical and flex-flow: column wrap-reverse, the flex container is vertical. +css-flexbox-column-wrap-reverse reference/css-flexbox-column-ref flex direction: row http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 7a03ee23187886a90b8d25cf2f83ea452454b769 `Naoki Okada`<mailto:somathor@gmail.com> Test checks that when writing mode is vertical and flex-flow: column wrap-reverse, the flex container is vertical. css-flexbox-height-animation-stretch reference/css-flexbox-height-animation-stretch-ref Items stretch correctly while content is animating http://www.w3.org/TR/css-flexbox-1/#propdef-align-items c0ec675efc75f1316a44fd2ab919ba9001af8b79 `Micky Brunetti`<mailto:micky2be@gmail.com> Items should stretch vertically in all time -css-flexbox-img-expand-evenly reference/css-flexbox-img-expand-evenly-ref Image Expansion http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 5112d07ce834249f41852096719e363804b80059 `Eiji Kitamura`<mailto:agektmr@gmail.com> 3 square images fill out border. -css-flexbox-row reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode c2fdd1f935ea17ca5c3ef860a2b39c9040c2b032 `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row, the flex container is vertical. -css-flexbox-row-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 7d6c951b7d2a9a20aec2dae97cf647a7542fd97c `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row-reverse, the flex container is vertical. -css-flexbox-row-reverse-wrap reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 45362cab6ef4ccddc48442ef7c30cfdbc4d7b68f `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row-reverse wrap, the flex container is vertical. -css-flexbox-row-reverse-wrap-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode ae71f495e9b7a0b872b7404e8d13546220a99b9c `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row-reverse wrap-reverse, the flex container is vertical. -css-flexbox-row-wrap reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 406a4ac39fbf0910cc734e4fa2c2d95d441cbf2a `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row wrap, the flex container is vertical. -css-flexbox-row-wrap-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 3de913d4d90d2452743b0b92d15a212215e1db4a `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row wrap-reverse, the flex container is vertical. +css-flexbox-img-expand-evenly reference/css-flexbox-img-expand-evenly-ref Image Expansion http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 8a74bbc2ba16b660e1a0db83344e4c886f12a6a8 `Eiji Kitamura`<mailto:agektmr@gmail.com> 3 rectangular images fill out border. +css-flexbox-row reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 2095a3cec191a88ee70b6fa4f9186cc94aba326b `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row, the flex container is vertical. +css-flexbox-row-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 0cc3d0f04358dfedc826c7185067510092468290 `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row-reverse, the flex container is vertical. +css-flexbox-row-reverse-wrap reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode af5da24a6d34f820f9208e2d02eecedc044a7859 `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row-reverse wrap, the flex container is vertical. +css-flexbox-row-reverse-wrap-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 01014629935eb4a0926836e06888db388ed75ff7 `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row-reverse wrap-reverse, the flex container is vertical. +css-flexbox-row-wrap reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 0ea199bc95c19bfdd73497a22bf49819b4b23d59 `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row wrap, the flex container is vertical. +css-flexbox-row-wrap-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode a317095a9cf1aa23dfdc9105c21f7567b4dde075 `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row wrap-reverse, the flex container is vertical. css-flexbox-test1 reference/css-flexbox-test1-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow ec7b52168d5d6bd0ea658e5dfa74df6fa1932dd4 `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row, the flex container is vertical. display-flex-001 reference/align-content-001-ref An element with the 'display' property set to 'flex' establishes a new block-level flex container http://www.w3.org/TR/css-flexbox-1/#flex-containers b28bb6c80284c5d838f0fd137133c592e214031d `Microsoft`<http://www.microsoft.com/> This test checks that an element with 'display' property set to 'flex' establishes a new block-level flex container. display_flex_exist display_flex dom,script http://www.w3.org/TR/css-flexbox-1/#flex-containers d3b1b0e42faf6629b7df76679260d7f6fdb89ca3 `Intel`<http://www.intel.com> Check if the web engine can indenfy the display value flex. @@ -69,7 +69,7 @@ flex-001 reference/justify-content-001-ref The 'flex' shorthand adjusting the 'f flex-002 reference/justify-content-001-ref The 'flex' shorthand adjusting the 'flex-shrink' sub-property http://www.w3.org/TR/css-flexbox-1/#flex-property 5eef65fc72a6f76892ec7c3e1502ace587d400e8 `Microsoft`<http://www.microsoft.com/> This test checks that the flex shrink factor is multiplied by the flex base size when distributing negative space. flex-003 reference/justify-content-001-ref Comparing two different elements using different values for the 'flex-grow' sub-property on the 'flex' shorthand http://www.w3.org/TR/css-flexbox-1/#flex-property aa083c3c37e6ccf91569adfb76e7fbfd26af5cf0 `Microsoft`<http://www.microsoft.com/> This test checks that the flex items with a different flex grow factor have different flexibilities. flex-004 reference/justify-content-001-ref Comparing two different elements using different values for the 'flex-shrink' sub-property on the 'flex' shorthand http://www.w3.org/TR/css-flexbox-1/#flex-property eacca20d92c3fd3ae90aa6531733d8112ea48f07 `Microsoft`<http://www.microsoft.com/> This test checks that the flex items with a different flex shrink factor have different flexibilities. -flex-align-items-center reference/flex-align-items-center-ref CSS Flex-basis Test http://www.w3.org/TR/css-flexbox-1/#alignment 46d2eaf879b0bbd16437e1092096a891ef98cf47 `Chunsheng Zhang`<mailto:zhangcs_423@163.com> flex items center +flex-align-items-center reference/flex-align-items-center-ref CSS Flex-basis Test http://www.w3.org/TR/css-flexbox-1/#alignment b0c25464d925ac14a19de215685135c15a2b4540 `Chunsheng Zhang`<mailto:zhangcs_423@163.com> flex items center flex-basis-001 reference/ref-filled-green-100px-square flex-basis - positive number http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis cf4c8932cb4704bae235021bc2c0bde3e94bf71d `http://www.intel.com`<Intel>,`mailto:shiyoux.tan@intel.com`<Intel> The 'flex-basis' property set positive number, the actual value of test element size is same as the positive number flex-basis-002 reference/ref-filled-green-100px-square flex-basis - positive number http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis bd0b95ddbaf7caf8595c5f24cdb25e24f8312f0e `http://www.intel.com`<Intel>,`mailto:shiyoux.tan@intel.com`<Intel> The 'flex-basis' property specified correct value, the actual value of test element size is same as to the value of 'flex-basis' property, and the 'width' property is invalid. flex-basis-003 reference/ref-filled-green-100px-square flex-basis - negative number(width not specified) http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis 75bc5a47afacb6416a93c6eb0fd876c4ad288f76 `http://www.intel.com`<Intel>,`mailto:shiyoux.tan@intel.com`<Intel> The 'flex-basis' property set negative number, the tested element is not shown when width not set either. @@ -92,7 +92,7 @@ flex-direction_column-reverse flex-direction_column-reverse http://www.w3.org/ flex-direction_row flex-direction_row http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 83c729ef6a0f2fb5c317dd507b2d9fe31316488e `Intel`<http://www.intel.com> Check if the web engine can identify the flex-direction value row. flex-direction_row-reverse flex-direction_row-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 3006570651d466202f7d917cd152312730b9edd8 `Intel`<http://www.intel.com> Check if the web engine can identify the flex-direction value row-reverse. flex-flexitem-childmargin reference/flex-flexitem-childmargin-ref flex item child margin http://www.w3.org/TR/css-flexbox-1/#flex-items e502bf18a14c3bc4fa3ae2485df64c679162ac42 `shaofeic`<csf178@gmail.com> margin should effect the orange box and green box need to align to bottom. -flex-flexitem-percentage-prescation reference/flex-flexitem-percentage-prescation-ref flex item size prescation http://www.w3.org/TR/css-flexbox-1/#flex-items 3f2168e9d0e1d45b9e6b363febe37e8c5236ac67 `shaofeic`<csf178@gmail.com> no blue color could be seen. +flex-flexitem-percentage-prescation reference/flex-flexitem-percentage-prescation-ref flex item size prescation http://www.w3.org/TR/css-flexbox-1/#flex-items 8d37a361c029bcb07faf82e3f172f1d4ec7bb785 `shaofeic`<csf178@gmail.com> no blue color could be seen. flex-flow-001 reference/flex-flow-001-ref flex-flow - row nowrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#flex-direction,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 2b6fb9a06aaa67cd288e4250a76bbc9aaea44a14 `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> The 'flex-flow' property set 'row nowrap' controls the flex container is single-line flex-flow-002 reference/flex-flow-002-ref flex-flow - row wrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#flex-direction,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 20995419ed10209f06aac780744ad9080e6cc280 `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> The 'flex-flow' property set 'row wrap' controls the flex container is multi-line flex-flow-003 reference/flex-flow-002-ref flex-flow - row wrap-reverse http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#flex-direction,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 28dc1f2443f81ac364e9fa6fc3975eee67e90248 `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> The 'flex-flow' property set 'row wrap-reverse' controls the flex container is multi-line but the cross-start and cross-end directions are swapped @@ -111,7 +111,7 @@ flex-grow-003 reference/ref-filled-green-100px-square flex-grow - negative numbe flex-grow-004 reference/ref-filled-green-100px-square flex-grow - (invalid when no space distributed) http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 8e5211f94c12ebe0f7e248721b724d32dda4ce1e `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> The 'flex-grow' property is invalid when the flex container has no space distributed. flex-grow-005 reference/ref-filled-green-100px-square flex-grow - (invalid when applied to flex container) http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 5786ab49011d6f7284919bd24df40f082c55e64d `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> The 'flex-grow' property is invalid when the property applied to flex container. flex-grow-006 reference/ref-filled-green-100px-square flex-grow - positive number(fill all space) http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow f8b3290012a57cf47c520f716c3c50a4e02eba55 `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that all space of flex container will be filled when there is only one flex item and 'flex-grow' set any positive number. -flex-items-flexibility reference/flex-items-flexibility CSS Flex-basis Test http://www.w3.org/TR/css-flexbox-1/#flexibility 6bada7cc61f1b3adac7354992455b59cff76478e `Chunsheng Zhang`<mailto:zhangcs_423@163.com> flex items flexibility +flex-items-flexibility reference/flex-items-flexibility CSS Flex-basis Test http://www.w3.org/TR/css-flexbox-1/#flexibility ae727206300ecb1f3e5b155a9288be0be61f52b2 `Chunsheng Zhang`<mailto:zhangcs_423@163.com> flex items flexibility flex-margin-no-collapse reference/flex-margin-no-collapse-ref flex item margins http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction,http://www.w3.org/TR/css-flexbox-1/#item-margins 96231d68de1fe051b06e793d659a813a53a91ed9 `Ping Huang`<mailto:phuangce@gmail.com> The vertical gap between two green boxs should be 100px. flex-minimun-height-flex-items-001 reference/ref-filled-green-100px-square Minimun height of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto 605b08c7906eba5ed79720f2399103205a138218 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun height for flex items is the min-content size. flex-minimun-height-flex-items-002 reference/ref-filled-green-100px-square Minimun height of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto fb81ee347c99fde166c84ec223256317f0a54a41 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun height for flex items is the specified size if it's smaller than the min-content size. @@ -358,23 +358,23 @@ flexbox_computedstyle_flex-direction-column-reverse flexbox | computed style | flexbox_computedstyle_flex-direction-invalid flexbox | computed style | flex-direction: row dom http://www.w3.org/TR/css-flexbox-1/#flex-direction b096ae197ef5e36455b3aa8ff5ecc79886f6c52d `Opera Software`<http://opera.com> flexbox_computedstyle_flex-direction-row flexbox | computed style | flex-direction: row dom http://www.w3.org/TR/css-flexbox-1/#flex-direction 465c68e1fd4e64b39e76943b0b7ad7d96a443841 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-direction-row-reverse flexbox | computed style | flex-direction: row-reverse dom http://www.w3.org/TR/css-flexbox-1/#flex-direction 8d4493c084b32f03266f890b0608afd0917cfcfc `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-column flexbox | computed style | flex-flow: column dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-column ef9f6bc6246ee34178b215f4492ccd72fbd1da91 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-column-nowrap flexbox | computed style | flex-flow: column nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-column,http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap 359ac2c2a647cfea137bc216250eb318d16a9187 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-column-reverse flexbox | computed style | flex-flow: column-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse f089964e4b358ebba66d169d5b695523968a7bb5 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-column-reverse-nowrap flexbox | computed style | flex-flow: column-reverse nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse,http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap ad2effa806590b36d9c5349198ab661cc0d94d81 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-column-reverse-wrap flexbox | computed style | flex-flow: column-reverse wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse,http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap 015b7532aa7c595d685ea092893b04aea5bcb9e8 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-column-wrap flexbox | computed style | flex-flow: column wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-column,http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap 71787aa7701211b2730675a60e258f284573b391 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-column-wrap-reverse flexbox | computed style | flex-flow: column wrap-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-column,http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse 1b96b4db7cc1dc30ffe4e79c4ad1e230d328a41c `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-nowrap flexbox | computed style | flex-flow: nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap 742872f107b7e28d36ccdd00d57af705d561362d `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row flexbox | computed style | flex-flow: row dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-row ab69bcad87b3ed66c2b8f377b18ee95cd647e7d1 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row-nowrap flexbox | computed style | flex-flow: row nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-row,http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap 54b563633e1e28a42aecde2a4d2bc4379f2de0fb `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row-reverse flexbox | computed style | flex-flow: row-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse 8af1cb92a885515647c49fa331ddbc91a35d157e `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row-reverse-nowrap flexbox | computed style | flex-flow: row-reverse nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap c452b89efa6e2b12ef52e08ecea18f94a076fdf1 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row-reverse-wrap flexbox | computed style | flex-flow: row-reverse wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap 5ea1a4cb4d86a704a5b4841d4486713165c0031e `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse flexbox | computed style | flex-flow: row-reverse wrap-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse a91258a18c62d35ba28b33a691a857dc590f5c5a `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row-wrap flexbox | computed style | flex-flow: row wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-row,http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap cb822687a33313a012e7d1c130d374cf2d1ed62e `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row-wrap-reverse flexbox | computed style | flex-flow: row wrap-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-row,http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse bacc4933cd88efd4746ee6128986786ff52e35d5 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-wrap flexbox | computed style | flex-flow: wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap 79f711e5e8f7fdf790ca04f23d86945da73ab7f4 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-column flexbox | computed style | flex-flow: column dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column 713e4d8b0cc98d64c34e2541ff6343a3ae28b24d `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-column-nowrap flexbox | computed style | flex-flow: column nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap 3977c478ddb26703dd9deb82e82255cb103deec6 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-column-reverse flexbox | computed style | flex-flow: column-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse 6dcee51bc841b62093dea1bc396d7727d6e108fe `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-column-reverse-nowrap flexbox | computed style | flex-flow: column-reverse nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap 8ca37aa465bc3f743a7dba45aeff1b6d0c9579b0 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-column-reverse-wrap flexbox | computed style | flex-flow: column-reverse wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap 784f9a9d00954ba675f9cf2b993bc536f16916fe `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-column-wrap flexbox | computed style | flex-flow: column wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap f72610177758218a6493cf22cb96787f23f56341 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-column-wrap-reverse flexbox | computed style | flex-flow: column wrap-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse bb0884f75d50052ebc5dd12835e28eff6ac80038 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-nowrap flexbox | computed style | flex-flow: nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap 72295885e0fb14d2d3c6aa87f7175825542001f7 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row flexbox | computed style | flex-flow: row dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row 33c7e9474d83f1d1613ac4b2dc0010cdcb003d5d `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row-nowrap flexbox | computed style | flex-flow: row nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap d411b9be2d00b359da9fc1616f619eadec48c4a5 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row-reverse flexbox | computed style | flex-flow: row-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse f8fab15302d722bf44f7a7e3feb33bb42757c4c2 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row-reverse-nowrap flexbox | computed style | flex-flow: row-reverse nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap 3ed9025f65ec9a9d321e15ed4f965b6b8c9e5853 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row-reverse-wrap flexbox | computed style | flex-flow: row-reverse wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap a61f3c0001e0ad4d8e98d427e78a02455abc09bd `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse flexbox | computed style | flex-flow: row-reverse wrap-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse 4c3f2b813f6e8e0fa6e1c7f3f67201c4f0709afd `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row-wrap flexbox | computed style | flex-flow: row wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap 9c36f816fc74472766c17f57e0ae133afca15ccd `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row-wrap-reverse flexbox | computed style | flex-flow: row wrap-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse 32e8ba672ec87c0e84dd0f27e46d4d7b90de8ee2 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-wrap flexbox | computed style | flex-flow: wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap 76fe127a0c9bec9881983a9969e703c05fd069ba `Opera Software`<http://opera.com> flexbox_computedstyle_flex-grow-0 flexbox | computed style | flex-grow: 0 dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 0d31e588261dbee89d706fa5ad4e7c972b28a4c2 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-grow-invalid flexbox | computed style | flex-grow: negative dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow a7b47c4479c35c736ed5aba7089da7b1f3dedbd9 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-grow-number flexbox | computed style | flex-grow: number dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 5242a9ccba365ad56b489ef924a99ef0eecb0a18 `Opera Software`<http://opera.com> @@ -406,7 +406,7 @@ flexbox_computedstyle_order-invalid flexbox | computed style | order: nonintege flexbox_computedstyle_order-negative flexbox | computed style | order: -1 dom http://www.w3.org/TR/css-flexbox-1/#propdef-order 0a911382a0fcb5d01a8ee62acf7de9789de5e4cd `Opera Software`<http://opera.com> flexbox_direction-column reference/flexbox_direction-column-ref flexbox | flex-direction: column http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 016ee30f42dcea1993ff8772b43f2783f358d30e `Opera Software`<http://opera.com> flexbox_direction-column-reverse reference/flexbox_direction-column-reverse-ref flexbox | flex-direction: column-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 0ac54595950e762ca7752f3dd9f87ecd17aee308 `Opera Software`<http://opera.com> -flexbox_direction-row-reverse reference/flexbox_direction-row-reverse-ref flexbox | flex-direction: row-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 494b66430b84f041f8d792572a830d1e80b4f6fe `Opera Software`<http://opera.com> +flexbox_direction-row-reverse reference/flexbox_direction-row-reverse-ref flexbox | flex-direction: row-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property f1320e1caafb090d6e0cbdc74c873f98dfea7d85 `Opera Software`<http://opera.com> flexbox_display reference/flexbox_display-ref flexbox | display error-handling http://www.w3.org/TR/css-flexbox-1/#flex-containers 429c145ce111df3e08fa2ff4f5692e56bc4bbb4d `Opera Software`<http://opera.com> flexbox_fbfc reference/flexbox_fbfc-ref flexbox | flex formatting context :: float intrusion http://www.w3.org/TR/css-flexbox-1/#flex-containers 5b33462ad18995d80f363daf64588ae2b06b1012 `Opera Software`<http://opera.com> flexbox_fbfc2 reference/flexbox_fbfc2-ref flexbox | flex formatting context :: float intrusion http://www.w3.org/TR/css-flexbox-1/#flex-containers 96924b6ce7df17a725dff73a27ec2baa994a6744 `Opera Software`<http://opera.com> @@ -505,7 +505,7 @@ flexbox_flex-N-N-Npercent reference/flexbox_flex-N-N-Npercent-ref flexbox | flex flexbox_flex-N-N-Npercent-shrink reference/flexbox_flex-N-N-Npercent-shrink-ref flexbox | flex: N N N% | shrinking http://www.w3.org/TR/css-flexbox-1/#flex-property f7fea5157a2d5d44e69ab1083598d8323c6fdfa4 `Opera Software`<http://opera.com> flexbox_flex-natural reference/flexbox_flex-natural-ref flexbox | flex: larger integer http://www.w3.org/TR/css-flexbox-1/#flex-common e5f2206a3e7bde2995ea9a2712e0395618cec2f9 `Opera Software`<http://opera.com> flexbox_flex-natural-mixed-basis reference/flexbox_flex-natural-mixed-basis-ref flexbox | flex: larger integer, mixed basis http://www.w3.org/TR/css-flexbox-1/#flex-basis-property aa956d1c13675e5b4872c65d15cb2eec96eb3d8e `Opera Software`<http://opera.com> -flexbox_flex-natural-mixed-basis-auto reference/flexbox_flex-natural-mixed-basis-auto-ref flexbox | flex: larger integer, mixed basis, auto http://www.w3.org/TR/css-flexbox-1/#flex-basis-property e92a27a4b8dcd6d86acf798d16ada443b742760f `Opera Software`<http://opera.com> +flexbox_flex-natural-mixed-basis-auto reference/flexbox_flex-natural-mixed-basis-auto-ref flexbox | flex: larger integer, mixed basis, auto http://www.w3.org/TR/css-flexbox-1/#flex-basis-property d51d054019bba36ae31354936ec17b47fe0e90f1 `Opera Software`<http://opera.com> flexbox_flex-natural-variable-auto-basis reference/flexbox_flex-natural-variable-auto-basis-ref flexbox | flex: larger integer, auto basis http://www.w3.org/TR/css-flexbox-1/#flex-basis-property 7755aa9d0584d1d4ecc9f25559916eabde034e06 `Opera Software`<http://opera.com> flexbox_flex-natural-variable-zero-basis reference/flexbox_flex-natural-variable-zero-basis-ref flexbox | flex: larger integer, zero basis http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis 4ba06ffb647768427b03ff4236cd122499ed14d6 `Opera Software`<http://opera.com> flexbox_flex-none reference/flexbox_flex-none-ref flexbox | flex: none http://www.w3.org/TR/css-flexbox-1/#flex-common 2b468b57f1ba7761b333d2fea4637ad94516f3a4 `Opera Software`<http://opera.com> @@ -516,7 +516,6 @@ flexbox_flow-column-wrap-reverse reference/flexbox_flow-column-wrap-reverse-ref flexbox_flow-row-wrap reference/flexbox_flow-row-wrap-ref flexbox | flex-flow: row wrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 4339f96b8767fb59553404d641bf1a7a899f299b `Opera Software`<http://opera.com> flexbox_flow-row-wrap-reverse reference/flexbox_flow-row-wrap-reverse-ref flexbox | flex-flow: row wrap-reverse http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow b28edd15c50b0467f0c2e32dc703261e81d690c2 `Opera Software`<http://opera.com> flexbox_generated reference/flexbox_generated-ref flexbox | flexcontainer vs generated content http://www.w3.org/TR/css-flexbox-1/#flex-container 4570a214569e4838440ab3272b9ccd40a8bf26cb `Opera Software`<http://opera.com> -flexbox_generated-container reference/flexbox_generated-container-ref flexbox | flexcontainer vs generated content http://www.w3.org/TR/css-flexbox-1/#flex-container 0ca130877ef2b8b367b57ff6b389325f28098ce2 `Opera Software`<http://opera.com> flexbox_generated-flex reference/flexbox_generated-flex-ref flexbox | flexcontainer via generated content http://www.w3.org/TR/css-flexbox-1/#flex-container 9757b85f200e0b9db067b1fd57c55500bd2c4114 `Opera Software`<http://opera.com> flexbox_generated-nested-flex reference/flexbox_generated-flex-ref flexbox | flexcontainer via generated content http://www.w3.org/TR/css-flexbox-1/#flex-container 923485dbc0a175039a27e86323be636703775ab1 `Opera Software`<http://opera.com> flexbox_inline reference/flexbox_inline-ref flexbox | inline http://www.w3.org/TR/css-flexbox-1/#flex-containers 447bdde9aed536a2bcc81a5dd78c8069f4836aa6 `Opera Software`<http://opera.com> @@ -565,21 +564,19 @@ flexbox_margin-auto-overflow reference/flexbox_margin-auto-overflow-ref flexbox flexbox_margin-auto-overflow-2 reference/flexbox_margin-auto-overflow-2-ref flexbox | margin: auto in overflow http://www.w3.org/TR/css-flexbox-1/#auto-margins 4254fbcce87139219739456302d94f8d2bd72768 `Opera Software`<http://opera.com> flexbox_margin-collapse reference/flexbox_margin-collapse-ref flexbox | flexitem margin collapsing http://www.w3.org/TR/css-flexbox-1/#visibility-collapse 6aa64150b93c317b76e5a43a41b62ca3c833b912 `Opera Software`<http://opera.com> flexbox_margin-left-ex reference/flexbox_margin-left-ex-ref flexbox | margin-left: auto http://www.w3.org/TR/css-flexbox-1/#item-margins a722372e89428c63ff1b99c432a679db1301041e `Opera Software`<http://opera.com> -flexbox_min-height-auto reference/flexbox_min-height-auto-ref flexbox | min-height: auto http://www.w3.org/TR/css-flexbox-1/#min-size-auto 0889d1aa107e2ebeb115d99a06b54b6c2f8b8357 `Opera Software`<http://opera.com> -flexbox_min-width-auto reference/flexbox_min-width-auto-ref flexbox | min-width: auto http://www.w3.org/TR/css-flexbox-1/#min-size-auto 4fbbe3bae0e6f9fc1e4f77303542f3d1bf38ab67 `Opera Software`<http://opera.com> flexbox_nested-flex reference/flexbox_generated-flex-ref flexbox | nested flexcontainer http://www.w3.org/TR/css-flexbox-1/#flex-containers de7cef3ac7399c36bde0844a90755fafb9ae75a5 `Opera Software`<http://opera.com> flexbox_object reference/flexbox_object-ref flexbox | object fallback as a flex item http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content 5b8622fb8a69aa78e7cb37ccaa7af3be17c742cb `Opera Software`<http://opera.com> flexbox_order reference/flexbox_order-ref flexbox | flex-flow: column-reverse wrap-reverse; order http://www.w3.org/TR/css-flexbox-1/#propdef-order d345977eb697f0d70940b814f7aa1414434b9722 `Opera Software`<http://opera.com> flexbox_order-abspos-space-around reference/flexbox_order-abspos-space-around-ref flexbox | order; justify-content: space-around http://www.w3.org/TR/css-flexbox-1/#propdef-order bd6d487a106559771331579297b95acbfb6a8577 `Opera Software`<http://opera.com> flexbox_order-box reference/flexbox_order-box-ref flexbox | flex-flow: column-reverse wrap-reverse; order http://www.w3.org/TR/css-flexbox-1/#propdef-order 47ed809b00402ab4408062ec191e53f6da3e9f97 `Opera Software`<http://opera.com> -flexbox_order-noninteger-invalid reference/flexbox_empty-ref flexbox | flex-flow: column-reverse wrap-reverse; order http://www.w3.org/TR/css-flexbox-1/#propdef-order 1f672e31cf0d8647407d63e3fa67aec0149be5bd `Opera Software`<http://opera.com> +flexbox_order-noninteger-invalid reference/flexbox_empty-ref flexbox | flex-flow: column-reverse wrap-reverse; order http://www.w3.org/TR/css-flexbox-1/#propdef-order cb761f3308f054a7cd5d1ec75954abcfe5e486d6 `Opera Software`<http://opera.com> flexbox_rowspan reference/flexbox_rowspan-ref flexbox | flexcontainers in cells with rowspan http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap cbdc9b8fb06e07f2dbda75a6040b7f72af6d2d39 `Opera Software`<http://opera.com> flexbox_rowspan-overflow reference/flexbox_rowspan-ref flexbox | flexcontainers in cells with rowspan http://www.w3.org/TR/css-flexbox-1/#flex-property e890f105eb21884b8e6cf2ec49631885b6e0b19a `Opera Software`<http://opera.com> flexbox_rowspan-overflow-automatic reference/flexbox_rowspan-ref flexbox | flexcontainers in cells with rowspan http://www.w3.org/TR/css-flexbox-1/#flex-property fc0765593c796aadb31bf2941c832e30abd3b3f4 `Opera Software`<http://opera.com> -flexbox_rtl-direction reference/flexbox_rtl-direction-ref flexbox | flex-direction: column-reverse | rtl http://www.w3.org/TR/css-flexbox-1/#flex-direction,http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse 1e49c609fac138ef2cf55a176496f38a4d1ae94d `Opera Software`<http://opera.com> -flexbox_rtl-flow reference/flexbox_rtl-flow-ref flexbox | flex-flow: column wrap | rtl http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-column,http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap b7f45ac17ad8b78c5a018da62d670538eebbc6ab `Opera Software`<http://opera.com> -flexbox_rtl-flow-reverse reference/flexbox_rtl-flow-reverse-ref flexbox | flex-flow: column wrap-reverse | rtl http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-column,http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse 26b91c4a0460efceb73d731a90128bfeac237cd5 `Opera Software`<http://opera.com> -flexbox_rtl-order reference/flexbox_rtl-order-ref flexbox | flex-flow: column-reverse wrap-reverse; order | rtl http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse,http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse 79d4af59c7ded9606e082e8206e947788adf6a79 `Opera Software`<http://opera.com> +flexbox_rtl-direction reference/flexbox_rtl-direction-ref flexbox | flex-direction: column-reverse | rtl http://www.w3.org/TR/css-flexbox-1/#flex-direction,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse 0c040b5e2e2ab9b79d1b20be0b2cf01c5929ae15 `Opera Software`<http://opera.com> +flexbox_rtl-flow reference/flexbox_rtl-flow-ref flexbox | flex-flow: column wrap | rtl http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap df3787b159e0abba17c8e09947da4366e176f70c `Opera Software`<http://opera.com> +flexbox_rtl-flow-reverse reference/flexbox_rtl-flow-reverse-ref flexbox | flex-flow: column wrap-reverse | rtl http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse 97d6975321ffae724dcbf842e2c45ce755988d01 `Opera Software`<http://opera.com> +flexbox_rtl-order reference/flexbox_rtl-order-ref flexbox | flex-flow: column-reverse wrap-reverse; order | rtl http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse 4090c6d3a340952217f101b03d8ad2f93f9acfe4 `Opera Software`<http://opera.com> flexbox_stf-abspos reference/flexbox_empty-ref flexbox | flexcontainer versus stf :: abspos http://www.w3.org/TR/css-flexbox-1/#flex-items e24fd8fe7d5bb6185a8c3d779c5197f0ca812d80 `Opera Software`<http://opera.com> flexbox_stf-fixpos flexbox | flexcontainer versus stf :: fixed http://www.w3.org/TR/css-flexbox-1/#flex-items 033527b57604643b6c44febdccd54cd5a8a07007 `Opera Software`<http://opera.com> flexbox_stf-float reference/flexbox_empty-ref flexbox | flexcontainer versus stf :: float http://www.w3.org/TR/css-flexbox-1/#flex-items 0159cfa2484cb57804d9cbe5362a0fc2eea3bad2 `Opera Software`<http://opera.com> @@ -631,12 +628,12 @@ justify-content_flex-end justify-content_flex-end http://www.w3.org/TR/css-fle justify-content_flex-start justify-content_flex-start http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content b2d8a2db40369225f983831fe7e3764ae9bd7a1e `Intel`<http://www.intel.com> Check if the web engine can indentify the justify-content value flex-start. justify-content_space-around justify-content_space-around http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content 57a89c6dbe40a6e198eaa4ef06afbc6cfaa1c6ce `Intel`<http://www.intel.com> Check if the web engine can indentify the justy-content value space-around. justify-content_space-between justify-content_space-between http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content 272c283b96980803e385bd33b6eef2e145c63267 `Intel`<http://www.intel.com> Check if the web engine can indentify the justify-content value space-between. -multi-line-wrap-reverse-column-reverse reference/multi-line-wrap-reverse-column-reverse-ref flex container multiline wrapping-reverse in column-reverse direction. http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap,http://www.w3.org/TR/css-flexbox-1/#flex-direction-property c68df3dba4a3f36ad584bcc5bcbe0191153b6c82 `tmtysk`<mailto:tmtysk@gmail.com> This test check that a flex container reverse-wraps blocks multiline in column-reverse direction. +multi-line-wrap-reverse-column-reverse reference/multi-line-wrap-reverse-column-reverse-ref flex container multiline wrapping-reverse in column-reverse direction. http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap,http://www.w3.org/TR/css-flexbox-1/#flex-direction-property cf5398c349ce875045d9a8f193db6b2c45057e3d `tmtysk`<mailto:tmtysk@gmail.com> This test check that a flex container reverse-wraps blocks multiline in column-reverse direction. multi-line-wrap-reverse-row-reverse reference/multi-line-wrap-reverse-row-reverse-ref flex container multiline wrapping-reverse in row-reverse direction. http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap,http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 603856a322bbc0eaefcb6334b0a883e713d5def6 `tmtysk`<mailto:tmtysk@gmail.com> This test check that a flex container reverse-wraps blocks multiline in row-reverse direction. -multi-line-wrap-with-column-reverse reference/multi-line-wrap-with-column-reverse-ref flex container multiline wrapping in column-reverse direction http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap,http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 831fe2b271b86a9746f8e6ac2bbc998c0bbb0503 `tmtysk`<mailto:tmtysk@gmail.com> This test check that a flex container wraps blocks multiline in column-reverse direction. +multi-line-wrap-with-column-reverse reference/multi-line-wrap-with-column-reverse-ref flex container multiline wrapping in column-reverse direction http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap,http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 02ac708366bcef7fcae636d92dc00b0162aa859c `tmtysk`<mailto:tmtysk@gmail.com> This test check that a flex container wraps blocks multiline in column-reverse direction. multi-line-wrap-with-row-reverse reference/multi-line-wrap-with-row-reverse-ref flex container multiline wrapping in row-reverse direction http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap,http://www.w3.org/TR/css-flexbox-1/#flex-direction-property c57b9d0f1fdda471b9c1a27f6fb6e34173938767 `tmtysk`<mailto:tmtysk@gmail.com> This test check that a flex container wraps blocks multiline in row-reverse direction. order-001 The 'order' property on flex items set to a value of '-1' http://www.w3.org/TR/css-flexbox-1/#propdef-order 04b5480a5e5ed8d047c97faee2ca8d8d2e450ca5 `Microsoft`<http://www.microsoft.com/> This test checks that a flex container will lay out its content in the order specified by the ordinal groups. -order-with-column-reverse reference/order-with-column-reverse-ref flex container layout lowest order with column-reverse direction http://www.w3.org/TR/css-flexbox-1/#propdef-order 4b46a5ecdd86862155091ee385b111da2246d8b6 `tmtysk`<mailto:tmtysk@gmail.com> This test check that a flex container layouts out its content starting with the lowest numbered ordinal group and going up with column-reverse direction. +order-with-column-reverse reference/order-with-column-reverse-ref flex container layout lowest order with column-reverse direction http://www.w3.org/TR/css-flexbox-1/#propdef-order 781edf3b64de42acf2ac3b923cf7d8ca515f0501 `tmtysk`<mailto:tmtysk@gmail.com> This test check that a flex container layouts out its content starting with the lowest numbered ordinal group and going up with column-reverse direction. order-with-row-reverse reference/order-with-row-reverse-ref flex container layout lowest order with row-reverse direction http://www.w3.org/TR/css-flexbox-1/#propdef-order 379d0daab60067a9fb6157277ec463b4ac66a1f1 `tmtysk`<tmtysk@gmail.com> This test check that a flex container layouts out its content starting with the lowest numbered ordinal group and going up with row-reverse direction. order_value order_check script http://www.w3.org/TR/css-flexbox-1/#propdef-order f5d773d782a1400c848d447eab95274ed8b8fbb2 `Intel`<http://www.intel.com> Check if the web engine can indentify order property. regions-flexbox-001 reference/regions-flexbox-001-ref CSS Regions: flowing flexbox elements in region http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-flexbox-1/#flex-containers 11164a17de38e44ba5a60371b8f6f0cde1d58870 `Catalin Badea`<mailto:badea@adobe.com> Test that flex containers are flowed inside a namedflow. @@ -646,14 +643,15 @@ regions-flexbox-004 reference/regions-flexbox-002-ref CSS Regions: fixed sized r row-flexbox-break reference/row-flexbox-break-ref CSS Regions: row flex container fragmentation ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm,http://www.w3.org/TR/css-flexbox-1/#pagination 62eca80457772bbcd6ef028a809740a4671aaece `Catalin Badea`<mailto:badea@adobe.com> Test checks that a flex container with row flow is split between regions. ttwf-reftest-flex-align-content-center reference/ttwf-reftest-flex-align-content-center-ref align-content property - center http://www.w3.org/TR/css-flexbox-1/#align-content-property 70cf594ac3554827c881644aaa1d282400d9275f `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting ttwf-reftest-flex-align-content-end reference/ttwf-reftest-flex-align-content-end-ref align-content property - flex-end http://www.w3.org/TR/css-flexbox-1/#align-content-property e7b3fdf1d85f5ac349d8aad09401290e1f371359 `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting -ttwf-reftest-flex-align-content-space-around reference/ttwf-reftest-flex-align-content-space-around-ref align-content property - space-around http://www.w3.org/TR/css-flexbox-1/#align-content-property 219df9e7930f458af4acceb5e3e99859e033ab85 `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting +ttwf-reftest-flex-align-content-space-around reference/ttwf-reftest-flex-align-content-space-around-ref align-content property - space-around http://www.w3.org/TR/css-flexbox-1/#align-content-property 985fb0b70cedd2f698c42f3471dd6b93e9a0c4f4 `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting ttwf-reftest-flex-align-content-space-between reference/ttwf-reftest-flex-align-content-space-between-ref align-content property - space-between http://www.w3.org/TR/css-flexbox-1/#align-content-property 3913f63bb373edde072e12c44a2211830cd4f1d7 `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting ttwf-reftest-flex-align-content-start reference/ttwf-reftest-flex-align-content-start-ref align-content property - flex-start http://www.w3.org/TR/css-flexbox-1/#align-content-property d9579a3b26825e87897486a6e98d115d67e3e56e `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting ttwf-reftest-flex-base reference/ttwf-reftest-flex-base-ref display proprety - flex http://www.w3.org/TR/css-flexbox-1/#flex-containers 09cd8d806fdea0d80f53d47755e6142bc5949bad `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting ttwf-reftest-flex-direction-column reference/ttwf-reftest-flex-direction-column-ref flex-direction proprety - column http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 728c353144e523d1a5a723816705922e0c6c1e76 `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting ttwf-reftest-flex-direction-column-reverse reference/ttwf-reftest-flex-direction-column-reverse-ref flex-direction proprety - column-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property dd7661f0825e7ffc18333899ba88a572498717e9 `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting -ttwf-reftest-flex-direction-row-reverse reference/ttwf-reftest-flex-direction-row-reverse-ref flex-direction proprety - row-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 5cf3a7c461178c681be521423a82e0878a80c275 `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting -ttwf-reftest-flex-order reference/ttwf-reftest-flex-order-ref order proprety - value http://www.w3.org/TR/css-flexbox-1/#propdef-order 20966eb34dbe8f0b6a907a7ecb417d8b3cafdbcf `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting +ttwf-reftest-flex-direction-row-reverse reference/ttwf-reftest-flex-direction-row-reverse-ref flex-direction proprety - row-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 9098f8056ac9c5fc7f7633548358c81fedb3f8c8 `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting +ttwf-reftest-flex-inline reference/ttwf-reftest-flex-inline-ref display proprety - inline-flex http://www.w3.org/TR/css-flexbox-1/#valdef-display-inline-flex 76e35eb42afbf4c59d4f5a940e0df33746514690 `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting +ttwf-reftest-flex-order reference/ttwf-reftest-flex-order-ref order proprety - value http://www.w3.org/TR/css-flexbox-1/#propdef-order 044ded9f226cb84a3c9732056aea49c46c181e2f `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting ttwf-reftest-flex-wrap reference/ttwf-reftest-flex-wrap-ref flex-wrap proprety - wrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 6711a164362418be2fcd9c0212837ddd96134a16 `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting ttwf-reftest-flex-wrap-reverse reference/ttwf-reftest-flex-wrap-reverse-ref flex-wrap proprety - wrap-reverse http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap ed8cc9b7b77eccf97ceba22b903b26ae3aa38e09 `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting visibility-collapse-001 A flex item with the 'visibility' property set to 'collapse' should not take up space in the main axis http://www.w3.org/TR/css-flexbox-1/#visibility-collapse e3a914d7e3c7ff2a5e898eaf67dff3041dda16fc `Microsoft`<http://www.microsoft.com/> This test checks that a flex item with 'visibility: collapse' doesn't take up space in the main axis. diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-items-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-items-004.xht index e6b8d438896..76b60661055 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-items-004.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-items-004.xht @@ -10,7 +10,7 @@ <style type="text/css"> #flexbox { - background: linear-gradient(to bottom, green 0, green 16px, red 16px, red 35px, green 35px, green 66px, red 66px, red 85px, green 85px, green 100px); + background: linear-gradient(to bottom, green 0, green 16px, red 17px, red 35px, green 36px, green 66px, red 67px, red 85px, green 86px, green 100px); align-items: flex-start; align-items: baseline; display: flex; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-2.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-2.xht index 43d4130d34f..cf25081ef56 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-2.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-2.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Layout Box Model and Terminology (30 tests)</h2> + <h2>Flex Layout Box Model and Terminology (29 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -55,7 +55,7 @@ <!-- 0 tests --> </tbody> <tbody id="s2.#flex-container"> - <!-- 4 tests --> + <!-- 3 tests --> <tr id="flexbox_generated-2.#flex-container" class="primary"> <td><strong> <a href="flexbox_generated.xht">flexbox_generated</a></strong></td> @@ -64,14 +64,6 @@ <td>flexbox | flexcontainer vs generated content </td> </tr> - <tr id="flexbox_generated-container-2.#flex-container" class="primary"> - <td><strong> - <a href="flexbox_generated-container.xht">flexbox_generated-container</a></strong></td> - <td><a href="reference/flexbox_generated-container-ref.xht">=</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.xht">flexbox_generated-flex</a></strong></td> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-3.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-3.xht index f04dc814b24..7e73459576d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-3.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-3.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Containers: the flex and inline-flex display values (35 tests)</h2> + <h2>Flex Containers: the flex and inline-flex display values (36 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -350,7 +350,18 @@ <!-- 0 tests --> </tbody> <tbody id="s3.#valdef-display-inline-flex"> - <!-- 0 tests --> + <!-- 1 tests --> + <tr id="ttwf-reftest-flex-inline-3.#valdef-display-inline-flex" class="primary"> + <td><strong> + <a href="ttwf-reftest-flex-inline.xht">ttwf-reftest-flex-inline</a></strong></td> + <td><a href="reference/ttwf-reftest-flex-inline-ref.xht">=</a> </td> + <td></td> + <td>display proprety - inline-flex + <ul class="assert"> + <li>Statement describing what the test case is asserting</li> + </ul> + </td> + </tr> </tbody> </table> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-4.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-4.xht index e046ea2b100..bd168bd31d1 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-4.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-4.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Items (74 tests)</h2> + <h2>Flex Items (72 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -451,7 +451,7 @@ <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> - <!-- 32 tests --> + <!-- 30 tests --> <tr id="flex-minimun-height-flex-items-001-4.5" class="primary"> <td><strong> <a href="flex-minimun-height-flex-items-001.xht">flex-minimun-height-flex-items-001</a></strong></td> @@ -740,22 +740,6 @@ <td>flexbox | computed style | min-width: auto </td> </tr> - <tr id="flexbox_min-height-auto-4.5" class="primary"> - <td><strong> - <a href="flexbox_min-height-auto.xht">flexbox_min-height-auto</a></strong></td> - <td><a href="reference/flexbox_min-height-auto-ref.xht">=</a> </td> - <td></td> - <td>flexbox | min-height: auto - </td> - </tr> - <tr id="flexbox_min-width-auto-4.5" class="primary"> - <td><strong> - <a href="flexbox_min-width-auto.xht">flexbox_min-width-auto</a></strong></td> - <td><a href="reference/flexbox_min-width-auto-ref.xht">=</a> </td> - <td></td> - <td>flexbox | min-width: auto - </td> - </tr> </tbody> <tbody id="s4.5.#min-size-opt"> <!-- 0 tests --> 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"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-7.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-7.xht index 181788e79bf..871cf2e8510 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-7.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-7.xht @@ -1035,7 +1035,7 @@ <td></td> <td>Image Expansion <ul class="assert"> - <li>3 square images fill out border.</li> + <li>3 rectangular images fill out border.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-8.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-8.xht index c7245adcb4e..a7401025b1d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-8.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-8.xht @@ -219,7 +219,7 @@ <a href="css-box-justify-content.xht">css-box-justify-content</a></strong></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="flexbox_computedstyle_justify-content-center-8.2.#propdef-justify-content" class="primary dom"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-box-justify-content.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-box-justify-content.xht index c1d58d82436..e599842ec95 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-box-justify-content.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-box-justify-content.xht @@ -1,5 +1,5 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox |css-box-justufy-content</title> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox |css-box-justify-content</title> <link href="ava656094@gmail.com" rel="author" title="xiaoxia" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> @@ -14,7 +14,6 @@ justify-content: flex-end; } .item{ - margin-left:2px; width:50px; height: 30px; } @@ -23,8 +22,13 @@ </head><body><p>This test passes if the DIV5's position in the end and the div is Horizontal layout</p> <div id="flexbox"> <div style="background-color: rgb(242, 210, 80); color: rgb(41, 119, 248);" class="item">DIV1</div> +   <div style="background-color: rgb(110, 8, 7); color: rgb(162, 152, 22);" class="item">DIV2</div> +   <div style="background-color: rgb(215, 172, 243); color: rgb(74, 123, 110);" class="item">DIV3</div> +   <div style="background-color: rgb(242, 133, 80); color: rgb(41, 119, 248);" class="item">DIV4</div> +   <div style="background-color: rgb(242, 50, 80); color: rgb(41, 119, 248);" class="item">DIV5</div> -</div></body></html>
\ No newline at end of file +</div> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-reverse-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-reverse-wrap-reverse.xht index f1a5abbf083..89f04eacbc4 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-reverse-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-reverse-wrap-reverse.xht @@ -15,7 +15,7 @@ width: 9em; min-height: 4em; color: white; - align-content: flex-start; + align-content: flex-end; background: green; } .item { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-wrap-reverse.xht index d6b2fdb6e71..0afe2787f5e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-wrap-reverse.xht @@ -15,7 +15,7 @@ width: 9em; min-height: 4em; color: white; - align-content: flex-start; + align-content: flex-end; background: green; } .item { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-img-expand-evenly.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-img-expand-evenly.xht index 59881b7b19b..f64a029d7bd 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-img-expand-evenly.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-img-expand-evenly.xht @@ -8,7 +8,7 @@ <!-- The match link is only required if this is a reftest --> <link href="reference/css-flexbox-img-expand-evenly-ref.xht" rel="match" /> <meta content="" name="flags" /> - <meta content="3 square images fill out border." name="assert" /> + <meta content="3 rectangular images fill out border." name="assert" /> <style type="text/css"> /* ADD STYLE BLOCK HERE (PREFERRABLE TO INLINE STYLES) */ @@ -28,7 +28,7 @@ </style> </head> <body> - <p>3 square images fill out border.</p> + <p>3 rectangular images fill out border.</p> <!-- PAGE CONTENT --> <div class="flexbox"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse-wrap-reverse.xht index d7b48698f3b..ff3b5c9e0b9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse-wrap-reverse.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse-wrap.xht index a0938455bf9..b4c230381e0 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse-wrap.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse.xht index b4ca1c84a14..52325c0e952 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse.xht @@ -23,6 +23,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-wrap-reverse.xht index 36aee4caaf7..633ba9a5e57 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-wrap-reverse.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-wrap.xht index 49feeb202d0..4add33a971e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-wrap.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row.xht index 78073beae36..1f675920706 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row.xht @@ -23,6 +23,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht index b1ec9eeae5a..7da12663332 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht index c018b6834aa..662444aab9b 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column-reverse nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht index e533a4ee0ea..802eda52d20 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column-reverse wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht index a5bbbb11714..ca9c6d6b049 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht index 2f22075ea82..3d94f952d01 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column wrap-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht index b7e08bcff06..35b006a5815 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column.xht index 19f83bd994a..11d81ef2731 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht index 05296b3a620..824bc8afda9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht index c1964c7e59a..44cf644114c 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht index b3864921509..1ece3c89437 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row-reverse nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht index f6c98bd3510..2782b996aea 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row-reverse wrap-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht index a5ca98eeef9..0f9097f2249 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row-reverse wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht index 4fa759afa56..4d5263f6fe7 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht index 4c65a625f85..cd70940c1d3 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row wrap-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht index 300a02811c3..4523425e8cf 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row.xht index 6155edd5522..3884422580b 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-wrap.xht index cc4909e2052..396fe31bb66 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-wrap.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-natural-mixed-basis-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-natural-mixed-basis-auto.xht index 60231f2cf9c..a00cf10f181 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-natural-mixed-basis-auto.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-natural-mixed-basis-auto.xht @@ -9,7 +9,7 @@ div { font-family: ahem; background: blue; height: 8em; - width: 35ex; + width: 35em; display: flex; } diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_generated-container.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_generated-container.xht deleted file mode 100644 index c024429229d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_generated-container.xht +++ /dev/null @@ -1,29 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | flexcontainer vs generated content</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-container" rel="help" /> -<link href="reference/flexbox_generated-container-ref.xht" rel="match" /> -<style> -div { - background: red; -} -div div { - content: "xxx"; - background: blue; - - display: flex; -} -p { - background: yellow; - margin: 1em; - width: 2000px; - height: 2000px; -} -</style> - -</head><body><div id="test"> - <div> - <p>FAIL</p> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_min-height-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_min-height-auto.xht deleted file mode 100644 index e6bed4774d5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_min-height-auto.xht +++ /dev/null @@ -1,32 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | min-height: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> -<link href="reference/flexbox_min-height-auto-ref.xht" rel="match" /> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; - display: flex; - flex-wrap: wrap; - flex-direction: column; -} -p { - background: yellow; - margin: 1em; - height: 0; - min-height: auto; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_min-width-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_min-width-auto.xht deleted file mode 100644 index b1e5099749c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_min-width-auto.xht +++ /dev/null @@ -1,31 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | min-width: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> -<link href="reference/flexbox_min-width-auto-ref.xht" rel="match" /> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; - display: flex; - flex-wrap: wrap; -} -p { - background: yellow; - margin: 1em; - width: 0; - min-width: auto; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_order-noninteger-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_order-noninteger-invalid.xht index 770f5175c48..7da3d4cac0d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_order-noninteger-invalid.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_order-noninteger-invalid.xht @@ -16,7 +16,7 @@ span { flex: 1 0 0%; } span+span { - background: yellow; + background: white; order: 0; } /* irrelevant */ diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-direction.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-direction.xht index b237c1ce42c..89b43f1846f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-direction.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-direction.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | flex-direction: column-reverse | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> <link href="reference/flexbox_rtl-direction-ref.xht" rel="match" /> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-flow-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-flow-reverse.xht index 6fdacb2eb86..f2d387df8ba 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-flow-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-flow-reverse.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | flex-flow: column wrap-reverse | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> <link href="reference/flexbox_rtl-flow-reverse-ref.xht" rel="match" /> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-flow.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-flow.xht index 8bc37532ca4..ac58150ee5c 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-flow.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-flow.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | flex-flow: column wrap | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <link href="reference/flexbox_rtl-flow-ref.xht" rel="match" /> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-order.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-order.xht index 44e1038f0db..b86c603131f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-order.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-order.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | flex-flow: column-reverse wrap-reverse; order | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> <link href="reference/flexbox_rtl-order-ref.xht" rel="match" /> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order-with-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order-with-column-reverse.xht index c10fc724936..10a40038bfd 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order-with-column-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order-with-column-reverse.xht @@ -23,6 +23,9 @@ #third { order: 1; } + p { + margin: 0; + } </style> </head> <body> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-box-justify-content-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-box-justify-content-ref.xht index d651d786256..7848d9623c0 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-box-justify-content-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-box-justify-content-ref.xht @@ -1,5 +1,5 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox |css-box-justufy-content</title> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox |css-box-justify-content</title> <link href="ava656094@gmail.com" rel="author" title="xiaoxia" /> <style> #flexbox { @@ -11,7 +11,7 @@ } .item{ display: inline-block; - align:right; + text-align:left; width:50px; height: 30px; } @@ -24,4 +24,5 @@ <div style="background-color: rgb(215, 172, 243); color: rgb(74, 123, 110);" class="item">DIV3</div> <div style="background-color: rgb(242, 133, 80); color: rgb(41, 119, 248);" class="item">DIV4</div> <div style="background-color: rgb(242, 50, 80); color: rgb(41, 119, 248);" class="item">DIV5</div> -</div></body></html>
\ No newline at end of file +</div> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-img-expand-evenly-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-img-expand-evenly-ref.xht index 25b1de545d1..8540a4079be 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-img-expand-evenly-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-img-expand-evenly-ref.xht @@ -20,13 +20,14 @@ </style> </head> <body> - <p>3 square images fill out border.</p> + <p>3 rectangular images fill out border.</p> <!-- PAGE CONTENT --> <div class="flexbox"> - <img src="support/solidblue.png" /> - <img src="support/solidblue.png" /> - <img src="support/solidblue.png" /> + <!-- It is important that there is no linebreak between the <img> tags. + The line break would be rendered as whitespace, breaking the test. + --> + <img src="../support/solidblue.png" /><img src="../support/solidblue.png" /><img src="../support/solidblue.png" /> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-row-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-row-ref.xht index 0357fe55d14..c7989de8419 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-row-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-row-ref.xht @@ -12,6 +12,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; } </style> </head> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-align-items-center-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-align-items-center-ref.xht index 0aaa6858ec8..d77749cbe0a 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-align-items-center-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-align-items-center-ref.xht @@ -17,8 +17,8 @@ left: 10px; } #a { - top: 150px; - left: 230px; + top: 148px; + left: 239px; border: 2px dotted blue; background: green; border-radius: 3px; @@ -29,8 +29,8 @@ flex: none; } #b { - top: 150px; - left: 283px; + top: 148px; + left: 293px; border: 2px dotted blue; background: green; border-radius: 3px; @@ -41,8 +41,8 @@ flex: none; } #c { - top: 150px; - left: 336px; + top: 148px; + left: 347px; border: 2px dotted blue; background: green; border-radius: 3px; @@ -63,4 +63,5 @@ <div style="position:absolute" id="b"></div> <div style="position:absolute" id="c"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flexitem-percentage-prescation-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flexitem-percentage-prescation-ref.xht index 16863b64369..07986cef58d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flexitem-percentage-prescation-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flexitem-percentage-prescation-ref.xht @@ -22,8 +22,8 @@ <body> <div id="test"> <div id="test"> - <p style="background:green;top:0px;height:300px;left:0px;height:300px;width:50px;">damer</p> - <p style="top:0px;left:50px;height:300px;background:Red;width:51px;">damer</p> + <p style="background:green;top:0px;height:300px;left:0px;height:300px;width:50.5px;">damer</p> + <p style="top:0px;left:50.5px;height:300px;background:Red;width:50.5px;">damer</p> </div> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-items-flexibility.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-items-flexibility.xht index 15602acb5e0..c77e60cdd7d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-items-flexibility.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-items-flexibility.xht @@ -4,9 +4,6 @@ <link href="mailto:zhangcs_423@163.com" rel="author" title="Chunsheng Zhang" /> <style type="text/css"> #container { - display: flex; - justify-content: center; - align-items: center; border: 5px solid green; width: 600px; height: 200px; @@ -16,22 +13,16 @@ top: 70px; left: 10px; } - div { - padding: 10px; - width: 30px; - height: 40px; - text-align: center; - flex: 1 0 auto; - } #flex { border: 2px dotted blue; background: green; border-radius: 3px; - flex: 2 0 auto; position: absolute; - top: 70px; - left: 160px; - width: 254px; + top: 73px; + left: 166.5px; + width: 253px; + height: 40px; + padding: 10px; } </style> </head> @@ -39,9 +30,8 @@ <p>This case tests that flex items flexibility</p> <p>The test passes if there is no red</p> <section id="container"> - <div></div> <div id="flex"></div> - <div></div> </section> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_direction-row-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_direction-row-reverse-ref.xht index ac7edaaf2a8..b167a0176e3 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_direction-row-reverse-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_direction-row-reverse-ref.xht @@ -14,14 +14,13 @@ ul { } li { color: white; - margin: 0 3px 0 0; + margin: 0; + width: 3.3333em; display: inline-block; } </style> </head><body><ul> - <li>EFGH</li> - <li>ABCD</li> - <li>IJKL</li> + <li>EFGH</li><li>ABCD</li><li>IJKL</li> </ul> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_generated-container-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_generated-container-ref.xht deleted file mode 100644 index da2853a4c47..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_generated-container-ref.xht +++ /dev/null @@ -1,12 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | flexcontainer vs generated content</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - content: "xxx"; - background: blue; -} -</style> - -</head><body><div></div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_min-height-auto-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_min-height-auto-ref.xht deleted file mode 100644 index 28e2e97a6cd..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_min-height-auto-ref.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | min-height: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; -} -p { - background: yellow; - margin: 1em 1em 2em; - height: auto; - min-height: auto; -} -p:last-child { - margin-bottom: 1em; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_min-width-auto-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_min-width-auto-ref.xht deleted file mode 100644 index 2c2a0fb4752..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_min-width-auto-ref.xht +++ /dev/null @@ -1,33 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | min-width: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; -} -div::after { - content: ""; - clear: both; - display: block; -} -p { - background: yellow; - margin: 1em; - min-width: auto; - width: auto; - float: left; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-reverse-column-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-reverse-column-reverse-ref.xht index 715b7714446..963f160ee31 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-reverse-column-reverse-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-reverse-column-reverse-ref.xht @@ -9,7 +9,7 @@ .test { width: 300px; float: left; - width: 33.3%; + width: 33.3333%; } p { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-with-column-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-with-column-reverse-ref.xht index e2d1c6d9d02..c61bb385d10 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-with-column-reverse-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-with-column-reverse-ref.xht @@ -9,7 +9,7 @@ .test { width: 300px; float: left; - width: 33.3%; + width: 33.3333%; } p { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/order-with-column-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/order-with-column-reverse-ref.xht index 91793cbe24b..5b905da9783 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/order-with-column-reverse-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/order-with-column-reverse-ref.xht @@ -4,6 +4,9 @@ <link href="mailto:tmtysk@gmail.com" rel="author" title="tmtysk" /> <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins" /> <style> + p { + margin: 0; + } </style> </head> <body> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-space-around-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-space-around-ref.xht new file mode 100644 index 00000000000..8bebaac48fd --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-space-around-ref.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Flexible Box Test: align-content property - space-between</title> + <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> + <style type="text/css"> + .container { + position: relative; + height: 14em; + width: 20em; + background: red; + margin: 1em; + border: 1px solid black; + } + + span { + height: 2em; + display: inline-block; + background: green; + color: white; + margin: 2.5em 1em; + width: 8em; + float: left; + } + </style> +</head> +<body> + <p>The test passed if you see a 2*2 table and all the cells are at the bottom of container.</p> + <div class="container"> + <span>first</span> + <span>second</span> + <span>third</span> + <span>forth</span> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-row-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-row-reverse-ref.xht index 88a3a6222ce..f0ce6958cfb 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-row-reverse-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-row-reverse-ref.xht @@ -5,10 +5,10 @@ <style type="text/css"> .container { position: relative; - display: flex; background: red; margin: 1em 0; border: 1px solid black; + text-align: right; } span { display: inline-block; @@ -16,16 +16,14 @@ color: white; margin: 1em; width: 8em; + text-align: left; } </style> </head> <body> - <p>The test passed if you see all the cells are arraged horizontally and the order of cells are reversed.</p> + <p>The test passed if you see all the cells are arranged horizontally and the order of cells are reversed.</p> <div class="container"> - <span>forth</span> - <span>third</span> - <span>second</span> - <span>first</span> + <span>forth</span><span>third</span><span>second</span><span>first</span> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-inline-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-inline-ref.xht new file mode 100644 index 00000000000..525cc83c950 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-inline-ref.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Flexible Box Test: display proprety - inline-flex</title> + <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> + <style type="text/css"> + /* Positioned container allows for the self-describing statement to still + be visible in the case of failure */ + .container { + position: relative; + } + .greenSquare { + display: inline-block; + margin-top: -200px; + background: green; + } + </style> +</head> +<body> + <p>The test passed if you see a green block which its text is 'Success!'.</p> + <div class="container"> + <!-- This is the square that should not be visible if the test passes --> + <div class="greenSquare">Success!</div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-order-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-order-ref.xht index 59ac9bb732f..d5fb2ae3f5e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-order-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-order-ref.xht @@ -23,10 +23,7 @@ <body> <p>The test passed if all the cells are reversed.</p> <div class="container"> - <span class="first">forth</span> - <span class="second">third</span> - <span class="third">second</span> - <span class="forth">first</span> + <span class="first">forth</span><span class="second">third</span><span class="third">second</span><span class="forth">first</span> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest-toc.xht index 983835bd32e..27f91e1c218 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest-toc.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest-toc.xht @@ -338,7 +338,7 @@ </tbody> <tbody id="css-box-justify-content" class=""> <tr> - <td rowspan="1" title="flexbox |css-box-justufy-content"> + <td rowspan="1" title="flexbox |css-box-justify-content"> <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 rowspan="1"></td> @@ -3376,14 +3376,6 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="flexbox_generated-container" class=""> - <tr> - <td rowspan="1" title="flexbox | flexcontainer vs generated content"> - <a href="flexbox_generated-container.xht">flexbox_generated-container</a></td> - <td><a href="reference/flexbox_generated-container-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> <tbody id="flexbox_generated-flex" class=""> <tr> <td rowspan="1" title="flexbox | flexcontainer via generated content"> @@ -3592,22 +3584,6 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="flexbox_min-height-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | min-height: auto"> - <a href="flexbox_min-height-auto.xht">flexbox_min-height-auto</a></td> - <td><a href="reference/flexbox_min-height-auto-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_min-width-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | min-width: auto"> - <a href="flexbox_min-width-auto.xht">flexbox_min-width-auto</a></td> - <td><a href="reference/flexbox_min-width-auto-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> <tbody id="flexbox_nested-flex" class=""> <tr> <td rowspan="1" title="flexbox | nested flexcontainer"> @@ -4232,6 +4208,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="ttwf-reftest-flex-inline" class=""> + <tr> + <td rowspan="1" title="display proprety - inline-flex"> + <a href="ttwf-reftest-flex-inline.xht">ttwf-reftest-flex-inline</a></td> + <td><a href="reference/ttwf-reftest-flex-inline-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="ttwf-reftest-flex-order" class=""> <tr> <td rowspan="1" title="order proprety - value"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest.list b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest.list index 2f707cf3749..20f95620b4d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest.list +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest.list @@ -418,7 +418,6 @@ flexbox_flow-column-wrap-reverse.xht == reference/flexbox_flow-column-wrap-rever flexbox_flow-row-wrap.xht == reference/flexbox_flow-row-wrap-ref.xht flexbox_flow-row-wrap-reverse.xht == reference/flexbox_flow-row-wrap-reverse-ref.xht flexbox_generated.xht == reference/flexbox_generated-ref.xht -flexbox_generated-container.xht == reference/flexbox_generated-container-ref.xht flexbox_generated-flex.xht == reference/flexbox_generated-flex-ref.xht flexbox_generated-nested-flex.xht == reference/flexbox_generated-flex-ref.xht flexbox_inline.xht == reference/flexbox_inline-ref.xht @@ -445,8 +444,6 @@ flexbox_margin-auto-overflow.xht == reference/flexbox_margin-auto-overflow-ref.x flexbox_margin-auto-overflow-2.xht == reference/flexbox_margin-auto-overflow-2-ref.xht flexbox_margin-collapse.xht == reference/flexbox_margin-collapse-ref.xht flexbox_margin-left-ex.xht == reference/flexbox_margin-left-ex-ref.xht -flexbox_min-height-auto.xht == reference/flexbox_min-height-auto-ref.xht -flexbox_min-width-auto.xht == reference/flexbox_min-width-auto-ref.xht flexbox_nested-flex.xht == reference/flexbox_generated-flex-ref.xht flexbox_object.xht == reference/flexbox_object-ref.xht flexbox_order.xht == reference/flexbox_order-ref.xht @@ -525,6 +522,7 @@ ttwf-reftest-flex-base.xht == reference/ttwf-reftest-flex-base-ref.xht ttwf-reftest-flex-direction-column.xht == reference/ttwf-reftest-flex-direction-column-ref.xht ttwf-reftest-flex-direction-column-reverse.xht == reference/ttwf-reftest-flex-direction-column-reverse-ref.xht ttwf-reftest-flex-direction-row-reverse.xht == reference/ttwf-reftest-flex-direction-row-reverse-ref.xht +ttwf-reftest-flex-inline.xht == reference/ttwf-reftest-flex-inline-ref.xht ttwf-reftest-flex-order.xht == reference/ttwf-reftest-flex-order-ref.xht ttwf-reftest-flex-wrap.xht == reference/ttwf-reftest-flex-wrap-ref.xht ttwf-reftest-flex-wrap-reverse.xht == reference/ttwf-reftest-flex-wrap-reverse-ref.xht diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/toc.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/toc.xht index 978c2feef45..d96e60ebbe9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/toc.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/toc.xht @@ -27,22 +27,22 @@ <tbody id="s2"> <tr><th><a href="chapter-2.xht">Chapter 2 - Flex Layout Box Model and Terminology</a></th> - <td>(30 Tests)</td></tr> + <td>(29 Tests)</td></tr> </tbody> <tbody id="s3"> <tr><th><a href="chapter-3.xht">Chapter 3 - Flex Containers: the flex and inline-flex display values</a></th> - <td>(35 Tests)</td></tr> + <td>(36 Tests)</td></tr> </tbody> <tbody id="s4"> <tr><th><a href="chapter-4.xht">Chapter 4 - Flex Items</a></th> - <td>(74 Tests)</td></tr> + <td>(72 Tests)</td></tr> </tbody> <tbody id="s5"> <tr><th><a href="chapter-5.xht">Chapter 5 - Ordering and Orientation</a></th> - <td>(149 Tests)</td></tr> + <td>(150 Tests)</td></tr> </tbody> <tbody id="s6"> <tr><th><a href="chapter-6.xht">Chapter 6 - diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-direction-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-direction-row-reverse.xht index e6ee169c625..1141a0a2dba 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-direction-row-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-direction-row-reverse.xht @@ -24,7 +24,7 @@ </style> </head> <body> - <p>The test passed if you see all the cells are arraged horizontally and the order of cells are reversed.</p> + <p>The test passed if you see all the cells are arranged horizontally and the order of cells are reversed.</p> <div class="container"> <span>first</span> <span>second</span> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-inline.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-inline.xht new file mode 100644 index 00000000000..47ca9156baf --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-inline.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Flexible Box Test: display proprety - inline-flex</title> + <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> + <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-display-inline-flex" rel="help" /> + <link href="reference/ttwf-reftest-flex-inline-ref.xht" rel="match" /> + <meta content="Statement describing what the test case is asserting" name="assert" /> + <style type="text/css"> + /* Positioned container allows for the self-describing statement to still + be visible in the case of failure */ + .container { + position: relative; + } + .greenSquare { + display: inline-flex; + margin-top: -200px; + background: green; + } + </style> +</head> +<body> + <p>The test passed if you see a green block which its text is 'Success!'.</p> + <div class="container"> + <!-- This is the square that should not be visible if the test passes --> + <div class="greenSquare">Success!</div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/align-items-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/align-items-004.xht index e6b8d438896..76b60661055 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/align-items-004.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/align-items-004.xht @@ -10,7 +10,7 @@ <style type="text/css"> #flexbox { - background: linear-gradient(to bottom, green 0, green 16px, red 16px, red 35px, green 35px, green 66px, red 66px, red 85px, green 85px, green 100px); + background: linear-gradient(to bottom, green 0, green 16px, red 17px, red 35px, green 36px, green 66px, red 67px, red 85px, green 86px, green 100px); align-items: flex-start; align-items: baseline; display: flex; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-2.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-2.xht index 43d4130d34f..cf25081ef56 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-2.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-2.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Layout Box Model and Terminology (30 tests)</h2> + <h2>Flex Layout Box Model and Terminology (29 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -55,7 +55,7 @@ <!-- 0 tests --> </tbody> <tbody id="s2.#flex-container"> - <!-- 4 tests --> + <!-- 3 tests --> <tr id="flexbox_generated-2.#flex-container" class="primary"> <td><strong> <a href="flexbox_generated.xht">flexbox_generated</a></strong></td> @@ -64,14 +64,6 @@ <td>flexbox | flexcontainer vs generated content </td> </tr> - <tr id="flexbox_generated-container-2.#flex-container" class="primary"> - <td><strong> - <a href="flexbox_generated-container.xht">flexbox_generated-container</a></strong></td> - <td><a href="reference/flexbox_generated-container-ref.xht">=</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.xht">flexbox_generated-flex</a></strong></td> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-3.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-3.xht index f04dc814b24..7e73459576d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-3.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-3.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Containers: the flex and inline-flex display values (35 tests)</h2> + <h2>Flex Containers: the flex and inline-flex display values (36 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -350,7 +350,18 @@ <!-- 0 tests --> </tbody> <tbody id="s3.#valdef-display-inline-flex"> - <!-- 0 tests --> + <!-- 1 tests --> + <tr id="ttwf-reftest-flex-inline-3.#valdef-display-inline-flex" class="primary"> + <td><strong> + <a href="ttwf-reftest-flex-inline.xht">ttwf-reftest-flex-inline</a></strong></td> + <td><a href="reference/ttwf-reftest-flex-inline-ref.xht">=</a> </td> + <td></td> + <td>display proprety - inline-flex + <ul class="assert"> + <li>Statement describing what the test case is asserting</li> + </ul> + </td> + </tr> </tbody> </table> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-4.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-4.xht index e046ea2b100..bd168bd31d1 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-4.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-4.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Items (74 tests)</h2> + <h2>Flex Items (72 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -451,7 +451,7 @@ <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> - <!-- 32 tests --> + <!-- 30 tests --> <tr id="flex-minimun-height-flex-items-001-4.5" class="primary"> <td><strong> <a href="flex-minimun-height-flex-items-001.xht">flex-minimun-height-flex-items-001</a></strong></td> @@ -740,22 +740,6 @@ <td>flexbox | computed style | min-width: auto </td> </tr> - <tr id="flexbox_min-height-auto-4.5" class="primary"> - <td><strong> - <a href="flexbox_min-height-auto.xht">flexbox_min-height-auto</a></strong></td> - <td><a href="reference/flexbox_min-height-auto-ref.xht">=</a> </td> - <td></td> - <td>flexbox | min-height: auto - </td> - </tr> - <tr id="flexbox_min-width-auto-4.5" class="primary"> - <td><strong> - <a href="flexbox_min-width-auto.xht">flexbox_min-width-auto</a></strong></td> - <td><a href="reference/flexbox_min-width-auto-ref.xht">=</a> </td> - <td></td> - <td>flexbox | min-width: auto - </td> - </tr> </tbody> <tbody id="s4.5.#min-size-opt"> <!-- 0 tests --> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-5.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-5.xht index ea92f3f636a..dfd3e5ed14c 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-5.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/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"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-7.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-7.xht index 181788e79bf..871cf2e8510 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-7.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-7.xht @@ -1035,7 +1035,7 @@ <td></td> <td>Image Expansion <ul class="assert"> - <li>3 square images fill out border.</li> + <li>3 rectangular images fill out border.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-8.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-8.xht index c7245adcb4e..a7401025b1d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-8.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-8.xht @@ -219,7 +219,7 @@ <a href="css-box-justify-content.xht">css-box-justify-content</a></strong></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="flexbox_computedstyle_justify-content-center-8.2.#propdef-justify-content" class="primary dom"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-box-justify-content.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-box-justify-content.xht index c1d58d82436..e599842ec95 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-box-justify-content.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-box-justify-content.xht @@ -1,5 +1,5 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox |css-box-justufy-content</title> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox |css-box-justify-content</title> <link href="ava656094@gmail.com" rel="author" title="xiaoxia" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> @@ -14,7 +14,6 @@ justify-content: flex-end; } .item{ - margin-left:2px; width:50px; height: 30px; } @@ -23,8 +22,13 @@ </head><body><p>This test passes if the DIV5's position in the end and the div is Horizontal layout</p> <div id="flexbox"> <div style="background-color: rgb(242, 210, 80); color: rgb(41, 119, 248);" class="item">DIV1</div> +   <div style="background-color: rgb(110, 8, 7); color: rgb(162, 152, 22);" class="item">DIV2</div> +   <div style="background-color: rgb(215, 172, 243); color: rgb(74, 123, 110);" class="item">DIV3</div> +   <div style="background-color: rgb(242, 133, 80); color: rgb(41, 119, 248);" class="item">DIV4</div> +   <div style="background-color: rgb(242, 50, 80); color: rgb(41, 119, 248);" class="item">DIV5</div> -</div></body></html>
\ No newline at end of file +</div> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-column-reverse-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-column-reverse-wrap-reverse.xht index f1a5abbf083..89f04eacbc4 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-column-reverse-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-column-reverse-wrap-reverse.xht @@ -15,7 +15,7 @@ width: 9em; min-height: 4em; color: white; - align-content: flex-start; + align-content: flex-end; background: green; } .item { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-column-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-column-wrap-reverse.xht index d6b2fdb6e71..0afe2787f5e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-column-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-column-wrap-reverse.xht @@ -15,7 +15,7 @@ width: 9em; min-height: 4em; color: white; - align-content: flex-start; + align-content: flex-end; background: green; } .item { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-img-expand-evenly.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-img-expand-evenly.xht index 59881b7b19b..f64a029d7bd 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-img-expand-evenly.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-img-expand-evenly.xht @@ -8,7 +8,7 @@ <!-- The match link is only required if this is a reftest --> <link href="reference/css-flexbox-img-expand-evenly-ref.xht" rel="match" /> <meta content="" name="flags" /> - <meta content="3 square images fill out border." name="assert" /> + <meta content="3 rectangular images fill out border." name="assert" /> <style type="text/css"> /* ADD STYLE BLOCK HERE (PREFERRABLE TO INLINE STYLES) */ @@ -28,7 +28,7 @@ </style> </head> <body> - <p>3 square images fill out border.</p> + <p>3 rectangular images fill out border.</p> <!-- PAGE CONTENT --> <div class="flexbox"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse-wrap-reverse.xht index d7b48698f3b..ff3b5c9e0b9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse-wrap-reverse.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse-wrap.xht index a0938455bf9..b4c230381e0 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse-wrap.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse.xht index b4ca1c84a14..52325c0e952 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse.xht @@ -23,6 +23,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-wrap-reverse.xht index 36aee4caaf7..633ba9a5e57 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-wrap-reverse.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-wrap.xht index 49feeb202d0..4add33a971e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-wrap.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row.xht index 78073beae36..1f675920706 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row.xht @@ -23,6 +23,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-nowrap.xht index b1ec9eeae5a..7da12663332 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-nowrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht index c018b6834aa..662444aab9b 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column-reverse nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht index e533a4ee0ea..802eda52d20 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column-reverse wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse.xht index a5bbbb11714..ca9c6d6b049 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht index 2f22075ea82..3d94f952d01 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column wrap-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap.xht index b7e08bcff06..35b006a5815 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column.xht index 19f83bd994a..11d81ef2731 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-nowrap.xht index 05296b3a620..824bc8afda9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-nowrap.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-nowrap.xht index c1964c7e59a..44cf644114c 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-nowrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht index b3864921509..1ece3c89437 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row-reverse nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht index f6c98bd3510..2782b996aea 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row-reverse wrap-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht index a5ca98eeef9..0f9097f2249 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row-reverse wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse.xht index 4fa759afa56..4d5263f6fe7 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht index 4c65a625f85..cd70940c1d3 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row wrap-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap.xht index 300a02811c3..4523425e8cf 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row.xht index 6155edd5522..3884422580b 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-wrap.xht index cc4909e2052..396fe31bb66 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-wrap.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_flex-natural-mixed-basis-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_flex-natural-mixed-basis-auto.xht index 60231f2cf9c..a00cf10f181 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_flex-natural-mixed-basis-auto.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_flex-natural-mixed-basis-auto.xht @@ -9,7 +9,7 @@ div { font-family: ahem; background: blue; height: 8em; - width: 35ex; + width: 35em; display: flex; } diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_generated-container.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_generated-container.xht deleted file mode 100644 index c024429229d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_generated-container.xht +++ /dev/null @@ -1,29 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | flexcontainer vs generated content</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-container" rel="help" /> -<link href="reference/flexbox_generated-container-ref.xht" rel="match" /> -<style> -div { - background: red; -} -div div { - content: "xxx"; - background: blue; - - display: flex; -} -p { - background: yellow; - margin: 1em; - width: 2000px; - height: 2000px; -} -</style> - -</head><body><div id="test"> - <div> - <p>FAIL</p> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_min-height-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_min-height-auto.xht deleted file mode 100644 index e6bed4774d5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_min-height-auto.xht +++ /dev/null @@ -1,32 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | min-height: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> -<link href="reference/flexbox_min-height-auto-ref.xht" rel="match" /> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; - display: flex; - flex-wrap: wrap; - flex-direction: column; -} -p { - background: yellow; - margin: 1em; - height: 0; - min-height: auto; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_min-width-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_min-width-auto.xht deleted file mode 100644 index b1e5099749c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_min-width-auto.xht +++ /dev/null @@ -1,31 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | min-width: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> -<link href="reference/flexbox_min-width-auto-ref.xht" rel="match" /> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; - display: flex; - flex-wrap: wrap; -} -p { - background: yellow; - margin: 1em; - width: 0; - min-width: auto; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_order-noninteger-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_order-noninteger-invalid.xht index 770f5175c48..7da3d4cac0d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_order-noninteger-invalid.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_order-noninteger-invalid.xht @@ -16,7 +16,7 @@ span { flex: 1 0 0%; } span+span { - background: yellow; + background: white; order: 0; } /* irrelevant */ diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-direction.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-direction.xht index b237c1ce42c..89b43f1846f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-direction.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-direction.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | flex-direction: column-reverse | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> <link href="reference/flexbox_rtl-direction-ref.xht" rel="match" /> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-flow-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-flow-reverse.xht index 6fdacb2eb86..f2d387df8ba 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-flow-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-flow-reverse.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | flex-flow: column wrap-reverse | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> <link href="reference/flexbox_rtl-flow-reverse-ref.xht" rel="match" /> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-flow.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-flow.xht index 8bc37532ca4..ac58150ee5c 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-flow.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-flow.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | flex-flow: column wrap | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <link href="reference/flexbox_rtl-flow-ref.xht" rel="match" /> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-order.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-order.xht index 44e1038f0db..b86c603131f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-order.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-order.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | flex-flow: column-reverse wrap-reverse; order | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> <link href="reference/flexbox_rtl-order-ref.xht" rel="match" /> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/order-with-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/order-with-column-reverse.xht index c10fc724936..10a40038bfd 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/order-with-column-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/order-with-column-reverse.xht @@ -23,6 +23,9 @@ #third { order: 1; } + p { + margin: 0; + } </style> </head> <body> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-box-justify-content-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-box-justify-content-ref.xht index d651d786256..7848d9623c0 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-box-justify-content-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-box-justify-content-ref.xht @@ -1,5 +1,5 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox |css-box-justufy-content</title> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox |css-box-justify-content</title> <link href="ava656094@gmail.com" rel="author" title="xiaoxia" /> <style> #flexbox { @@ -11,7 +11,7 @@ } .item{ display: inline-block; - align:right; + text-align:left; width:50px; height: 30px; } @@ -24,4 +24,5 @@ <div style="background-color: rgb(215, 172, 243); color: rgb(74, 123, 110);" class="item">DIV3</div> <div style="background-color: rgb(242, 133, 80); color: rgb(41, 119, 248);" class="item">DIV4</div> <div style="background-color: rgb(242, 50, 80); color: rgb(41, 119, 248);" class="item">DIV5</div> -</div></body></html>
\ No newline at end of file +</div> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-flexbox-img-expand-evenly-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-flexbox-img-expand-evenly-ref.xht index 25b1de545d1..8540a4079be 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-flexbox-img-expand-evenly-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-flexbox-img-expand-evenly-ref.xht @@ -20,13 +20,14 @@ </style> </head> <body> - <p>3 square images fill out border.</p> + <p>3 rectangular images fill out border.</p> <!-- PAGE CONTENT --> <div class="flexbox"> - <img src="support/solidblue.png" /> - <img src="support/solidblue.png" /> - <img src="support/solidblue.png" /> + <!-- It is important that there is no linebreak between the <img> tags. + The line break would be rendered as whitespace, breaking the test. + --> + <img src="../support/solidblue.png" /><img src="../support/solidblue.png" /><img src="../support/solidblue.png" /> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-flexbox-row-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-flexbox-row-ref.xht index 0357fe55d14..c7989de8419 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-flexbox-row-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-flexbox-row-ref.xht @@ -12,6 +12,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; } </style> </head> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-align-items-center-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-align-items-center-ref.xht index 0aaa6858ec8..d77749cbe0a 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-align-items-center-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-align-items-center-ref.xht @@ -17,8 +17,8 @@ left: 10px; } #a { - top: 150px; - left: 230px; + top: 148px; + left: 239px; border: 2px dotted blue; background: green; border-radius: 3px; @@ -29,8 +29,8 @@ flex: none; } #b { - top: 150px; - left: 283px; + top: 148px; + left: 293px; border: 2px dotted blue; background: green; border-radius: 3px; @@ -41,8 +41,8 @@ flex: none; } #c { - top: 150px; - left: 336px; + top: 148px; + left: 347px; border: 2px dotted blue; background: green; border-radius: 3px; @@ -63,4 +63,5 @@ <div style="position:absolute" id="b"></div> <div style="position:absolute" id="c"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-flexitem-percentage-prescation-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-flexitem-percentage-prescation-ref.xht index 16863b64369..07986cef58d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-flexitem-percentage-prescation-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-flexitem-percentage-prescation-ref.xht @@ -22,8 +22,8 @@ <body> <div id="test"> <div id="test"> - <p style="background:green;top:0px;height:300px;left:0px;height:300px;width:50px;">damer</p> - <p style="top:0px;left:50px;height:300px;background:Red;width:51px;">damer</p> + <p style="background:green;top:0px;height:300px;left:0px;height:300px;width:50.5px;">damer</p> + <p style="top:0px;left:50.5px;height:300px;background:Red;width:50.5px;">damer</p> </div> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-items-flexibility.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-items-flexibility.xht index 15602acb5e0..c77e60cdd7d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-items-flexibility.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-items-flexibility.xht @@ -4,9 +4,6 @@ <link href="mailto:zhangcs_423@163.com" rel="author" title="Chunsheng Zhang" /> <style type="text/css"> #container { - display: flex; - justify-content: center; - align-items: center; border: 5px solid green; width: 600px; height: 200px; @@ -16,22 +13,16 @@ top: 70px; left: 10px; } - div { - padding: 10px; - width: 30px; - height: 40px; - text-align: center; - flex: 1 0 auto; - } #flex { border: 2px dotted blue; background: green; border-radius: 3px; - flex: 2 0 auto; position: absolute; - top: 70px; - left: 160px; - width: 254px; + top: 73px; + left: 166.5px; + width: 253px; + height: 40px; + padding: 10px; } </style> </head> @@ -39,9 +30,8 @@ <p>This case tests that flex items flexibility</p> <p>The test passes if there is no red</p> <section id="container"> - <div></div> <div id="flex"></div> - <div></div> </section> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_direction-row-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_direction-row-reverse-ref.xht index ac7edaaf2a8..b167a0176e3 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_direction-row-reverse-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_direction-row-reverse-ref.xht @@ -14,14 +14,13 @@ ul { } li { color: white; - margin: 0 3px 0 0; + margin: 0; + width: 3.3333em; display: inline-block; } </style> </head><body><ul> - <li>EFGH</li> - <li>ABCD</li> - <li>IJKL</li> + <li>EFGH</li><li>ABCD</li><li>IJKL</li> </ul> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_generated-container-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_generated-container-ref.xht deleted file mode 100644 index da2853a4c47..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_generated-container-ref.xht +++ /dev/null @@ -1,12 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | flexcontainer vs generated content</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - content: "xxx"; - background: blue; -} -</style> - -</head><body><div></div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_min-height-auto-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_min-height-auto-ref.xht deleted file mode 100644 index 28e2e97a6cd..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_min-height-auto-ref.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | min-height: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; -} -p { - background: yellow; - margin: 1em 1em 2em; - height: auto; - min-height: auto; -} -p:last-child { - margin-bottom: 1em; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_min-width-auto-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_min-width-auto-ref.xht deleted file mode 100644 index 2c2a0fb4752..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_min-width-auto-ref.xht +++ /dev/null @@ -1,33 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | min-width: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; -} -div::after { - content: ""; - clear: both; - display: block; -} -p { - background: yellow; - margin: 1em; - min-width: auto; - width: auto; - float: left; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/multi-line-wrap-reverse-column-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/multi-line-wrap-reverse-column-reverse-ref.xht index 715b7714446..963f160ee31 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/multi-line-wrap-reverse-column-reverse-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/multi-line-wrap-reverse-column-reverse-ref.xht @@ -9,7 +9,7 @@ .test { width: 300px; float: left; - width: 33.3%; + width: 33.3333%; } p { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/multi-line-wrap-with-column-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/multi-line-wrap-with-column-reverse-ref.xht index e2d1c6d9d02..c61bb385d10 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/multi-line-wrap-with-column-reverse-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/multi-line-wrap-with-column-reverse-ref.xht @@ -9,7 +9,7 @@ .test { width: 300px; float: left; - width: 33.3%; + width: 33.3333%; } p { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/order-with-column-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/order-with-column-reverse-ref.xht index 91793cbe24b..5b905da9783 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/order-with-column-reverse-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/order-with-column-reverse-ref.xht @@ -4,6 +4,9 @@ <link href="mailto:tmtysk@gmail.com" rel="author" title="tmtysk" /> <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins" /> <style> + p { + margin: 0; + } </style> </head> <body> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-align-content-space-around-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-align-content-space-around-ref.xht new file mode 100644 index 00000000000..8bebaac48fd --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-align-content-space-around-ref.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Flexible Box Test: align-content property - space-between</title> + <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> + <style type="text/css"> + .container { + position: relative; + height: 14em; + width: 20em; + background: red; + margin: 1em; + border: 1px solid black; + } + + span { + height: 2em; + display: inline-block; + background: green; + color: white; + margin: 2.5em 1em; + width: 8em; + float: left; + } + </style> +</head> +<body> + <p>The test passed if you see a 2*2 table and all the cells are at the bottom of container.</p> + <div class="container"> + <span>first</span> + <span>second</span> + <span>third</span> + <span>forth</span> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-direction-row-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-direction-row-reverse-ref.xht index 88a3a6222ce..f0ce6958cfb 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-direction-row-reverse-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-direction-row-reverse-ref.xht @@ -5,10 +5,10 @@ <style type="text/css"> .container { position: relative; - display: flex; background: red; margin: 1em 0; border: 1px solid black; + text-align: right; } span { display: inline-block; @@ -16,16 +16,14 @@ color: white; margin: 1em; width: 8em; + text-align: left; } </style> </head> <body> - <p>The test passed if you see all the cells are arraged horizontally and the order of cells are reversed.</p> + <p>The test passed if you see all the cells are arranged horizontally and the order of cells are reversed.</p> <div class="container"> - <span>forth</span> - <span>third</span> - <span>second</span> - <span>first</span> + <span>forth</span><span>third</span><span>second</span><span>first</span> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-inline-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-inline-ref.xht new file mode 100644 index 00000000000..525cc83c950 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-inline-ref.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Flexible Box Test: display proprety - inline-flex</title> + <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> + <style type="text/css"> + /* Positioned container allows for the self-describing statement to still + be visible in the case of failure */ + .container { + position: relative; + } + .greenSquare { + display: inline-block; + margin-top: -200px; + background: green; + } + </style> +</head> +<body> + <p>The test passed if you see a green block which its text is 'Success!'.</p> + <div class="container"> + <!-- This is the square that should not be visible if the test passes --> + <div class="greenSquare">Success!</div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-order-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-order-ref.xht index 59ac9bb732f..d5fb2ae3f5e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-order-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-order-ref.xht @@ -23,10 +23,7 @@ <body> <p>The test passed if all the cells are reversed.</p> <div class="container"> - <span class="first">forth</span> - <span class="second">third</span> - <span class="third">second</span> - <span class="forth">first</span> + <span class="first">forth</span><span class="second">third</span><span class="third">second</span><span class="forth">first</span> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest-toc.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest-toc.xht index 983835bd32e..27f91e1c218 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest-toc.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest-toc.xht @@ -338,7 +338,7 @@ </tbody> <tbody id="css-box-justify-content" class=""> <tr> - <td rowspan="1" title="flexbox |css-box-justufy-content"> + <td rowspan="1" title="flexbox |css-box-justify-content"> <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 rowspan="1"></td> @@ -3376,14 +3376,6 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="flexbox_generated-container" class=""> - <tr> - <td rowspan="1" title="flexbox | flexcontainer vs generated content"> - <a href="flexbox_generated-container.xht">flexbox_generated-container</a></td> - <td><a href="reference/flexbox_generated-container-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> <tbody id="flexbox_generated-flex" class=""> <tr> <td rowspan="1" title="flexbox | flexcontainer via generated content"> @@ -3592,22 +3584,6 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="flexbox_min-height-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | min-height: auto"> - <a href="flexbox_min-height-auto.xht">flexbox_min-height-auto</a></td> - <td><a href="reference/flexbox_min-height-auto-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_min-width-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | min-width: auto"> - <a href="flexbox_min-width-auto.xht">flexbox_min-width-auto</a></td> - <td><a href="reference/flexbox_min-width-auto-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> <tbody id="flexbox_nested-flex" class=""> <tr> <td rowspan="1" title="flexbox | nested flexcontainer"> @@ -4232,6 +4208,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="ttwf-reftest-flex-inline" class=""> + <tr> + <td rowspan="1" title="display proprety - inline-flex"> + <a href="ttwf-reftest-flex-inline.xht">ttwf-reftest-flex-inline</a></td> + <td><a href="reference/ttwf-reftest-flex-inline-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="ttwf-reftest-flex-order" class=""> <tr> <td rowspan="1" title="order proprety - value"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest.list b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest.list index 2f707cf3749..20f95620b4d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest.list +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest.list @@ -418,7 +418,6 @@ flexbox_flow-column-wrap-reverse.xht == reference/flexbox_flow-column-wrap-rever flexbox_flow-row-wrap.xht == reference/flexbox_flow-row-wrap-ref.xht flexbox_flow-row-wrap-reverse.xht == reference/flexbox_flow-row-wrap-reverse-ref.xht flexbox_generated.xht == reference/flexbox_generated-ref.xht -flexbox_generated-container.xht == reference/flexbox_generated-container-ref.xht flexbox_generated-flex.xht == reference/flexbox_generated-flex-ref.xht flexbox_generated-nested-flex.xht == reference/flexbox_generated-flex-ref.xht flexbox_inline.xht == reference/flexbox_inline-ref.xht @@ -445,8 +444,6 @@ flexbox_margin-auto-overflow.xht == reference/flexbox_margin-auto-overflow-ref.x flexbox_margin-auto-overflow-2.xht == reference/flexbox_margin-auto-overflow-2-ref.xht flexbox_margin-collapse.xht == reference/flexbox_margin-collapse-ref.xht flexbox_margin-left-ex.xht == reference/flexbox_margin-left-ex-ref.xht -flexbox_min-height-auto.xht == reference/flexbox_min-height-auto-ref.xht -flexbox_min-width-auto.xht == reference/flexbox_min-width-auto-ref.xht flexbox_nested-flex.xht == reference/flexbox_generated-flex-ref.xht flexbox_object.xht == reference/flexbox_object-ref.xht flexbox_order.xht == reference/flexbox_order-ref.xht @@ -525,6 +522,7 @@ ttwf-reftest-flex-base.xht == reference/ttwf-reftest-flex-base-ref.xht ttwf-reftest-flex-direction-column.xht == reference/ttwf-reftest-flex-direction-column-ref.xht ttwf-reftest-flex-direction-column-reverse.xht == reference/ttwf-reftest-flex-direction-column-reverse-ref.xht ttwf-reftest-flex-direction-row-reverse.xht == reference/ttwf-reftest-flex-direction-row-reverse-ref.xht +ttwf-reftest-flex-inline.xht == reference/ttwf-reftest-flex-inline-ref.xht ttwf-reftest-flex-order.xht == reference/ttwf-reftest-flex-order-ref.xht ttwf-reftest-flex-wrap.xht == reference/ttwf-reftest-flex-wrap-ref.xht ttwf-reftest-flex-wrap-reverse.xht == reference/ttwf-reftest-flex-wrap-reverse-ref.xht diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/toc.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/toc.xht index 978c2feef45..d96e60ebbe9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/toc.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/toc.xht @@ -27,22 +27,22 @@ <tbody id="s2"> <tr><th><a href="chapter-2.xht">Chapter 2 - Flex Layout Box Model and Terminology</a></th> - <td>(30 Tests)</td></tr> + <td>(29 Tests)</td></tr> </tbody> <tbody id="s3"> <tr><th><a href="chapter-3.xht">Chapter 3 - Flex Containers: the flex and inline-flex display values</a></th> - <td>(35 Tests)</td></tr> + <td>(36 Tests)</td></tr> </tbody> <tbody id="s4"> <tr><th><a href="chapter-4.xht">Chapter 4 - Flex Items</a></th> - <td>(74 Tests)</td></tr> + <td>(72 Tests)</td></tr> </tbody> <tbody id="s5"> <tr><th><a href="chapter-5.xht">Chapter 5 - Ordering and Orientation</a></th> - <td>(149 Tests)</td></tr> + <td>(150 Tests)</td></tr> </tbody> <tbody id="s6"> <tr><th><a href="chapter-6.xht">Chapter 6 - diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-direction-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-direction-row-reverse.xht index e6ee169c625..1141a0a2dba 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-direction-row-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-direction-row-reverse.xht @@ -24,7 +24,7 @@ </style> </head> <body> - <p>The test passed if you see all the cells are arraged horizontally and the order of cells are reversed.</p> + <p>The test passed if you see all the cells are arranged horizontally and the order of cells are reversed.</p> <div class="container"> <span>first</span> <span>second</span> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-inline.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-inline.xht new file mode 100644 index 00000000000..47ca9156baf --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-inline.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Flexible Box Test: display proprety - inline-flex</title> + <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> + <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-display-inline-flex" rel="help" /> + <link href="reference/ttwf-reftest-flex-inline-ref.xht" rel="match" /> + <meta content="Statement describing what the test case is asserting" name="assert" /> + <style type="text/css"> + /* Positioned container allows for the self-describing statement to still + be visible in the case of failure */ + .container { + position: relative; + } + .greenSquare { + display: inline-flex; + margin-top: -200px; + background: green; + } + </style> +</head> +<body> + <p>The test passed if you see a green block which its text is 'Success!'.</p> + <div class="container"> + <!-- This is the square that should not be visible if the test passes --> + <div class="greenSquare">Success!</div> + </div> + + +</body></html>
\ No newline at end of file |