diff options
Diffstat (limited to 'tests/wpt/css-tests/css-flexbox-1_dev/xhtml1')
66 files changed, 510 insertions, 333 deletions
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 |