diff options
Diffstat (limited to 'tests/wpt/css-tests/css-flexbox-1_dev')
146 files changed, 6888 insertions, 2013 deletions
diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-1.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-1.htm index 992e0cd38a8..2425f6e51a0 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-1.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-1.htm @@ -56,12 +56,6 @@ </td> </tr> </tbody> - <tbody id="s1.3"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s1.3">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#values">1.3 Values</a></th></tr> - <!-- 0 tests --> - </tbody> </table> </body> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-10.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-10.htm index 0d46b72648a..3d1d6522c08 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-10.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-10.htm @@ -170,12 +170,54 @@ <a href="http://www.w3.org/TR/css-flexbox-1/#pagination-algo">10.1 Sample Flex Fragmentation Algorithm</a></th></tr> <!-- 0 tests --> </tbody> + <tbody id="s10.1.#example-bb213bd3"> + <!-- 0 tests --> + </tbody> <tbody id="s.#abstract"> <!-- 0 tests --> </tbody> <tbody id="s.#acknowledgments"> <!-- 0 tests --> </tbody> + <tbody id="s.#biblio-css-align-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-break-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-cascade-4"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-display-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-images-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-overflow-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-position-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-pseudo-4"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-sizing-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-text-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-ui-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-values-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-writing-modes-3"> + <!-- 0 tests --> + </tbody> <tbody id="s.#biblio-css21"> <!-- 0 tests --> </tbody> @@ -185,16 +227,19 @@ <tbody id="s.#biblio-css3-break"> <!-- 0 tests --> </tbody> + <tbody id="s.#biblio-css3-display"> + <!-- 0 tests --> + </tbody> <tbody id="s.#biblio-css3-sizing"> <!-- 0 tests --> </tbody> <tbody id="s.#biblio-css3-writing-modes"> <!-- 0 tests --> </tbody> - <tbody id="s.#biblio-css3ui"> + <tbody id="s.#biblio-css3col"> <!-- 0 tests --> </tbody> - <tbody id="s.#biblio-css3val"> + <tbody id="s.#biblio-css3ui"> <!-- 0 tests --> </tbody> <tbody id="s.#biblio-html40"> @@ -290,6 +335,48 @@ <tbody id="s.#change-201403-substantive"> <!-- 0 tests --> </tbody> + <tbody id="s.#change-201409-algo-breaks"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-align-content-wrapping"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-clamped-specified"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-clarify"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-content"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-display-longhands"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-flexed-definite-container"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-inner-base-size"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-layout-vs-size"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-min-auto-specified-size"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-neither"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-substantive"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-table-wrappers"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-unclamped-size"> + <!-- 0 tests --> + </tbody> <tbody id="s.#changes"> <!-- 0 tests --> </tbody> @@ -305,6 +392,9 @@ <tbody id="s.#changes-201403"> <!-- 0 tests --> </tbody> + <tbody id="s.#changes-201409"> + <!-- 0 tests --> + </tbody> <tbody id="s.#clarify-2012-abspos-items"> <!-- 0 tests --> </tbody> @@ -353,16 +443,28 @@ <tbody id="s.#conventions"> <!-- 0 tests --> </tbody> + <tbody id="s.#example-0401c357"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#example-cd819179"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#example-f839f6c8"> + <!-- 0 tests --> + </tbody> <tbody id="s.#experimental"> <!-- 0 tests --> </tbody> <tbody id="s.#index"> <!-- 0 tests --> </tbody> - <tbody id="s.#informative"> + <tbody id="s.#index-defined-elsewhere"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#index-defined-here"> <!-- 0 tests --> </tbody> - <tbody id="s.#issues-index"> + <tbody id="s.#informative"> <!-- 0 tests --> </tbody> <tbody id="s.#normative"> 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 2df7d492d6e..a1d552fc6e2 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 @@ -42,16 +42,16 @@ <tbody id="s2.#cross-dimension"> <!-- 0 tests --> </tbody> - <tbody id="s2.#cross-end"> - <!-- 0 tests --> - </tbody> <tbody id="s2.#cross-size"> <!-- 0 tests --> </tbody> <tbody id="s2.#cross-size-property"> <!-- 0 tests --> </tbody> - <tbody id="s2.#cross-start"> + <tbody id="s2.#cross_end"> + <!-- 0 tests --> + </tbody> + <tbody id="s2.#cross_start"> <!-- 0 tests --> </tbody> <tbody id="s2.#flex-container"> @@ -372,16 +372,16 @@ <tbody id="s2.#main-dimension"> <!-- 0 tests --> </tbody> - <tbody id="s2.#main-end"> - <!-- 0 tests --> - </tbody> <tbody id="s2.#main-size"> <!-- 0 tests --> </tbody> <tbody id="s2.#main-size-property"> <!-- 0 tests --> </tbody> - <tbody id="s2.#main-start"> + <tbody id="s2.#main_end"> + <!-- 0 tests --> + </tbody> + <tbody id="s2.#main_start"> <!-- 0 tests --> </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 4e1b86b35ec..9ae15820783 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 (58 tests)</h2> + <h2>Flex Items (57 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -231,6 +231,12 @@ </td> </tr> </tbody> + <tbody id="s4.#example-f7107939"> + <!-- 0 tests --> + </tbody> + <tbody id="s4.#flex_level"> + <!-- 0 tests --> + </tbody> <tbody id="s4.#table-items"> <!-- 0 tests --> </tbody> @@ -272,25 +278,17 @@ </td> </tr> </tbody> - <tbody id="s4.1.#static-position-rectangle"> + <tbody id="s4.1.#example-5860ae02"> + <!-- 0 tests --> + </tbody> + <tbody id="s4.1.#static_position-rectangle"> <!-- 0 tests --> </tbody> <tbody id="s4.2"> <tr><th colspan="4" scope="rowgroup"> <a href="#s4.2">+</a> <a href="http://www.w3.org/TR/css-flexbox-1/#item-margins">4.2 Flex Item Margins and Paddings</a></th></tr> - <!-- 3 tests --> - <tr id="flex-container-margin-4.2" class="primary"> - <td><strong> - <a href="flex-container-margin.htm">flex-container-margin</a></strong></td> - <td><a href="reference/flex-container-margin-ref.htm">=</a> </td> - <td></td> - <td>flex-container-margin-not-collapse-with-content-margin - <ul class="assert"> - <li>The margins of adjacent flex items do not collapse.</li> - </ul> - </td> - </tr> + <!-- 2 tests --> <tr id="flex-margin-no-collapse-4.2" class=""> <td> <a href="flex-margin-no-collapse.htm">flex-margin-no-collapse</a></td> @@ -423,6 +421,9 @@ <tbody id="s4.4.#collapsed-flex-item"> <!-- 0 tests --> </tbody> + <tbody id="s4.4.#example-f6817be4"> + <!-- 0 tests --> + </tbody> <tbody id="s4.4.#nav-about"> <!-- 0 tests --> </tbody> @@ -572,7 +573,7 @@ <tbody id="s4.5.#min-size-opt"> <!-- 0 tests --> </tbody> - <tbody id="s4.5.#valdef-min-width-min-height-auto"> + <tbody id="s4.5.#valdef-min-width-auto"> <!-- 0 tests --> </tbody> </table> 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 88a4104439e..24563ee1354 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 (123 tests)</h2> + <h2>Ordering and Orientation (129 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -263,7 +263,7 @@ <tr id="ttwf-reftest-flex-direction-column-reverse-5.1" class="primary"> <td><strong> <a href="ttwf-reftest-flex-direction-column-reverse.htm">ttwf-reftest-flex-direction-column-reverse</a></strong></td> - <td><a href="reference/ttwf-reftest-flex-direction-column-ref.htm">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-direction-column-reverse-ref.htm">=</a> </td> <td></td> <td>flex-direction proprety - column-reverse <ul class="assert"> @@ -284,7 +284,7 @@ </tr> </tbody> <tbody id="s5.1.#propdef-flex-direction"> - <!-- 1 tests --> + <!-- 7 tests --> <tr id="flex-margin-no-collapse-5.1.#propdef-flex-direction" class="primary"> <td><strong> <a href="flex-margin-no-collapse.htm">flex-margin-no-collapse</a></strong></td> @@ -296,6 +296,54 @@ </ul> </td> </tr> + <tr id="flexbox-writing-mode-001-5.1.#propdef-flex-direction" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-001.htm">flexbox-writing-mode-001</a></strong></td> + <td><a href="reference/flexbox-writing-mode-001-ref.htm">=</a> </td> + <td></td> + <td>Try various flex-flow values, with 'direction: ltr' and 'writing-mode: horizontal-tb' + </td> + </tr> + <tr id="flexbox-writing-mode-002-5.1.#propdef-flex-direction" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-002.htm">flexbox-writing-mode-002</a></strong></td> + <td><a href="reference/flexbox-writing-mode-002-ref.htm">=</a> </td> + <td></td> + <td>Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-rl' + </td> + </tr> + <tr id="flexbox-writing-mode-003-5.1.#propdef-flex-direction" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-003.htm">flexbox-writing-mode-003</a></strong></td> + <td><a href="reference/flexbox-writing-mode-003-ref.htm">=</a> </td> + <td></td> + <td>Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-lr' + </td> + </tr> + <tr id="flexbox-writing-mode-004-5.1.#propdef-flex-direction" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-004.htm">flexbox-writing-mode-004</a></strong></td> + <td><a href="reference/flexbox-writing-mode-004-ref.htm">=</a> </td> + <td></td> + <td>Try various flex-flow values, with 'direction: rtl' and 'writing-mode: horizontal-tb' + </td> + </tr> + <tr id="flexbox-writing-mode-005-5.1.#propdef-flex-direction" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-005.htm">flexbox-writing-mode-005</a></strong></td> + <td><a href="reference/flexbox-writing-mode-005-ref.htm">=</a> </td> + <td></td> + <td>Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-rl' + </td> + </tr> + <tr id="flexbox-writing-mode-006-5.1.#propdef-flex-direction" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-006.htm">flexbox-writing-mode-006</a></strong></td> + <td><a href="reference/flexbox-writing-mode-006-ref.htm">=</a> </td> + <td></td> + <td>Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-lr' + </td> + </tr> </tbody> <tbody id="s5.1.#valdef-flex-direction-column"> <!-- 0 tests --> @@ -740,7 +788,7 @@ <tr id="ttwf-reftest-flex-wrap-5.2.#propdef-flex-wrap" class="primary"> <td><strong> <a href="ttwf-reftest-flex-wrap.htm">ttwf-reftest-flex-wrap</a></strong></td> - <td><a href="reference/ttwf-reftest-flex-inline-ref.htm">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-wrap-ref.htm">=</a> </td> <td></td> <td>flex-wrap proprety - wrap <ul class="assert"> @@ -802,6 +850,9 @@ </td> </tr> </tbody> + <tbody id="s5.3.#example-ce59c06d"> + <!-- 0 tests --> + </tbody> <tbody id="s5.3.#propdef-flex-flow"> <!-- 52 tests --> <tr id="css-box-justify-content-5.3.#propdef-flex-flow" class=""> @@ -1313,7 +1364,10 @@ </td> </tr> </tbody> - <tbody id="s5.4.#order-modified-document-order"> + <tbody id="s5.4.#example-6155594a"> + <!-- 0 tests --> + </tbody> + <tbody id="s5.4.#order_modified-document-order"> <!-- 0 tests --> </tbody> <tbody id="s5.4.#propdef-order"> @@ -1456,11 +1510,11 @@ </ul> </td> </tr> - <tr id="order_value-5.4.#propdef-order" class="primary"> + <tr id="order_value-5.4.#propdef-order" class="primary script"> <td><strong> <a href="order_value.htm">order_value</a></strong></td> <td></td> - <td></td> + <td><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>order_check <ul class="assert"> <li>Check if the web engine can indentify order property.</li> @@ -1488,6 +1542,9 @@ <a href="http://www.w3.org/TR/css-flexbox-1/#order-accessibility">5.4.1 Reordering and Accessibility</a></th></tr> <!-- 0 tests --> </tbody> + <tbody id="s5.4.1.#example-465c9ea3"> + <!-- 0 tests --> + </tbody> </table> </body> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-6.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-6.htm index 375db7567e0..bba4524bf92 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-6.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-6.htm @@ -46,13 +46,19 @@ </td> </tr> </tbody> + <tbody id="s6.#example-c8b950d1"> + <!-- 0 tests --> + </tbody> + <tbody id="s6.#example-e4bd6579"> + <!-- 0 tests --> + </tbody> <tbody id="s6.#flex-line"> <!-- 0 tests --> </tbody> - <tbody id="s6.#multi-line"> + <tbody id="s6.#multi_line"> <!-- 0 tests --> </tbody> - <tbody id="s6.#single-line"> + <tbody id="s6.#single_line"> <!-- 0 tests --> </tbody> </table> 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 26d68e4561a..887f80c478b 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 @@ -931,9 +931,6 @@ </td> </tr> </tbody> - <tbody id="s7.1.#valdef-flex-auto"> - <!-- 0 tests --> - </tbody> <tbody id="s7.1.#valdef-flex-flex-basis"> <!-- 0 tests --> </tbody> @@ -946,12 +943,12 @@ <tbody id="s7.1.#valdef-flex-none"> <!-- 0 tests --> </tbody> - <tbody id="s7.2"> + <tbody id="s7.1.1"> <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.2">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-common">7.2 Common Values of flex</a></th></tr> + <a href="#s7.1.1">+</a> + <a href="http://www.w3.org/TR/css-flexbox-1/#flex-common">7.1.1 Common Values of flex</a></th></tr> <!-- 5 tests --> - <tr id="flexbox_flex-auto-7.2" class="primary"> + <tr id="flexbox_flex-auto-7.1.1" class="primary"> <td><strong> <a href="flexbox_flex-auto.htm">flexbox_flex-auto</a></strong></td> <td><a href="reference/flexbox_flex-auto-ref.htm">=</a> </td> @@ -959,7 +956,7 @@ <td>flexbox | flex: auto </td> </tr> - <tr id="flexbox_flex-initial-7.2" class="primary"> + <tr id="flexbox_flex-initial-7.1.1" class="primary"> <td><strong> <a href="flexbox_flex-initial.htm">flexbox_flex-initial</a></strong></td> <td><a href="reference/flexbox_flex-initial-ref.htm">=</a> </td> @@ -967,7 +964,7 @@ <td>flexbox | flex: initial </td> </tr> - <tr id="flexbox_flex-initial-2-7.2" class="primary"> + <tr id="flexbox_flex-initial-2-7.1.1" class="primary"> <td><strong> <a href="flexbox_flex-initial-2.htm">flexbox_flex-initial-2</a></strong></td> <td><a href="reference/flexbox_flex-initial-2-ref.htm">=</a> </td> @@ -975,7 +972,7 @@ <td>flexbox | flex: initial </td> </tr> - <tr id="flexbox_flex-natural-7.2" class="primary"> + <tr id="flexbox_flex-natural-7.1.1" class="primary"> <td><strong> <a href="flexbox_flex-natural.htm">flexbox_flex-natural</a></strong></td> <td><a href="reference/flexbox_flex-natural-ref.htm">=</a> </td> @@ -983,7 +980,7 @@ <td>flexbox | flex: larger integer </td> </tr> - <tr id="flexbox_flex-none-7.2" class="primary"> + <tr id="flexbox_flex-none-7.1.1" class="primary"> <td><strong> <a href="flexbox_flex-none.htm">flexbox_flex-none</a></strong></td> <td><a href="reference/flexbox_flex-none-ref.htm">=</a> </td> @@ -992,24 +989,24 @@ </td> </tr> </tbody> - <tbody id="s7.2.#flex-initial"> + <tbody id="s7.1.1.#flex-initial"> <!-- 0 tests --> </tbody> - <tbody id="s7.3"> + <tbody id="s7.2"> <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.3">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-components">7.3 Components of Flexibility</a></th></tr> + <a href="#s7.2">+</a> + <a href="http://www.w3.org/TR/css-flexbox-1/#flex-components">7.2 Components of Flexibility</a></th></tr> <!-- 0 tests --> </tbody> - <tbody id="s7.3.1"> + <tbody id="s7.2.1"> <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.3.1">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-grow-property">7.3.1 The flex-grow property</a></th></tr> + <a href="#s7.2.1">+</a> + <a href="http://www.w3.org/TR/css-flexbox-1/#flex-grow-property">7.2.1 The flex-grow property</a></th></tr> <!-- 0 tests --> </tbody> - <tbody id="s7.3.1.#propdef-flex-grow"> + <tbody id="s7.2.1.#propdef-flex-grow"> <!-- 13 tests --> - <tr id="autoheight-regions-in-fixed-sized-flexbox-001-7.3.1.#propdef-flex-grow" class="ahem"> + <tr id="autoheight-regions-in-fixed-sized-flexbox-001-7.2.1.#propdef-flex-grow" class="ahem"> <td> <a href="autoheight-regions-in-fixed-sized-flexbox-001.htm">autoheight-regions-in-fixed-sized-flexbox-001</a></td> <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-001-ref.htm">=</a> </td> @@ -1020,7 +1017,7 @@ </ul> </td> </tr> - <tr id="autoheight-regions-in-fixed-sized-flexbox-002-7.3.1.#propdef-flex-grow" class="ahem"> + <tr id="autoheight-regions-in-fixed-sized-flexbox-002-7.2.1.#propdef-flex-grow" class="ahem"> <td> <a href="autoheight-regions-in-fixed-sized-flexbox-002.htm">autoheight-regions-in-fixed-sized-flexbox-002</a></td> <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-002-ref.htm">=</a> </td> @@ -1031,7 +1028,7 @@ </ul> </td> </tr> - <tr id="css-flexbox-img-expand-evenly-7.3.1.#propdef-flex-grow" class="primary"> + <tr id="css-flexbox-img-expand-evenly-7.2.1.#propdef-flex-grow" class="primary"> <td><strong> <a href="css-flexbox-img-expand-evenly.htm">css-flexbox-img-expand-evenly</a></strong></td> <td><a href="reference/css-flexbox-img-expand-evenly-ref.htm">=</a> </td> @@ -1042,7 +1039,7 @@ </ul> </td> </tr> - <tr id="flex-grow-001-7.3.1.#propdef-flex-grow" class="primary"> + <tr id="flex-grow-001-7.2.1.#propdef-flex-grow" class="primary"> <td><strong> <a href="flex-grow-001.htm">flex-grow-001</a></strong></td> <td><a href="reference/flex-grow-001-ref.htm">=</a> </td> @@ -1053,7 +1050,7 @@ </ul> </td> </tr> - <tr id="flex-grow-002-7.3.1.#propdef-flex-grow" class="primary"> + <tr id="flex-grow-002-7.2.1.#propdef-flex-grow" class="primary"> <td><strong> <a href="flex-grow-002.htm">flex-grow-002</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> @@ -1064,7 +1061,7 @@ </ul> </td> </tr> - <tr id="flex-grow-003-7.3.1.#propdef-flex-grow" class="primary"> + <tr id="flex-grow-003-7.2.1.#propdef-flex-grow" class="primary"> <td><strong> <a href="flex-grow-003.htm">flex-grow-003</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> @@ -1075,7 +1072,7 @@ </ul> </td> </tr> - <tr id="flex-grow-004-7.3.1.#propdef-flex-grow" class="primary"> + <tr id="flex-grow-004-7.2.1.#propdef-flex-grow" class="primary"> <td><strong> <a href="flex-grow-004.htm">flex-grow-004</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> @@ -1086,7 +1083,7 @@ </ul> </td> </tr> - <tr id="flex-grow-005-7.3.1.#propdef-flex-grow" class="primary"> + <tr id="flex-grow-005-7.2.1.#propdef-flex-grow" class="primary"> <td><strong> <a href="flex-grow-005.htm">flex-grow-005</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> @@ -1097,7 +1094,7 @@ </ul> </td> </tr> - <tr id="flex-grow-006-7.3.1.#propdef-flex-grow" class="primary"> + <tr id="flex-grow-006-7.2.1.#propdef-flex-grow" class="primary"> <td><strong> <a href="flex-grow-006.htm">flex-grow-006</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> @@ -1108,7 +1105,7 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_flex-grow-0-7.3.1.#propdef-flex-grow" class="primary dom"> + <tr id="flexbox_computedstyle_flex-grow-0-7.2.1.#propdef-flex-grow" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-grow-0.htm">flexbox_computedstyle_flex-grow-0</a></strong></td> <td></td> @@ -1116,7 +1113,7 @@ <td>flexbox | computed style | flex-grow: 0 </td> </tr> - <tr id="flexbox_computedstyle_flex-grow-invalid-7.3.1.#propdef-flex-grow" class="primary dom"> + <tr id="flexbox_computedstyle_flex-grow-invalid-7.2.1.#propdef-flex-grow" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-grow-invalid.htm">flexbox_computedstyle_flex-grow-invalid</a></strong></td> <td></td> @@ -1124,7 +1121,7 @@ <td>flexbox | computed style | flex-grow: negative </td> </tr> - <tr id="flexbox_computedstyle_flex-grow-number-7.3.1.#propdef-flex-grow" class="primary dom"> + <tr id="flexbox_computedstyle_flex-grow-number-7.2.1.#propdef-flex-grow" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-grow-number.htm">flexbox_computedstyle_flex-grow-number</a></strong></td> <td></td> @@ -1132,7 +1129,7 @@ <td>flexbox | computed style | flex-grow: number </td> </tr> - <tr id="flexbox_interactive_flex-grow-transitions-7.3.1.#propdef-flex-grow" class="primary interact"> + <tr id="flexbox_interactive_flex-grow-transitions-7.2.1.#propdef-flex-grow" class="primary interact"> <td><strong> <a href="flexbox_interactive_flex-grow-transitions.htm">flexbox_interactive_flex-grow-transitions</a></strong></td> <td></td> @@ -1141,18 +1138,18 @@ </td> </tr> </tbody> - <tbody id="s7.3.1.#valdef-flex-grow-number"> + <tbody id="s7.2.1.#valdef-flex-grow-number"> <!-- 0 tests --> </tbody> - <tbody id="s7.3.2"> + <tbody id="s7.2.2"> <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.3.2">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-shrink-property">7.3.2 The flex-shrink property</a></th></tr> + <a href="#s7.2.2">+</a> + <a href="http://www.w3.org/TR/css-flexbox-1/#flex-shrink-property">7.2.2 The flex-shrink property</a></th></tr> <!-- 0 tests --> </tbody> - <tbody id="s7.3.2.#propdef-flex-shrink"> + <tbody id="s7.2.2.#propdef-flex-shrink"> <!-- 12 tests --> - <tr id="flex-shrink-001-7.3.2.#propdef-flex-shrink" class="primary"> + <tr id="flex-shrink-001-7.2.2.#propdef-flex-shrink" class="primary"> <td><strong> <a href="flex-shrink-001.htm">flex-shrink-001</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> @@ -1163,7 +1160,7 @@ </ul> </td> </tr> - <tr id="flex-shrink-002-7.3.2.#propdef-flex-shrink" class="primary"> + <tr id="flex-shrink-002-7.2.2.#propdef-flex-shrink" class="primary"> <td><strong> <a href="flex-shrink-002.htm">flex-shrink-002</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> @@ -1174,7 +1171,7 @@ </ul> </td> </tr> - <tr id="flex-shrink-003-7.3.2.#propdef-flex-shrink" class="primary"> + <tr id="flex-shrink-003-7.2.2.#propdef-flex-shrink" class="primary"> <td><strong> <a href="flex-shrink-003.htm">flex-shrink-003</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> @@ -1185,7 +1182,7 @@ </ul> </td> </tr> - <tr id="flex-shrink-004-7.3.2.#propdef-flex-shrink" class="primary"> + <tr id="flex-shrink-004-7.2.2.#propdef-flex-shrink" class="primary"> <td><strong> <a href="flex-shrink-004.htm">flex-shrink-004</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> @@ -1196,7 +1193,7 @@ </ul> </td> </tr> - <tr id="flex-shrink-005-7.3.2.#propdef-flex-shrink" class="primary"> + <tr id="flex-shrink-005-7.2.2.#propdef-flex-shrink" class="primary"> <td><strong> <a href="flex-shrink-005.htm">flex-shrink-005</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> @@ -1207,7 +1204,7 @@ </ul> </td> </tr> - <tr id="flex-shrink-006-7.3.2.#propdef-flex-shrink" class="primary"> + <tr id="flex-shrink-006-7.2.2.#propdef-flex-shrink" class="primary"> <td><strong> <a href="flex-shrink-006.htm">flex-shrink-006</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> @@ -1218,7 +1215,7 @@ </ul> </td> </tr> - <tr id="flex-shrink-007-7.3.2.#propdef-flex-shrink" class="primary"> + <tr id="flex-shrink-007-7.2.2.#propdef-flex-shrink" class="primary"> <td><strong> <a href="flex-shrink-007.htm">flex-shrink-007</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> @@ -1229,7 +1226,7 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_flex-shrink-0-7.3.2.#propdef-flex-shrink" class="primary dom"> + <tr id="flexbox_computedstyle_flex-shrink-0-7.2.2.#propdef-flex-shrink" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-shrink-0.htm">flexbox_computedstyle_flex-shrink-0</a></strong></td> <td></td> @@ -1237,7 +1234,7 @@ <td>flexbox | computed style | flex-shrink: 0 </td> </tr> - <tr id="flexbox_computedstyle_flex-shrink-invalid-7.3.2.#propdef-flex-shrink" class="primary dom"> + <tr id="flexbox_computedstyle_flex-shrink-invalid-7.2.2.#propdef-flex-shrink" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-shrink-invalid.htm">flexbox_computedstyle_flex-shrink-invalid</a></strong></td> <td></td> @@ -1245,7 +1242,7 @@ <td>flexbox | computed style | flex-shrink: negative </td> </tr> - <tr id="flexbox_computedstyle_flex-shrink-number-7.3.2.#propdef-flex-shrink" class="primary dom"> + <tr id="flexbox_computedstyle_flex-shrink-number-7.2.2.#propdef-flex-shrink" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-shrink-number.htm">flexbox_computedstyle_flex-shrink-number</a></strong></td> <td></td> @@ -1253,7 +1250,7 @@ <td>flexbox | computed style | flex-shrink: number </td> </tr> - <tr id="flexbox_interactive_flex-shrink-transitions-7.3.2.#propdef-flex-shrink" class="primary interact"> + <tr id="flexbox_interactive_flex-shrink-transitions-7.2.2.#propdef-flex-shrink" class="primary interact"> <td><strong> <a href="flexbox_interactive_flex-shrink-transitions.htm">flexbox_interactive_flex-shrink-transitions</a></strong></td> <td></td> @@ -1261,7 +1258,7 @@ <td>flexbox | transitioned flex-shrink </td> </tr> - <tr id="flexbox_interactive_flex-shrink-transitions-invalid-7.3.2.#propdef-flex-shrink" class="primary interact"> + <tr id="flexbox_interactive_flex-shrink-transitions-invalid-7.2.2.#propdef-flex-shrink" class="primary interact"> <td><strong> <a href="flexbox_interactive_flex-shrink-transitions-invalid.htm">flexbox_interactive_flex-shrink-transitions-invalid</a></strong></td> <td></td> @@ -1270,15 +1267,15 @@ </td> </tr> </tbody> - <tbody id="s7.3.2.#valdef-flex-shrink-number"> + <tbody id="s7.2.2.#valdef-flex-shrink-number"> <!-- 0 tests --> </tbody> - <tbody id="s7.3.3"> + <tbody id="s7.2.3"> <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.3.3">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property">7.3.3 The flex-basis property</a></th></tr> + <a href="#s7.2.3">+</a> + <a href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property">7.2.3 The flex-basis property</a></th></tr> <!-- 10 tests --> - <tr id="flexbox_computedstyle_flex-basis-0-7.3.3" class="primary dom"> + <tr id="flexbox_computedstyle_flex-basis-0-7.2.3" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-basis-0.htm">flexbox_computedstyle_flex-basis-0</a></strong></td> <td></td> @@ -1286,7 +1283,7 @@ <td>flexbox | computed style | flex-basis: 0 </td> </tr> - <tr id="flexbox_computedstyle_flex-basis-0percent-7.3.3" class="primary dom"> + <tr id="flexbox_computedstyle_flex-basis-0percent-7.2.3" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-basis-0percent.htm">flexbox_computedstyle_flex-basis-0percent</a></strong></td> <td></td> @@ -1294,7 +1291,7 @@ <td>flexbox | computed style | flex-basis: 0% </td> </tr> - <tr id="flexbox_computedstyle_flex-basis-auto-7.3.3" class="primary dom"> + <tr id="flexbox_computedstyle_flex-basis-auto-7.2.3" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-basis-auto.htm">flexbox_computedstyle_flex-basis-auto</a></strong></td> <td></td> @@ -1302,7 +1299,7 @@ <td>flexbox | computed style | flex-basis: auto </td> </tr> - <tr id="flexbox_computedstyle_flex-basis-percent-7.3.3" class="primary dom"> + <tr id="flexbox_computedstyle_flex-basis-percent-7.2.3" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-basis-percent.htm">flexbox_computedstyle_flex-basis-percent</a></strong></td> <td></td> @@ -1310,7 +1307,7 @@ <td>flexbox | computed style | flex-basis: percent </td> </tr> - <tr id="flexbox_flex-basis-7.3.3" class="primary"> + <tr id="flexbox_flex-basis-7.2.3" class="primary"> <td><strong> <a href="flexbox_flex-basis.htm">flexbox_flex-basis</a></strong></td> <td><a href="reference/flexbox_flex-basis-ref.htm">=</a> </td> @@ -1318,7 +1315,7 @@ <td>flexbox | flex-basis: percentage </td> </tr> - <tr id="flexbox_flex-basis-shrink-7.3.3" class="primary"> + <tr id="flexbox_flex-basis-shrink-7.2.3" class="primary"> <td><strong> <a href="flexbox_flex-basis-shrink.htm">flexbox_flex-basis-shrink</a></strong></td> <td><a href="reference/flexbox_flex-basis-shrink-ref.htm">=</a> </td> @@ -1326,7 +1323,7 @@ <td>flexbox | flex-basis: percentage, flex-shrink: +integer </td> </tr> - <tr id="flexbox_flex-natural-mixed-basis-7.3.3" class="primary"> + <tr id="flexbox_flex-natural-mixed-basis-7.2.3" class="primary"> <td><strong> <a href="flexbox_flex-natural-mixed-basis.htm">flexbox_flex-natural-mixed-basis</a></strong></td> <td><a href="reference/flexbox_flex-natural-mixed-basis-ref.htm">=</a> </td> @@ -1334,7 +1331,7 @@ <td>flexbox | flex: larger integer, mixed basis </td> </tr> - <tr id="flexbox_flex-natural-mixed-basis-auto-7.3.3" class="primary"> + <tr id="flexbox_flex-natural-mixed-basis-auto-7.2.3" class="primary"> <td><strong> <a href="flexbox_flex-natural-mixed-basis-auto.htm">flexbox_flex-natural-mixed-basis-auto</a></strong></td> <td><a href="reference/flexbox_flex-natural-mixed-basis-auto-ref.htm">=</a> </td> @@ -1342,7 +1339,7 @@ <td>flexbox | flex: larger integer, mixed basis, auto </td> </tr> - <tr id="flexbox_flex-natural-variable-auto-basis-7.3.3" class="primary"> + <tr id="flexbox_flex-natural-variable-auto-basis-7.2.3" class="primary"> <td><strong> <a href="flexbox_flex-natural-variable-auto-basis.htm">flexbox_flex-natural-variable-auto-basis</a></strong></td> <td><a href="reference/flexbox_flex-natural-variable-auto-basis-ref.htm">=</a> </td> @@ -1350,7 +1347,7 @@ <td>flexbox | flex: larger integer, auto basis </td> </tr> - <tr id="flexbox_interactive_flex-basis-transitions-7.3.3" class="primary interact"> + <tr id="flexbox_interactive_flex-basis-transitions-7.2.3" class="primary interact"> <td><strong> <a href="flexbox_interactive_flex-basis-transitions.htm">flexbox_interactive_flex-basis-transitions</a></strong></td> <td></td> @@ -1359,12 +1356,15 @@ </td> </tr> </tbody> - <tbody id="s7.3.3.#issue-753aff05"> + <tbody id="s7.2.3.#auto"> + <!-- 0 tests --> + </tbody> + <tbody id="s7.2.3.#content"> <!-- 0 tests --> </tbody> - <tbody id="s7.3.3.#propdef-flex-basis"> + <tbody id="s7.2.3.#propdef-flex-basis"> <!-- 9 tests --> - <tr id="flex-basis-001-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-001-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-001.htm">flex-basis-001</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> @@ -1375,7 +1375,7 @@ </ul> </td> </tr> - <tr id="flex-basis-002-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-002-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-002.htm">flex-basis-002</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> @@ -1386,7 +1386,7 @@ </ul> </td> </tr> - <tr id="flex-basis-003-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-003-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-003.htm">flex-basis-003</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> @@ -1397,7 +1397,7 @@ </ul> </td> </tr> - <tr id="flex-basis-004-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-004-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-004.htm">flex-basis-004</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> @@ -1408,7 +1408,7 @@ </ul> </td> </tr> - <tr id="flex-basis-005-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-005-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-005.htm">flex-basis-005</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> @@ -1419,7 +1419,7 @@ </ul> </td> </tr> - <tr id="flex-basis-006-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-006-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-006.htm">flex-basis-006</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> @@ -1430,7 +1430,7 @@ </ul> </td> </tr> - <tr id="flex-basis-007-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-007-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-007.htm">flex-basis-007</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> @@ -1441,7 +1441,7 @@ </ul> </td> </tr> - <tr id="flex-basis-008-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-008-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-008.htm">flex-basis-008</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> @@ -1452,7 +1452,7 @@ </ul> </td> </tr> - <tr id="flexbox_flex-natural-variable-zero-basis-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flexbox_flex-natural-variable-zero-basis-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flexbox_flex-natural-variable-zero-basis.htm">flexbox_flex-natural-variable-zero-basis</a></strong></td> <td><a href="reference/flexbox_flex-natural-variable-zero-basis-ref.htm">=</a> </td> @@ -1461,9 +1461,6 @@ </td> </tr> </tbody> - <tbody id="s7.3.3.#valdef-flex-basis-main-size"> - <!-- 0 tests --> - </tbody> </table> </body> 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 fe8170068f5..f3033d6ddc5 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 @@ -101,6 +101,12 @@ <tbody id="s8.1.#auto-bar"> <!-- 0 tests --> </tbody> + <tbody id="s8.1.#example-30f9440a"> + <!-- 0 tests --> + </tbody> + <tbody id="s8.1.#example-c2f4f7f3"> + <!-- 0 tests --> + </tbody> <tbody id="s8.1.#login"> <!-- 0 tests --> </tbody> @@ -1282,19 +1288,19 @@ <tbody id="s8.3.#stretched"> <!-- 0 tests --> </tbody> - <tbody id="s8.3.#valdef-align-items-align-self-baseline"> + <tbody id="s8.3.#valdef-align-items-baseline"> <!-- 0 tests --> </tbody> - <tbody id="s8.3.#valdef-align-items-align-self-center"> + <tbody id="s8.3.#valdef-align-items-center"> <!-- 0 tests --> </tbody> - <tbody id="s8.3.#valdef-align-items-align-self-flex-end"> + <tbody id="s8.3.#valdef-align-items-flex-end"> <!-- 0 tests --> </tbody> - <tbody id="s8.3.#valdef-align-items-align-self-flex-start"> + <tbody id="s8.3.#valdef-align-items-flex-start"> <!-- 0 tests --> </tbody> - <tbody id="s8.3.#valdef-align-items-align-self-stretch"> + <tbody id="s8.3.#valdef-align-items-stretch"> <!-- 0 tests --> </tbody> <tbody id="s8.3.#valdef-align-self-auto"> @@ -1586,7 +1592,7 @@ <a href="ttwf-reftest-flex-align-content-center.htm">ttwf-reftest-flex-align-content-center</a></strong></td> <td><a href="reference/ttwf-reftest-flex-align-content-center-ref.htm">=</a> </td> <td></td> - <td>align-content proprety - center + <td>align-content property - center <ul class="assert"> <li>Statement describing what the test case is asserting</li> </ul> @@ -1597,7 +1603,7 @@ <a href="ttwf-reftest-flex-align-content-end.htm">ttwf-reftest-flex-align-content-end</a></strong></td> <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.htm">=</a> </td> <td></td> - <td>align-content proprety - flex-end + <td>align-content property - flex-end <ul class="assert"> <li>Statement describing what the test case is asserting</li> </ul> @@ -1606,9 +1612,9 @@ <tr id="ttwf-reftest-flex-align-content-space-around-8.4" class="primary"> <td><strong> <a href="ttwf-reftest-flex-align-content-space-around.htm">ttwf-reftest-flex-align-content-space-around</a></strong></td> - <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.htm">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-align-content-space-around-ref.htm">=</a> </td> <td></td> - <td>align-content proprety - flex-end + <td>align-content property - space-around <ul class="assert"> <li>Statement describing what the test case is asserting</li> </ul> @@ -1617,9 +1623,9 @@ <tr id="ttwf-reftest-flex-align-content-space-between-8.4" class="primary"> <td><strong> <a href="ttwf-reftest-flex-align-content-space-between.htm">ttwf-reftest-flex-align-content-space-between</a></strong></td> - <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.htm">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-align-content-space-between-ref.htm">=</a> </td> <td></td> - <td>align-content proprety - flex-end + <td>align-content property - space-between <ul class="assert"> <li>Statement describing what the test case is asserting</li> </ul> @@ -1628,9 +1634,9 @@ <tr id="ttwf-reftest-flex-align-content-start-8.4" class="primary"> <td><strong> <a href="ttwf-reftest-flex-align-content-start.htm">ttwf-reftest-flex-align-content-start</a></strong></td> - <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.htm">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-align-content-start-ref.htm">=</a> </td> <td></td> - <td>align-content proprety - flex-end + <td>align-content property - flex-start <ul class="assert"> <li>Statement describing what the test case is asserting</li> </ul> @@ -1776,10 +1782,10 @@ </td> </tr> </tbody> - <tbody id="s8.5.#cross-axis-baseline"> + <tbody id="s8.5.#cross_axis-baseline"> <!-- 0 tests --> </tbody> - <tbody id="s8.5.#main-axis-baseline"> + <tbody id="s8.5.#main_axis-baseline"> <!-- 0 tests --> </tbody> </table> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-9.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-9.htm index 73e61768d68..4e37168de3d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-9.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-9.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Layout Algorithm (58 tests)</h2> + <h2>Flex Layout Algorithm (61 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -31,7 +31,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s9">+</a> <a href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm">9 Flex Layout Algorithm</a></th></tr> - <!-- 46 tests --> + <!-- 49 tests --> <tr id="autoheight-flexbox-001-9" class=""> <td> <a href="autoheight-flexbox-001.htm">autoheight-flexbox-001</a></td> @@ -447,6 +447,30 @@ <td>Testing sizing of an auto-sized vertical flex container with min-width and max-width constraints </td> </tr> + <tr id="flexbox-writing-mode-007-9" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-007.htm">flexbox-writing-mode-007</a></strong></td> + <td><a href="reference/flexbox-writing-mode-007-ref.htm">=</a> </td> + <td></td> + <td>Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode + </td> + </tr> + <tr id="flexbox-writing-mode-008-9" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-008.htm">flexbox-writing-mode-008</a></strong></td> + <td><a href="reference/flexbox-writing-mode-008-ref.htm">=</a> </td> + <td></td> + <td>Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode + </td> + </tr> + <tr id="flexbox-writing-mode-009-9" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-009.htm">flexbox-writing-mode-009</a></strong></td> + <td><a href="reference/flexbox-writing-mode-009-ref.htm">=</a> </td> + <td></td> + <td>Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode + </td> + </tr> <tr id="row-flexbox-break-9" class="ahem"> <td> <a href="row-flexbox-break.htm">row-flexbox-break</a></td> @@ -486,6 +510,9 @@ <tbody id="s9.2.#algo-main-item"> <!-- 0 tests --> </tbody> + <tbody id="s9.2.#example-5ea64ac4"> + <!-- 0 tests --> + </tbody> <tbody id="s9.2.#flex-base-size"> <!-- 0 tests --> </tbody> @@ -690,16 +717,16 @@ <a href="http://www.w3.org/TR/css-flexbox-1/#intrinsic-sizes">9.9 Intrinsic Sizes</a></th></tr> <!-- 0 tests --> </tbody> - <tbody id="s9.9.#max-content-cross-size"> + <tbody id="s9.9.#max_content-cross-size"> <!-- 0 tests --> </tbody> - <tbody id="s9.9.#max-content-main-size"> + <tbody id="s9.9.#max_content-main-size"> <!-- 0 tests --> </tbody> - <tbody id="s9.9.#min-content-cross-size"> + <tbody id="s9.9.#min_content-cross-size"> <!-- 0 tests --> </tbody> - <tbody id="s9.9.#min-content-main-size"> + <tbody id="s9.9.#min_content-main-size"> <!-- 0 tests --> </tbody> </table> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flex-container-margin.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flex-container-margin.htm deleted file mode 100644 index 0efb58875f4..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flex-container-margin.htm +++ /dev/null @@ -1,30 +0,0 @@ -<!DOCTYPE html> -<html><head> -<title>CSS Test: flex-container-margin-not-collapse-with-content-margin</title> -<link href="http://www.github.com/sskyy" rel="author" title="houzhenyu"> -<link href="http://dev.w3.org/csswg/css-flexbox-1/#item-margins" rel="help"> -<link href="reference/flex-container-margin-ref.htm" rel="match"> -<meta content="The margins of adjacent flex items do not collapse." name="assert"> -<style> - .flex-container{ - display: flex; - margin:20px; - background: #333; - } - .flex-item{ - width:50px; - height:50px; - margin:20px; - background: #eee; - } -</style> -</head> -<body> - <div class="flex-container"> - <div class="flex-item"></div> - <div class="flex-item"></div> - <div class="flex-item"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flex-margin-no-collapse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flex-margin-no-collapse.htm index 52a576a08e0..e9e310c9337 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flex-margin-no-collapse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flex-margin-no-collapse.htm @@ -21,6 +21,7 @@ width: 100px; height: 100px; background-color: green; + flex: none; } #box1 { @@ -49,4 +50,5 @@ <div class="box" id="box2"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-001.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-001.htm new file mode 100644 index 00000000000..01a817b33d4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-001.htm @@ -0,0 +1,77 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <title>CSS Test: Try various flex-flow values, with 'direction: ltr' and 'writing-mode: horizontal-tb'</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help"> + <link href="reference/flexbox-writing-mode-001-ref.htm" rel="match"> + <meta charset="utf-8"> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + direction: ltr; + writing-mode: horizontal-tb; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div style="flex-flow: row wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + <div style="flex-flow: column wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-002.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-002.htm new file mode 100644 index 00000000000..8f481dc7307 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-002.htm @@ -0,0 +1,77 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <title>CSS Test: Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-rl'</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help"> + <link href="reference/flexbox-writing-mode-002-ref.htm" rel="match"> + <meta charset="utf-8"> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + direction: ltr; + writing-mode: vertical-rl; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div style="flex-flow: row wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + <div style="flex-flow: column wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-003.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-003.htm new file mode 100644 index 00000000000..796aaf7f0a2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-003.htm @@ -0,0 +1,77 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <title>CSS Test: Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-lr'</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help"> + <link href="reference/flexbox-writing-mode-003-ref.htm" rel="match"> + <meta charset="utf-8"> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + direction: ltr; + writing-mode: vertical-lr; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div style="flex-flow: row wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + <div style="flex-flow: column wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-004.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-004.htm new file mode 100644 index 00000000000..3decf9d3468 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-004.htm @@ -0,0 +1,77 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <title>CSS Test: Try various flex-flow values, with 'direction: rtl' and 'writing-mode: horizontal-tb'</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help"> + <link href="reference/flexbox-writing-mode-004-ref.htm" rel="match"> + <meta charset="utf-8"> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + direction: rtl; + writing-mode: horizontal-tb; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div style="flex-flow: row wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + <div style="flex-flow: column wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-005.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-005.htm new file mode 100644 index 00000000000..7c85552f89f --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-005.htm @@ -0,0 +1,77 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <title>CSS Test: Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-rl'</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help"> + <link href="reference/flexbox-writing-mode-005-ref.htm" rel="match"> + <meta charset="utf-8"> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + direction: rtl; + writing-mode: vertical-rl; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div style="flex-flow: row wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + <div style="flex-flow: column wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-006.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-006.htm new file mode 100644 index 00000000000..b9f2e59b581 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-006.htm @@ -0,0 +1,77 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <title>CSS Test: Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-lr'</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help"> + <link href="reference/flexbox-writing-mode-006-ref.htm" rel="match"> + <meta charset="utf-8"> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + direction: rtl; + writing-mode: vertical-lr; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div style="flex-flow: row wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + <div style="flex-flow: column wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-007.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-007.htm new file mode 100644 index 00000000000..a12f326594d --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-007.htm @@ -0,0 +1,74 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <title>CSS Test: Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help"> + <link href="http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode" rel="help"> + <link href="reference/flexbox-writing-mode-007-ref.htm" rel="match"> + <meta charset="utf-8"> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + writing-mode: horizontal-tb; + flex-flow: row wrap; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + + /* Classes applied to flex container, to customize its children + * (which should not affect their sizing): + */ + .kids_horizontal_tb > * { + writing-mode: horizontal-tb; + } + .kids_vertical_lr > * { + writing-mode: vertical-lr; + } + .kids_vertical_rl > * { + writing-mode: vertical-rl; + } + + </style> +</head> +<body> + <div class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_horizontal_tb"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_vertical_lr"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_vertical_rl"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-008.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-008.htm new file mode 100644 index 00000000000..e43a1aef04b --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-008.htm @@ -0,0 +1,74 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <title>CSS Test: Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help"> + <link href="http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode" rel="help"> + <link href="reference/flexbox-writing-mode-008-ref.htm" rel="match"> + <meta charset="utf-8"> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + writing-mode: vertical-lr; + flex-flow: row wrap; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + + /* Classes applied to flex container, to customize its children + * (which should not affect their sizing): + */ + .kids_horizontal_tb > * { + writing-mode: horizontal-tb; + } + .kids_vertical_lr > * { + writing-mode: vertical-lr; + } + .kids_vertical_rl > * { + writing-mode: vertical-rl; + } + + </style> +</head> +<body> + <div class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_horizontal_tb"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_vertical_lr"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_vertical_rl"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-009.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-009.htm new file mode 100644 index 00000000000..bd1bf7a5ba4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-writing-mode-009.htm @@ -0,0 +1,74 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <title>CSS Test: Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help"> + <link href="http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode" rel="help"> + <link href="reference/flexbox-writing-mode-009-ref.htm" rel="match"> + <meta charset="utf-8"> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + writing-mode: vertical-rl; + flex-flow: row wrap; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + + /* Classes applied to flex container, to customize its children + * (which should not affect their sizing): + */ + .kids_horizontal_tb > * { + writing-mode: horizontal-tb; + } + .kids_vertical_lr > * { + writing-mode: vertical-lr; + } + .kids_vertical_rl > * { + writing-mode: vertical-rl; + } + + </style> +</head> +<body> + <div class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_horizontal_tb"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_vertical_lr"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_vertical_rl"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/order_value.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/order_value.htm index ed2a3f542d8..b76fe6e3fbd 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/order_value.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/order_value.htm @@ -16,8 +16,8 @@ order: -1; } </style> - <script src='/resources/testharness.js"'></script> - <script src='/resources/testharnessreport.js"'></script> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> </head> <body> <div id="log"></div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-container-margin-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-container-margin-ref.htm deleted file mode 100644 index 56a313ef692..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-container-margin-ref.htm +++ /dev/null @@ -1,33 +0,0 @@ -<!DOCTYPE html> -<html><head> -<title>CSS Test: flex-container-margin-not-collapse-with-content-margin</title> -<link href="http://www.github.com/sskyy" rel="author" title="houzhenyu"> -<style> - .flex-container{ - display:block; - margin:20px; - background: #333; - line-height: 0px; - } - .flex-item{ - display: inline-block; - width:50px; - height:50px; - margin:20px 20px; - background: #eee; - } - .flex-item.first{ - margin-left:20px; - } - .flex-item.last{ - margin-right: 20px; - } -</style> -</head> -<body> - <div class="flex-container"> - <div class="flex-item first"></div><div class="flex-item"></div><div class="flex-item last"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-001-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-001-ref.htm new file mode 100644 index 00000000000..6876c011344 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-001-ref.htm @@ -0,0 +1,75 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <meta charset="utf-8"> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + /* Testcase has direction: ltr; */ + /* Testcase has writing-mode: horizontal-tb; */ + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"><!-- row wrap --> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- row wrap-reverse --> + <div class="item3"></div><div class="item4"></div> + <div class="item1"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap --> + <div class="item2"></div><div class="item1"></div> + <div class="item4"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap-reverse --> + <div class="item4"></div><div class="item3"></div> + <div class="item2"></div><div class="item1"></div> + </div> + + <div class="flexContainer"><!-- column wrap --> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- column wrap-reverse --> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap --> + <div class="item2"></div><div class="item4"></div> + <div class="item1"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap-reverse --> + <div class="item4"></div><div class="item2"></div> + <div class="item3"></div><div class="item1"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-002-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-002-ref.htm new file mode 100644 index 00000000000..840c6d12635 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-002-ref.htm @@ -0,0 +1,75 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <meta charset="utf-8"> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + /* Testcase has direction: ltr; */ + /* Testcase has writing-mode: vertical-rl; */ + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"><!-- row wrap --> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- row wrap-reverse --> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap --> + <div class="item4"></div><div class="item2"></div> + <div class="item3"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap-reverse --> + <div class="item2"></div><div class="item4"></div> + <div class="item1"></div><div class="item3"></div> + </div> + + <div class="flexContainer"><!-- column wrap --> + <div class="item2"></div><div class="item1"></div> + <div class="item4"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- column wrap-reverse --> + <div class="item4"></div><div class="item3"></div> + <div class="item2"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap --> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap-reverse --> + <div class="item3"></div><div class="item4"></div> + <div class="item1"></div><div class="item2"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-003-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-003-ref.htm new file mode 100644 index 00000000000..a5bbe7f835a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-003-ref.htm @@ -0,0 +1,75 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <meta charset="utf-8"> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + /* Testcase has direction: ltr; */ + /* Testcase has writing-mode: vertical-lr; */ + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"><!-- row wrap --> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- row wrap-reverse --> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap --> + <div class="item2"></div><div class="item4"></div> + <div class="item1"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap-reverse --> + <div class="item4"></div><div class="item2"></div> + <div class="item3"></div><div class="item1"></div> + </div> + + <div class="flexContainer"><!-- column wrap --> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- column wrap-reverse --> + <div class="item3"></div><div class="item4"></div> + <div class="item1"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap --> + <div class="item2"></div><div class="item1"></div> + <div class="item4"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap-reverse --> + <div class="item4"></div><div class="item3"></div> + <div class="item2"></div><div class="item1"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-004-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-004-ref.htm new file mode 100644 index 00000000000..b4e0bce88fc --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-004-ref.htm @@ -0,0 +1,75 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <meta charset="utf-8"> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + /* Testcase has direction: rtl; */ + /* Testcase has writing-mode: horizontal-tb; */ + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"><!-- row wrap --> + <div class="item2"></div><div class="item1"></div> + <div class="item4"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- row wrap-reverse --> + <div class="item4"></div><div class="item3"></div> + <div class="item2"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap --> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap-reverse --> + <div class="item3"></div><div class="item4"></div> + <div class="item1"></div><div class="item2"></div> + </div> + + <div class="flexContainer"><!-- column wrap --> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- column wrap-reverse --> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap --> + <div class="item4"></div><div class="item2"></div> + <div class="item3"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap-reverse --> + <div class="item2"></div><div class="item4"></div> + <div class="item1"></div><div class="item3"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-005-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-005-ref.htm new file mode 100644 index 00000000000..c47859bc125 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-005-ref.htm @@ -0,0 +1,75 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <meta charset="utf-8"> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + /* Testcase has direction: rtl; */ + /* Testcase has writing-mode: vertical-rl; */ + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"><!-- row wrap --> + <div class="item4"></div><div class="item2"></div> + <div class="item3"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- row wrap-reverse --> + <div class="item2"></div><div class="item4"></div> + <div class="item1"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap --> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap-reverse --> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + + <div class="flexContainer"><!-- column wrap --> + <div class="item4"></div><div class="item3"></div> + <div class="item2"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- column wrap-reverse --> + <div class="item2"></div><div class="item1"></div> + <div class="item4"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap --> + <div class="item3"></div><div class="item4"></div> + <div class="item1"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap-reverse --> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-006-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-006-ref.htm new file mode 100644 index 00000000000..1980326188a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-006-ref.htm @@ -0,0 +1,75 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <meta charset="utf-8"> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + /* Testcase has direction: rtl; */ + /* Testcase has writing-mode: vertical-lr; */ + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"><!-- row wrap --> + <div class="item2"></div><div class="item4"></div> + <div class="item1"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- row wrap-reverse --> + <div class="item4"></div><div class="item2"></div> + <div class="item3"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap --> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap-reverse --> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + + <div class="flexContainer"><!-- column wrap --> + <div class="item3"></div><div class="item4"></div> + <div class="item1"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- column wrap-reverse --> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap --> + <div class="item4"></div><div class="item3"></div> + <div class="item2"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap-reverse --> + <div class="item2"></div><div class="item1"></div> + <div class="item4"></div><div class="item3"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-007-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-007-ref.htm new file mode 100644 index 00000000000..328f6053937 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-007-ref.htm @@ -0,0 +1,55 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <meta charset="utf-8"> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-008-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-008-ref.htm new file mode 100644 index 00000000000..d6ea2201750 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-008-ref.htm @@ -0,0 +1,55 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <meta charset="utf-8"> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-009-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-009-ref.htm new file mode 100644 index 00000000000..fd53f223283 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-writing-mode-009-ref.htm @@ -0,0 +1,55 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <meta charset="utf-8"> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></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-align-content-center-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-align-content-center-ref.htm index 7be0d724035..e1ba92af993 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-align-content-center-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-align-content-center-ref.htm @@ -1,6 +1,6 @@ <!DOCTYPE html> <html><head> - <title>CSS Flexible Box Test: align-content proprety - center</title> + <title>CSS Flexible Box Test: align-content property - center</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent"> <style type="text/css"> .container { @@ -26,7 +26,7 @@ </style> </head> <body> - <p>The test passed if you see a 2*2 table.</p> + <p>The test passed if you see a centered 2*2 table.</p> <div class="container"> <span>first</span> <span>second</span> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-align-content-end-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-align-content-end-ref.htm index 065be45c30a..3ac12caf6b9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-align-content-end-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-align-content-end-ref.htm @@ -1,6 +1,6 @@ <!DOCTYPE html> <html><head> - <title>CSS Flexible Box Test: align-content proprety - flex-end</title> + <title>CSS Flexible Box Test: align-content property - flex-end</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent"> <style type="text/css"> .container { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-align-content-space-between-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-align-content-space-between-ref.htm new file mode 100644 index 00000000000..575e4e66ed2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-align-content-space-between-ref.htm @@ -0,0 +1,38 @@ +<!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; + } + .first, .second { + margin-bottom: 112px; + } + span { + height: 2em; + display: inline-block; + background: green; + color: white; + margin: 1em; + width: 8em; + float: left; + } + </style> +</head> +<body> + <p>The test passed if you see a 2*2 table and all the cells are spaced equally apart.</p> + <div class="container"> + <span class="first">first</span> + <span class="second">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-align-content-start-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-align-content-start-ref.htm new file mode 100644 index 00000000000..e8434c65d8a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-align-content-start-ref.htm @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Flexible Box Test: align-content property - flex-start</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: 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 top of the 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-column-reverse-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-direction-column-reverse-ref.htm new file mode 100644 index 00000000000..1d807baa768 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-direction-column-reverse-ref.htm @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Flexible Box Test: flex-direction proprety - column-reverse</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; + background: red; + margin: 1em 0; + border: 1px solid black; + } + span ~ span { + margin: 2em 1em 1em; + } + span { + display: block; + background: green; + color: white; + margin: 1em; + width: 8em; + } + </style> +</head> +<body> + <p>The test passed if you see all the cells are arraged vertically and reversed.</p> + <div class="container"> + <span>forth</span> + <span>third</span> + <span>second</span> + <span>first</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 f77e64aa25a..d5c70cccceb 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 @@ -6,7 +6,6 @@ .container { position: relative; display: flex; - flex-direction: row-reverse; background: red; margin: 1em 0; border: 1px solid black; 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-wrap-ref.htm index 486357b487e..b43f36234a2 100644 --- 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-wrap-ref.htm @@ -1,26 +1,35 @@ <!DOCTYPE html> <html><head> - <title>CSS Flexible Box Test: display proprety - inline-flex</title> + <title>CSS Flexible Box Test: flex-wrap proprety - wrap</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; + background: red; + margin: 1em 0; + border: 1px solid black; + width: 20em; + height: 6.5em; } - .greenSquare { + span { display: inline-block; - margin-top: -200px; background: green; - } + color: white; + margin: 1em; + width: 8em; + float: left; + } </style> </head> <body> - <p>The test passed if you see a green block which its text is 'Success! -'.</p> + <p>The test passed if you see a 2 * 2 table on the page.</p> <div class="container"> - <!-- This is the square that should not be visible if the test passes --> - <div class="greenSquare">Success!</div> + <span>first</span> + <span>second</span> + <span>third</span> + <span>forth</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 8226b3515c1..ce821bae82d 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 @@ -584,14 +584,6 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="flex-container-margin" class=""> - <tr> - <td rowspan="1" title="flex-container-margin-not-collapse-with-content-margin"> - <a href="flex-container-margin.htm">flex-container-margin</a></td> - <td><a href="reference/flex-container-margin-ref.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> <tbody id="flex-direction" class=""> <tr> <td rowspan="1" title="flex flow direction"> @@ -2056,6 +2048,78 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="flexbox-writing-mode-001" class=""> + <tr> + <td rowspan="1" title="Try various flex-flow values, with 'direction: ltr' and 'writing-mode: horizontal-tb'"> + <a href="flexbox-writing-mode-001.htm">flexbox-writing-mode-001</a></td> + <td><a href="reference/flexbox-writing-mode-001-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-002" class=""> + <tr> + <td rowspan="1" title="Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-rl'"> + <a href="flexbox-writing-mode-002.htm">flexbox-writing-mode-002</a></td> + <td><a href="reference/flexbox-writing-mode-002-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-003" class=""> + <tr> + <td rowspan="1" title="Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-lr'"> + <a href="flexbox-writing-mode-003.htm">flexbox-writing-mode-003</a></td> + <td><a href="reference/flexbox-writing-mode-003-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-004" class=""> + <tr> + <td rowspan="1" title="Try various flex-flow values, with 'direction: rtl' and 'writing-mode: horizontal-tb'"> + <a href="flexbox-writing-mode-004.htm">flexbox-writing-mode-004</a></td> + <td><a href="reference/flexbox-writing-mode-004-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-005" class=""> + <tr> + <td rowspan="1" title="Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-rl'"> + <a href="flexbox-writing-mode-005.htm">flexbox-writing-mode-005</a></td> + <td><a href="reference/flexbox-writing-mode-005-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-006" class=""> + <tr> + <td rowspan="1" title="Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-lr'"> + <a href="flexbox-writing-mode-006.htm">flexbox-writing-mode-006</a></td> + <td><a href="reference/flexbox-writing-mode-006-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-007" class=""> + <tr> + <td rowspan="1" title="Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode"> + <a href="flexbox-writing-mode-007.htm">flexbox-writing-mode-007</a></td> + <td><a href="reference/flexbox-writing-mode-007-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-008" class=""> + <tr> + <td rowspan="1" title="Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode"> + <a href="flexbox-writing-mode-008.htm">flexbox-writing-mode-008</a></td> + <td><a href="reference/flexbox-writing-mode-008-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-009" class=""> + <tr> + <td rowspan="1" title="Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode"> + <a href="flexbox-writing-mode-009.htm">flexbox-writing-mode-009</a></td> + <td><a href="reference/flexbox-writing-mode-009-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="flexbox_absolute-atomic" class=""> <tr> <td rowspan="1" title="flexbox | abspos atomic flexitems"> @@ -3802,7 +3866,7 @@ </tbody> <tbody id="ttwf-reftest-flex-align-content-center" class=""> <tr> - <td rowspan="1" title="align-content proprety - center"> + <td rowspan="1" title="align-content property - center"> <a href="ttwf-reftest-flex-align-content-center.htm">ttwf-reftest-flex-align-content-center</a></td> <td><a href="reference/ttwf-reftest-flex-align-content-center-ref.htm">=</a> </td> <td rowspan="1"></td> @@ -3810,7 +3874,7 @@ </tbody> <tbody id="ttwf-reftest-flex-align-content-end" class=""> <tr> - <td rowspan="1" title="align-content proprety - flex-end"> + <td rowspan="1" title="align-content property - flex-end"> <a href="ttwf-reftest-flex-align-content-end.htm">ttwf-reftest-flex-align-content-end</a></td> <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.htm">=</a> </td> <td rowspan="1"></td> @@ -3818,25 +3882,25 @@ </tbody> <tbody id="ttwf-reftest-flex-align-content-space-around" class=""> <tr> - <td rowspan="1" title="align-content proprety - flex-end"> + <td rowspan="1" title="align-content property - space-around"> <a href="ttwf-reftest-flex-align-content-space-around.htm">ttwf-reftest-flex-align-content-space-around</a></td> - <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.htm">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-align-content-space-around-ref.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> <tbody id="ttwf-reftest-flex-align-content-space-between" class=""> <tr> - <td rowspan="1" title="align-content proprety - flex-end"> + <td rowspan="1" title="align-content property - space-between"> <a href="ttwf-reftest-flex-align-content-space-between.htm">ttwf-reftest-flex-align-content-space-between</a></td> - <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.htm">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-align-content-space-between-ref.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> <tbody id="ttwf-reftest-flex-align-content-start" class=""> <tr> - <td rowspan="1" title="align-content proprety - flex-end"> + <td rowspan="1" title="align-content property - flex-start"> <a href="ttwf-reftest-flex-align-content-start.htm">ttwf-reftest-flex-align-content-start</a></td> - <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.htm">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-align-content-start-ref.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -3860,7 +3924,7 @@ <tr> <td rowspan="1" title="flex-direction proprety - column-reverse"> <a href="ttwf-reftest-flex-direction-column-reverse.htm">ttwf-reftest-flex-direction-column-reverse</a></td> - <td><a href="reference/ttwf-reftest-flex-direction-column-ref.htm">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-direction-column-reverse-ref.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -3884,7 +3948,7 @@ <tr> <td rowspan="1" title="flex-wrap proprety - wrap"> <a href="ttwf-reftest-flex-wrap.htm">ttwf-reftest-flex-wrap</a></td> - <td><a href="reference/ttwf-reftest-flex-inline-ref.htm">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-wrap-ref.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> 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 53d3e3226c9..23f8f94a7fd 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 @@ -69,7 +69,6 @@ flex-basis-006.htm == reference/ref-filled-green-100px-square.htm flex-basis-007.htm == reference/ref-filled-green-100px-square.htm flex-basis-008.htm == reference/ref-filled-green-100px-square.htm flex-box-wrap.htm == reference/flex-box-wrap-ref.htm -flex-container-margin.htm == reference/flex-container-margin-ref.htm flex-direction.htm == reference/flex-direction.htm flex-direction-modify.htm == reference/flex-direction-modify.htm flex-direction-with-element-insert.htm == reference/flex-direction-with-element-insert.htm @@ -253,6 +252,15 @@ flexbox-whitespace-handling-002.htm == reference/flexbox-whitespace-handling-002 flexbox-with-pseudo-elements-001.htm == reference/flexbox-with-pseudo-elements-001-ref.htm flexbox-with-pseudo-elements-002.htm == reference/flexbox-with-pseudo-elements-002-ref.htm flexbox-with-pseudo-elements-003.htm == reference/flexbox-with-pseudo-elements-003-ref.htm +flexbox-writing-mode-001.htm == reference/flexbox-writing-mode-001-ref.htm +flexbox-writing-mode-002.htm == reference/flexbox-writing-mode-002-ref.htm +flexbox-writing-mode-003.htm == reference/flexbox-writing-mode-003-ref.htm +flexbox-writing-mode-004.htm == reference/flexbox-writing-mode-004-ref.htm +flexbox-writing-mode-005.htm == reference/flexbox-writing-mode-005-ref.htm +flexbox-writing-mode-006.htm == reference/flexbox-writing-mode-006-ref.htm +flexbox-writing-mode-007.htm == reference/flexbox-writing-mode-007-ref.htm +flexbox-writing-mode-008.htm == reference/flexbox-writing-mode-008-ref.htm +flexbox-writing-mode-009.htm == reference/flexbox-writing-mode-009-ref.htm flexbox_absolute-atomic.htm == reference/flexbox_absolute-atomic-ref.htm flexbox_align-content-center.htm == reference/flexbox_align-content-center-ref.htm flexbox_align-content-flexend.htm == reference/flexbox_align-content-flexend-ref.htm @@ -473,14 +481,14 @@ regions-flexbox-004.htm == reference/regions-flexbox-002-ref.htm row-flexbox-break.htm == reference/row-flexbox-break-ref.htm ttwf-reftest-flex-align-content-center.htm == reference/ttwf-reftest-flex-align-content-center-ref.htm ttwf-reftest-flex-align-content-end.htm == reference/ttwf-reftest-flex-align-content-end-ref.htm -ttwf-reftest-flex-align-content-space-around.htm == reference/ttwf-reftest-flex-align-content-end-ref.htm -ttwf-reftest-flex-align-content-space-between.htm == reference/ttwf-reftest-flex-align-content-end-ref.htm -ttwf-reftest-flex-align-content-start.htm == reference/ttwf-reftest-flex-align-content-end-ref.htm +ttwf-reftest-flex-align-content-space-around.htm == reference/ttwf-reftest-flex-align-content-space-around-ref.htm +ttwf-reftest-flex-align-content-space-between.htm == reference/ttwf-reftest-flex-align-content-space-between-ref.htm +ttwf-reftest-flex-align-content-start.htm == reference/ttwf-reftest-flex-align-content-start-ref.htm 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-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-order.htm == reference/ttwf-reftest-flex-order-ref.htm -ttwf-reftest-flex-wrap.htm == reference/ttwf-reftest-flex-inline-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 visibility-regions-in-flexbox.htm == reference/visibility-regions-in-flexbox-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 f385da0f715..6871b57b83b 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 @@ -37,12 +37,12 @@ <tbody id="s4"> <tr><th><a href="chapter-4.htm">Chapter 4 - Flex Items</a></th> - <td>(58 Tests)</td></tr> + <td>(57 Tests)</td></tr> </tbody> <tbody id="s5"> <tr><th><a href="chapter-5.htm">Chapter 5 - Ordering and Orientation</a></th> - <td>(123 Tests)</td></tr> + <td>(129 Tests)</td></tr> </tbody> <tbody id="s6"> <tr><th><a href="chapter-6.htm">Chapter 6 - @@ -62,7 +62,7 @@ <tbody id="s9"> <tr><th><a href="chapter-9.htm">Chapter 9 - Flex Layout Algorithm</a></th> - <td>(58 Tests)</td></tr> + <td>(61 Tests)</td></tr> </tbody> <tbody id="s10"> <tr><th><a href="chapter-10.htm">Chapter 10 - diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-align-content-center.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-align-content-center.htm index fb8d214f6a9..b507b45c1f3 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-align-content-center.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-align-content-center.htm @@ -1,6 +1,6 @@ <!DOCTYPE html> <html><head> - <title>CSS Flexible Box Test: align-content proprety - center</title> + <title>CSS Flexible Box Test: align-content property - center</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent"> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help"> <link href="reference/ttwf-reftest-flex-align-content-center-ref.htm" rel="match"> @@ -29,7 +29,7 @@ </style> </head> <body> - <p>The test passed if you see a 2*2 table.</p> + <p>The test passed if you see a centered 2*2 table.</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-align-content-end.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-align-content-end.htm index 7567178f187..059b4ee835c 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-align-content-end.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-align-content-end.htm @@ -1,6 +1,6 @@ <!DOCTYPE html> <html><head> - <title>CSS Flexible Box Test: align-content proprety - flex-end</title> + <title>CSS Flexible Box Test: align-content property - flex-end</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent"> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help"> <link href="reference/ttwf-reftest-flex-align-content-end-ref.htm" rel="match"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-align-content-space-around.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-align-content-space-around.htm index 6fd1386e9de..b8718eb4365 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-align-content-space-around.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-align-content-space-around.htm @@ -1,9 +1,9 @@ <!DOCTYPE html> <html><head> - <title>CSS Flexible Box Test: align-content proprety - flex-end</title> + <title>CSS Flexible Box Test: align-content property - space-around</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent"> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help"> - <link href="reference/ttwf-reftest-flex-align-content-end-ref.htm" rel="match"> + <link href="reference/ttwf-reftest-flex-align-content-space-around-ref.htm" rel="match"> <meta content="Statement describing what the test case is asserting" name="assert"> <style type="text/css"> .container { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-align-content-space-between.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-align-content-space-between.htm index 72a69ca3034..1449c7c681f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-align-content-space-between.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-align-content-space-between.htm @@ -1,9 +1,9 @@ <!DOCTYPE html> <html><head> - <title>CSS Flexible Box Test: align-content proprety - flex-end</title> + <title>CSS Flexible Box Test: align-content property - space-between</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent"> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help"> - <link href="reference/ttwf-reftest-flex-align-content-end-ref.htm" rel="match"> + <link href="reference/ttwf-reftest-flex-align-content-space-between-ref.htm" rel="match"> <meta content="Statement describing what the test case is asserting" name="assert"> <style type="text/css"> .container { @@ -29,7 +29,7 @@ </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> + <p>The test passed if you see a 2*2 table and all the cells are spaced equally apart.</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-align-content-start.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-align-content-start.htm index 2f1a3f4ed09..1a75946d73c 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-align-content-start.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-align-content-start.htm @@ -1,9 +1,9 @@ <!DOCTYPE html> <html><head> - <title>CSS Flexible Box Test: align-content proprety - flex-end</title> + <title>CSS Flexible Box Test: align-content property - flex-start</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent"> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help"> - <link href="reference/ttwf-reftest-flex-align-content-end-ref.htm" rel="match"> + <link href="reference/ttwf-reftest-flex-align-content-start-ref.htm" rel="match"> <meta content="Statement describing what the test case is asserting" name="assert"> <style type="text/css"> .container { @@ -29,7 +29,7 @@ </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> + <p>The test passed if you see a 2*2 table and all the cells are at the top of the container.</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-direction-column-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-direction-column-reverse.htm index c7fa8c2db69..2ab2054ef40 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-direction-column-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-direction-column-reverse.htm @@ -3,7 +3,7 @@ <title>CSS Flexible Box Test: flex-direction proprety - column-reverse</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent"> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help"> - <link href="reference/ttwf-reftest-flex-direction-column-ref.htm" rel="match"> + <link href="reference/ttwf-reftest-flex-direction-column-reverse-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 diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-wrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-wrap.htm index a08e4e521c0..00be034f651 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-wrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-wrap.htm @@ -3,7 +3,7 @@ <title>CSS Flexible Box Test: flex-wrap proprety - wrap</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help"> - <link href="reference/ttwf-reftest-flex-inline-ref.htm" rel="match"> + <link href="reference/ttwf-reftest-flex-wrap-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 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 b1e10033221..d0744d46c59 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 @@ -2,1234 +2,1250 @@ # UA string (if applicable) # http://test.csswg.org/suites/css-flexbox-1_dev/DATESTAMP/ # See http://wiki.csswg.org/test/implementation-report for instructions -testname result comment -html4/align-content-001.htm ? -xhtml1/align-content-001.xht ? -html4/align-content-002.htm ? -xhtml1/align-content-002.xht ? -html4/align-content-003.htm ? -xhtml1/align-content-003.xht ? -html4/align-content-004.htm ? -xhtml1/align-content-004.xht ? -html4/align-content-005.htm ? -xhtml1/align-content-005.xht ? -html4/align-content-006.htm ? -xhtml1/align-content-006.xht ? -html4/align-content_center.htm ? -xhtml1/align-content_center.xht ? -html4/align-content_flex-end.htm ? -xhtml1/align-content_flex-end.xht ? -html4/align-content_flex-start.htm ? -xhtml1/align-content_flex-start.xht ? -html4/align-content_space-around.htm ? -xhtml1/align-content_space-around.xht ? -html4/align-content_space-between.htm ? -xhtml1/align-content_space-between.xht ? -html4/align-content_stretch.htm ? -xhtml1/align-content_stretch.xht ? -html4/align-items-001.htm ? -xhtml1/align-items-001.xht ? -html4/align-items-002.htm ? -xhtml1/align-items-002.xht ? -html4/align-items-003.htm ? -xhtml1/align-items-003.xht ? -html4/align-items-004.htm ? -xhtml1/align-items-004.xht ? -html4/align-items-005.htm ? -xhtml1/align-items-005.xht ? -html4/align-self-001.htm ? -xhtml1/align-self-001.xht ? -html4/align-self-002.htm ? -xhtml1/align-self-002.xht ? -html4/align-self-003.htm ? -xhtml1/align-self-003.xht ? -html4/align-self-004.htm ? -xhtml1/align-self-004.xht ? -html4/align-self-005.htm ? -xhtml1/align-self-005.xht ? -html4/align-self-006.htm ? -xhtml1/align-self-006.xht ? -html4/align-self-007.htm ? -xhtml1/align-self-007.xht ? -html4/align-self-008.htm ? -xhtml1/align-self-008.xht ? -html4/align-self-009.htm ? -xhtml1/align-self-009.xht ? -html4/align-self-010.htm ? -xhtml1/align-self-010.xht ? -html4/align-self-011.htm ? -xhtml1/align-self-011.xht ? -html4/align-self-012.htm ? -xhtml1/align-self-012.xht ? -html4/align-self-013.htm ? -xhtml1/align-self-013.xht ? -html4/autoheight-flexbox-001.htm ? -xhtml1/autoheight-flexbox-001.xht ? -html4/autoheight-flexbox-002.htm ? -xhtml1/autoheight-flexbox-002.xht ? -html4/autoheight-flexbox-003.htm ? -xhtml1/autoheight-flexbox-003.xht ? -html4/autoheight-flexbox-004.htm ? -xhtml1/autoheight-flexbox-004.xht ? -html4/autoheight-regions-in-autoheight-flexbox-001.htm ? -xhtml1/autoheight-regions-in-autoheight-flexbox-001.xht ? -html4/autoheight-regions-in-autoheight-flexbox-002.htm ? -xhtml1/autoheight-regions-in-autoheight-flexbox-002.xht ? -html4/autoheight-regions-in-autoheight-flexbox-003.htm ? -xhtml1/autoheight-regions-in-autoheight-flexbox-003.xht ? -html4/autoheight-regions-in-autoheight-flexbox-004.htm ? -xhtml1/autoheight-regions-in-autoheight-flexbox-004.xht ? -html4/autoheight-regions-in-fixed-sized-flexbox-001.htm ? -xhtml1/autoheight-regions-in-fixed-sized-flexbox-001.xht ? -html4/autoheight-regions-in-fixed-sized-flexbox-002.htm ? -xhtml1/autoheight-regions-in-fixed-sized-flexbox-002.xht ? -html4/autoheight-regions-in-fixed-sized-flexbox-003.htm ? -xhtml1/autoheight-regions-in-fixed-sized-flexbox-003.xht ? -html4/autoheight-regions-in-fixed-sized-flexbox-004.htm ? -xhtml1/autoheight-regions-in-fixed-sized-flexbox-004.xht ? -html4/autoheight-regions-in-fixed-sized-flexbox-005.htm ? -xhtml1/autoheight-regions-in-fixed-sized-flexbox-005.xht ? -html4/autoheight-regions-in-fixed-sized-flexbox-006.htm ? -xhtml1/autoheight-regions-in-fixed-sized-flexbox-006.xht ? -html4/autoheight-regions-in-fixed-sized-flexbox-007.htm ? -xhtml1/autoheight-regions-in-fixed-sized-flexbox-007.xht ? -html4/autoheight-regions-in-fixed-sized-flexbox-008.htm ? -xhtml1/autoheight-regions-in-fixed-sized-flexbox-008.xht ? -html4/column-flexbox-break.htm ? -xhtml1/column-flexbox-break.xht ? -html4/css-box-justify-content.htm ? -xhtml1/css-box-justify-content.xht ? -html4/css-flexbox-column-reverse-wrap-reverse.htm ? -xhtml1/css-flexbox-column-reverse-wrap-reverse.xht ? -html4/css-flexbox-column-reverse-wrap.htm ? -xhtml1/css-flexbox-column-reverse-wrap.xht ? -html4/css-flexbox-column-reverse.htm ? -xhtml1/css-flexbox-column-reverse.xht ? -html4/css-flexbox-column-wrap-reverse.htm ? -xhtml1/css-flexbox-column-wrap-reverse.xht ? -html4/css-flexbox-column-wrap.htm ? -xhtml1/css-flexbox-column-wrap.xht ? -html4/css-flexbox-column.htm ? -xhtml1/css-flexbox-column.xht ? -html4/css-flexbox-height-animation-stretch.htm ? -xhtml1/css-flexbox-height-animation-stretch.xht ? -html4/css-flexbox-img-expand-evenly.htm ? -xhtml1/css-flexbox-img-expand-evenly.xht ? -html4/css-flexbox-row-reverse-wrap-reverse.htm ? -xhtml1/css-flexbox-row-reverse-wrap-reverse.xht ? -html4/css-flexbox-row-reverse-wrap.htm ? -xhtml1/css-flexbox-row-reverse-wrap.xht ? -html4/css-flexbox-row-reverse.htm ? -xhtml1/css-flexbox-row-reverse.xht ? -html4/css-flexbox-row-wrap-reverse.htm ? -xhtml1/css-flexbox-row-wrap-reverse.xht ? -html4/css-flexbox-row-wrap.htm ? -xhtml1/css-flexbox-row-wrap.xht ? -html4/css-flexbox-row.htm ? -xhtml1/css-flexbox-row.xht ? -html4/css-flexbox-test1.htm ? -xhtml1/css-flexbox-test1.xht ? -html4/display-flex-001.htm ? -xhtml1/display-flex-001.xht ? -html4/display_flex_exist.htm ? -xhtml1/display_flex_exist.xht ? -html4/display_inline-flex_exist.htm ? -xhtml1/display_inline-flex_exist.xht ? -html4/flex-001.htm ? -xhtml1/flex-001.xht ? -html4/flex-002.htm ? -xhtml1/flex-002.xht ? -html4/flex-003.htm ? -xhtml1/flex-003.xht ? -html4/flex-004.htm ? -xhtml1/flex-004.xht ? -html4/flex-align-items-center.htm ? -xhtml1/flex-align-items-center.xht ? -html4/flex-basis-001.htm ? -xhtml1/flex-basis-001.xht ? -html4/flex-basis-002.htm ? -xhtml1/flex-basis-002.xht ? -html4/flex-basis-003.htm ? -xhtml1/flex-basis-003.xht ? -html4/flex-basis-004.htm ? -xhtml1/flex-basis-004.xht ? -html4/flex-basis-005.htm ? -xhtml1/flex-basis-005.xht ? -html4/flex-basis-006.htm ? -xhtml1/flex-basis-006.xht ? -html4/flex-basis-007.htm ? -xhtml1/flex-basis-007.xht ? -html4/flex-basis-008.htm ? -xhtml1/flex-basis-008.xht ? -html4/flex-box-wrap.htm ? -xhtml1/flex-box-wrap.xht ? -html4/flex-container-margin.htm ? -xhtml1/flex-container-margin.xht ? -html4/flex-direction-column-reverse.htm ? -xhtml1/flex-direction-column-reverse.xht ? -html4/flex-direction-modify.htm ? -xhtml1/flex-direction-modify.xht ? -html4/flex-direction-row-reverse.htm ? -xhtml1/flex-direction-row-reverse.xht ? -html4/flex-direction-row-vertical.htm ? -xhtml1/flex-direction-row-vertical.xht ? -html4/flex-direction-row.htm ? -xhtml1/flex-direction-row.xht ? -html4/flex-direction-with-element-insert.htm ? -xhtml1/flex-direction-with-element-insert.xht ? -html4/flex-direction.htm ? -xhtml1/flex-direction.xht ? -html4/flex-direction_column-reverse.htm ? -xhtml1/flex-direction_column-reverse.xht ? -html4/flex-direction_column.htm ? -xhtml1/flex-direction_column.xht ? -html4/flex-direction_row-reverse.htm ? -xhtml1/flex-direction_row-reverse.xht ? -html4/flex-direction_row.htm ? -xhtml1/flex-direction_row.xht ? -html4/flex-flexitem-childmargin.htm ? -xhtml1/flex-flexitem-childmargin.xht ? -html4/flex-flexitem-percentage-prescation.htm ? -xhtml1/flex-flexitem-percentage-prescation.xht ? -html4/flex-flow-001.htm ? -xhtml1/flex-flow-001.xht ? -html4/flex-flow-002.htm ? -xhtml1/flex-flow-002.xht ? -html4/flex-flow-003.htm ? -xhtml1/flex-flow-003.xht ? -html4/flex-flow-004.htm ? -xhtml1/flex-flow-004.xht ? -html4/flex-flow-005.htm ? -xhtml1/flex-flow-005.xht ? -html4/flex-flow-006.htm ? -xhtml1/flex-flow-006.xht ? -html4/flex-flow-007.htm ? -xhtml1/flex-flow-007.xht ? -html4/flex-flow-008.htm ? -xhtml1/flex-flow-008.xht ? -html4/flex-flow-009.htm ? -xhtml1/flex-flow-009.xht ? -html4/flex-flow-010.htm ? -xhtml1/flex-flow-010.xht ? -html4/flex-flow-011.htm ? -xhtml1/flex-flow-011.xht ? -html4/flex-flow-012.htm ? -xhtml1/flex-flow-012.xht ? -html4/flex-grow-001.htm ? -xhtml1/flex-grow-001.xht ? -html4/flex-grow-002.htm ? -xhtml1/flex-grow-002.xht ? -html4/flex-grow-003.htm ? -xhtml1/flex-grow-003.xht ? -html4/flex-grow-004.htm ? -xhtml1/flex-grow-004.xht ? -html4/flex-grow-005.htm ? -xhtml1/flex-grow-005.xht ? -html4/flex-grow-006.htm ? -xhtml1/flex-grow-006.xht ? -html4/flex-items-flexibility.htm ? -xhtml1/flex-items-flexibility.xht ? -html4/flex-margin-no-collapse.htm ? -xhtml1/flex-margin-no-collapse.xht ? -html4/flex-order.htm ? -xhtml1/flex-order.xht ? -html4/flex-shrink-001.htm ? -xhtml1/flex-shrink-001.xht ? -html4/flex-shrink-002.htm ? -xhtml1/flex-shrink-002.xht ? -html4/flex-shrink-003.htm ? -xhtml1/flex-shrink-003.xht ? -html4/flex-shrink-004.htm ? -xhtml1/flex-shrink-004.xht ? -html4/flex-shrink-005.htm ? -xhtml1/flex-shrink-005.xht ? -html4/flex-shrink-006.htm ? -xhtml1/flex-shrink-006.xht ? -html4/flex-shrink-007.htm ? -xhtml1/flex-shrink-007.xht ? -html4/flex-vertical-align-effect.htm ? -xhtml1/flex-vertical-align-effect.xht ? -html4/flex-wrap-001.htm ? -xhtml1/flex-wrap-001.xht ? -html4/flex-wrap_nowrap.htm ? -xhtml1/flex-wrap_nowrap.xht ? -html4/flex-wrap_wrap-reverse.htm ? -xhtml1/flex-wrap_wrap-reverse.xht ? -html4/flex-wrap_wrap.htm ? -xhtml1/flex-wrap_wrap.xht ? -html4/flexbox-abspos-child-001a.htm ? -xhtml1/flexbox-abspos-child-001a.xht ? -html4/flexbox-abspos-child-001b.htm ? -xhtml1/flexbox-abspos-child-001b.xht ? -html4/flexbox-align-content-horiz-001a.htm ? -xhtml1/flexbox-align-content-horiz-001a.xht ? -html4/flexbox-align-content-horiz-001b.htm ? -xhtml1/flexbox-align-content-horiz-001b.xht ? -html4/flexbox-align-content-vert-001a.htm ? -xhtml1/flexbox-align-content-vert-001a.xht ? -html4/flexbox-align-content-vert-001b.htm ? -xhtml1/flexbox-align-content-vert-001b.xht ? -html4/flexbox-align-self-baseline-horiz-001a.htm ? -xhtml1/flexbox-align-self-baseline-horiz-001a.xht ? -html4/flexbox-align-self-baseline-horiz-001b.htm ? -xhtml1/flexbox-align-self-baseline-horiz-001b.xht ? -html4/flexbox-align-self-baseline-horiz-002.htm ? -xhtml1/flexbox-align-self-baseline-horiz-002.xht ? -html4/flexbox-align-self-baseline-horiz-003.htm ? -xhtml1/flexbox-align-self-baseline-horiz-003.xht ? -html4/flexbox-align-self-baseline-horiz-004.htm ? -xhtml1/flexbox-align-self-baseline-horiz-004.xht ? -html4/flexbox-align-self-baseline-horiz-005.htm ? -xhtml1/flexbox-align-self-baseline-horiz-005.xht ? -html4/flexbox-align-self-horiz-001-block.htm ? -xhtml1/flexbox-align-self-horiz-001-block.xht ? -html4/flexbox-align-self-horiz-001-table.htm ? -xhtml1/flexbox-align-self-horiz-001-table.xht ? -html4/flexbox-align-self-horiz-002.htm ? -xhtml1/flexbox-align-self-horiz-002.xht ? -html4/flexbox-align-self-horiz-003.htm ? -xhtml1/flexbox-align-self-horiz-003.xht ? -html4/flexbox-align-self-horiz-004.htm ? -xhtml1/flexbox-align-self-horiz-004.xht ? -html4/flexbox-align-self-horiz-005.htm ? -xhtml1/flexbox-align-self-horiz-005.xht ? -html4/flexbox-align-self-stretch-vert-001.htm ? -xhtml1/flexbox-align-self-stretch-vert-001.xht ? -html4/flexbox-align-self-stretch-vert-002.htm ? -xhtml1/flexbox-align-self-stretch-vert-002.xht ? -html4/flexbox-align-self-vert-001.htm ? -xhtml1/flexbox-align-self-vert-001.xht ? -html4/flexbox-align-self-vert-002.htm ? -xhtml1/flexbox-align-self-vert-002.xht ? -html4/flexbox-align-self-vert-003.htm ? -xhtml1/flexbox-align-self-vert-003.xht ? -html4/flexbox-align-self-vert-004.htm ? -xhtml1/flexbox-align-self-vert-004.xht ? -html4/flexbox-align-self-vert-rtl-001.htm ? -xhtml1/flexbox-align-self-vert-rtl-001.xht ? -html4/flexbox-align-self-vert-rtl-002.htm ? -xhtml1/flexbox-align-self-vert-rtl-002.xht ? -html4/flexbox-align-self-vert-rtl-003.htm ? -xhtml1/flexbox-align-self-vert-rtl-003.xht ? -html4/flexbox-align-self-vert-rtl-004.htm ? -xhtml1/flexbox-align-self-vert-rtl-004.xht ? -html4/flexbox-anonymous-items-001.htm ? -xhtml1/flexbox-anonymous-items-001.xht ? -html4/flexbox-baseline-align-self-baseline-horiz-001.htm ? -xhtml1/flexbox-baseline-align-self-baseline-horiz-001.xht ? -html4/flexbox-baseline-align-self-baseline-vert-001.htm ? -xhtml1/flexbox-baseline-align-self-baseline-vert-001.xht ? -html4/flexbox-baseline-empty-001a.htm ? -xhtml1/flexbox-baseline-empty-001a.xht ? -html4/flexbox-baseline-empty-001b.htm ? -xhtml1/flexbox-baseline-empty-001b.xht ? -html4/flexbox-baseline-multi-item-horiz-001.htm ? -xhtml1/flexbox-baseline-multi-item-horiz-001.xht ? -html4/flexbox-baseline-multi-item-vert-001.htm ? -xhtml1/flexbox-baseline-multi-item-vert-001.xht ? -html4/flexbox-baseline-multi-line-horiz-001.htm ? -xhtml1/flexbox-baseline-multi-line-horiz-001.xht ? -html4/flexbox-baseline-multi-line-horiz-002.htm ? -xhtml1/flexbox-baseline-multi-line-horiz-002.xht ? -html4/flexbox-baseline-multi-line-horiz-003.htm ? -xhtml1/flexbox-baseline-multi-line-horiz-003.xht ? -html4/flexbox-baseline-multi-line-horiz-004.htm ? -xhtml1/flexbox-baseline-multi-line-horiz-004.xht ? -html4/flexbox-baseline-multi-line-vert-001.htm ? -xhtml1/flexbox-baseline-multi-line-vert-001.xht ? -html4/flexbox-baseline-multi-line-vert-002.htm ? -xhtml1/flexbox-baseline-multi-line-vert-002.xht ? -html4/flexbox-baseline-single-item-001a.htm ? -xhtml1/flexbox-baseline-single-item-001a.xht ? -html4/flexbox-baseline-single-item-001b.htm ? -xhtml1/flexbox-baseline-single-item-001b.xht ? -html4/flexbox-basic-block-horiz-001.htm ? -xhtml1/flexbox-basic-block-horiz-001.xht ? -html4/flexbox-basic-block-vert-001.htm ? -xhtml1/flexbox-basic-block-vert-001.xht ? -html4/flexbox-basic-canvas-horiz-001.htm ? -xhtml1/flexbox-basic-canvas-horiz-001.xht ? -html4/flexbox-basic-canvas-vert-001.htm ? -xhtml1/flexbox-basic-canvas-vert-001.xht ? -html4/flexbox-basic-fieldset-horiz-001.htm ? -xhtml1/flexbox-basic-fieldset-horiz-001.xht ? -html4/flexbox-basic-fieldset-vert-001.htm ? -xhtml1/flexbox-basic-fieldset-vert-001.xht ? -html4/flexbox-basic-iframe-horiz-001.htm ? -xhtml1/flexbox-basic-iframe-horiz-001.xht ? -html4/flexbox-basic-iframe-vert-001.htm ? -xhtml1/flexbox-basic-iframe-vert-001.xht ? -html4/flexbox-basic-img-horiz-001.htm ? -xhtml1/flexbox-basic-img-horiz-001.xht ? -html4/flexbox-basic-img-vert-001.htm ? -xhtml1/flexbox-basic-img-vert-001.xht ? -html4/flexbox-basic-textarea-horiz-001.htm ? -xhtml1/flexbox-basic-textarea-horiz-001.xht ? -html4/flexbox-basic-textarea-vert-001.htm ? -xhtml1/flexbox-basic-textarea-vert-001.xht ? -html4/flexbox-basic-video-horiz-001.htm ? -xhtml1/flexbox-basic-video-horiz-001.xht ? -html4/flexbox-basic-video-vert-001.htm ? -xhtml1/flexbox-basic-video-vert-001.xht ? -html4/flexbox-break-request-horiz-001a.htm ? -xhtml1/flexbox-break-request-horiz-001a.xht ? -html4/flexbox-break-request-horiz-001b.htm ? -xhtml1/flexbox-break-request-horiz-001b.xht ? -html4/flexbox-break-request-horiz-002a.htm ? -xhtml1/flexbox-break-request-horiz-002a.xht ? -html4/flexbox-break-request-horiz-002b.htm ? -xhtml1/flexbox-break-request-horiz-002b.xht ? -html4/flexbox-break-request-vert-001a.htm ? -xhtml1/flexbox-break-request-vert-001a.xht ? -html4/flexbox-break-request-vert-001b.htm ? -xhtml1/flexbox-break-request-vert-001b.xht ? -html4/flexbox-break-request-vert-002a.htm ? -xhtml1/flexbox-break-request-vert-002a.xht ? -html4/flexbox-break-request-vert-002b.htm ? -xhtml1/flexbox-break-request-vert-002b.xht ? -html4/flexbox-collapsed-item-baseline-001.htm ? -xhtml1/flexbox-collapsed-item-baseline-001.xht ? -html4/flexbox-collapsed-item-horiz-001.htm ? -xhtml1/flexbox-collapsed-item-horiz-001.xht ? -html4/flexbox-collapsed-item-horiz-002.htm ? -xhtml1/flexbox-collapsed-item-horiz-002.xht ? -html4/flexbox-collapsed-item-horiz-003.htm ? -xhtml1/flexbox-collapsed-item-horiz-003.xht ? -html4/flexbox-flex-direction-column-reverse.htm ? -xhtml1/flexbox-flex-direction-column-reverse.xht ? -html4/flexbox-flex-direction-column.htm ? -xhtml1/flexbox-flex-direction-column.xht ? -html4/flexbox-flex-direction-default.htm ? -xhtml1/flexbox-flex-direction-default.xht ? -html4/flexbox-flex-direction-row-reverse.htm ? -xhtml1/flexbox-flex-direction-row-reverse.xht ? -html4/flexbox-flex-direction-row.htm ? -xhtml1/flexbox-flex-direction-row.xht ? -html4/flexbox-flex-flow-001.htm ? -xhtml1/flexbox-flex-flow-001.xht ? -html4/flexbox-flex-flow-002.htm ? -xhtml1/flexbox-flex-flow-002.xht ? -html4/flexbox-flex-wrap-default.htm ? -xhtml1/flexbox-flex-wrap-default.xht ? -html4/flexbox-flex-wrap-flexing.htm ? -xhtml1/flexbox-flex-wrap-flexing.xht ? -html4/flexbox-flex-wrap-horiz-001.htm ? -xhtml1/flexbox-flex-wrap-horiz-001.xht ? -html4/flexbox-flex-wrap-horiz-002.htm ? -xhtml1/flexbox-flex-wrap-horiz-002.xht ? -html4/flexbox-flex-wrap-nowrap.htm ? -xhtml1/flexbox-flex-wrap-nowrap.xht ? -html4/flexbox-flex-wrap-vert-001.htm ? -xhtml1/flexbox-flex-wrap-vert-001.xht ? -html4/flexbox-flex-wrap-vert-002.htm ? -xhtml1/flexbox-flex-wrap-vert-002.xht ? -html4/flexbox-flex-wrap-wrap-reverse.htm ? -xhtml1/flexbox-flex-wrap-wrap-reverse.xht ? -html4/flexbox-flex-wrap-wrap.htm ? -xhtml1/flexbox-flex-wrap-wrap.xht ? -html4/flexbox-items-as-stacking-contexts-001.htm ? -xhtml1/flexbox-items-as-stacking-contexts-001.xht ? -html4/flexbox-items-as-stacking-contexts-002.htm ? -xhtml1/flexbox-items-as-stacking-contexts-002.xht ? -html4/flexbox-items-as-stacking-contexts-003.htm ? -xhtml1/flexbox-items-as-stacking-contexts-003.xht ? -html4/flexbox-justify-content-horiz-001a.htm ? -xhtml1/flexbox-justify-content-horiz-001a.xht ? -html4/flexbox-justify-content-horiz-001b.htm ? -xhtml1/flexbox-justify-content-horiz-001b.xht ? -html4/flexbox-justify-content-horiz-002.htm ? -xhtml1/flexbox-justify-content-horiz-002.xht ? -html4/flexbox-justify-content-horiz-003.htm ? -xhtml1/flexbox-justify-content-horiz-003.xht ? -html4/flexbox-justify-content-horiz-004.htm ? -xhtml1/flexbox-justify-content-horiz-004.xht ? -html4/flexbox-justify-content-horiz-005.htm ? -xhtml1/flexbox-justify-content-horiz-005.xht ? -html4/flexbox-justify-content-vert-001a.htm ? -xhtml1/flexbox-justify-content-vert-001a.xht ? -html4/flexbox-justify-content-vert-001b.htm ? -xhtml1/flexbox-justify-content-vert-001b.xht ? -html4/flexbox-justify-content-vert-002.htm ? -xhtml1/flexbox-justify-content-vert-002.xht ? -html4/flexbox-justify-content-vert-003.htm ? -xhtml1/flexbox-justify-content-vert-003.xht ? -html4/flexbox-justify-content-vert-004.htm ? -xhtml1/flexbox-justify-content-vert-004.xht ? -html4/flexbox-justify-content-vert-005.htm ? -xhtml1/flexbox-justify-content-vert-005.xht ? -html4/flexbox-margin-auto-horiz-001.htm ? -xhtml1/flexbox-margin-auto-horiz-001.xht ? -html4/flexbox-margin-auto-horiz-002.htm ? -xhtml1/flexbox-margin-auto-horiz-002.xht ? -html4/flexbox-mbp-horiz-001-reverse.htm ? -xhtml1/flexbox-mbp-horiz-001-reverse.xht ? -html4/flexbox-mbp-horiz-001-rtl-reverse.htm ? -xhtml1/flexbox-mbp-horiz-001-rtl-reverse.xht ? -html4/flexbox-mbp-horiz-001-rtl.htm ? -xhtml1/flexbox-mbp-horiz-001-rtl.xht ? -html4/flexbox-mbp-horiz-001.htm ? -xhtml1/flexbox-mbp-horiz-001.xht ? -html4/flexbox-mbp-horiz-002a.htm ? -xhtml1/flexbox-mbp-horiz-002a.xht ? -html4/flexbox-mbp-horiz-002b.htm ? -xhtml1/flexbox-mbp-horiz-002b.xht ? -html4/flexbox-mbp-horiz-003-reverse.htm ? -xhtml1/flexbox-mbp-horiz-003-reverse.xht ? -html4/flexbox-mbp-horiz-003.htm ? -xhtml1/flexbox-mbp-horiz-003.xht ? -html4/flexbox-mbp-horiz-004.htm ? -xhtml1/flexbox-mbp-horiz-004.xht ? -html4/flexbox-min-height-auto-001.htm ? -xhtml1/flexbox-min-height-auto-001.xht ? -html4/flexbox-min-height-auto-002a.htm ? -xhtml1/flexbox-min-height-auto-002a.xht ? -html4/flexbox-min-height-auto-002b.htm ? -xhtml1/flexbox-min-height-auto-002b.xht ? -html4/flexbox-min-height-auto-002c.htm ? -xhtml1/flexbox-min-height-auto-002c.xht ? -html4/flexbox-min-height-auto-003.htm ? -xhtml1/flexbox-min-height-auto-003.xht ? -html4/flexbox-min-height-auto-004.htm ? -xhtml1/flexbox-min-height-auto-004.xht ? -html4/flexbox-min-width-auto-001.htm ? -xhtml1/flexbox-min-width-auto-001.xht ? -html4/flexbox-min-width-auto-002a.htm ? -xhtml1/flexbox-min-width-auto-002a.xht ? -html4/flexbox-min-width-auto-002b.htm ? -xhtml1/flexbox-min-width-auto-002b.xht ? -html4/flexbox-min-width-auto-002c.htm ? -xhtml1/flexbox-min-width-auto-002c.xht ? -html4/flexbox-min-width-auto-003.htm ? -xhtml1/flexbox-min-width-auto-003.xht ? -html4/flexbox-min-width-auto-004.htm ? -xhtml1/flexbox-min-width-auto-004.xht ? -html4/flexbox-order-from-lowest.htm ? -xhtml1/flexbox-order-from-lowest.xht ? -html4/flexbox-order-only-flexitems.htm ? -xhtml1/flexbox-order-only-flexitems.xht ? -html4/flexbox-overflow-horiz-001.htm ? -xhtml1/flexbox-overflow-horiz-001.xht ? -html4/flexbox-overflow-horiz-002.htm ? -xhtml1/flexbox-overflow-horiz-002.xht ? -html4/flexbox-overflow-horiz-003.htm ? -xhtml1/flexbox-overflow-horiz-003.xht ? -html4/flexbox-overflow-horiz-004.htm ? -xhtml1/flexbox-overflow-horiz-004.xht ? -html4/flexbox-overflow-horiz-005.htm ? -xhtml1/flexbox-overflow-horiz-005.xht ? -html4/flexbox-overflow-vert-001.htm ? -xhtml1/flexbox-overflow-vert-001.xht ? -html4/flexbox-overflow-vert-002.htm ? -xhtml1/flexbox-overflow-vert-002.xht ? -html4/flexbox-overflow-vert-003.htm ? -xhtml1/flexbox-overflow-vert-003.xht ? -html4/flexbox-overflow-vert-004.htm ? -xhtml1/flexbox-overflow-vert-004.xht ? -html4/flexbox-overflow-vert-005.htm ? -xhtml1/flexbox-overflow-vert-005.xht ? -html4/flexbox-paint-ordering-001.htm ? -xhtml1/flexbox-paint-ordering-001.xht ? -html4/flexbox-paint-ordering-002.htm ? -xhtml1/flexbox-paint-ordering-002.xht ? -html4/flexbox-root-node-001a.htm ? -xhtml1/flexbox-root-node-001a.xht ? -html4/flexbox-root-node-001b.htm ? -xhtml1/flexbox-root-node-001b.xht ? -html4/flexbox-sizing-horiz-001.htm ? -xhtml1/flexbox-sizing-horiz-001.xht ? -html4/flexbox-sizing-horiz-002.htm ? -xhtml1/flexbox-sizing-horiz-002.xht ? -html4/flexbox-sizing-vert-001.htm ? -xhtml1/flexbox-sizing-vert-001.xht ? -html4/flexbox-sizing-vert-002.htm ? -xhtml1/flexbox-sizing-vert-002.xht ? -html4/flexbox-table-fixup-001a.htm ? -xhtml1/flexbox-table-fixup-001a.xht ? -html4/flexbox-table-fixup-001b.htm ? -xhtml1/flexbox-table-fixup-001b.xht ? -html4/flexbox-whitespace-handling-001a.htm ? -xhtml1/flexbox-whitespace-handling-001a.xht ? -html4/flexbox-whitespace-handling-001b.htm ? -xhtml1/flexbox-whitespace-handling-001b.xht ? -html4/flexbox-whitespace-handling-002.htm ? -xhtml1/flexbox-whitespace-handling-002.xht ? -html4/flexbox-with-pseudo-elements-001.htm ? -xhtml1/flexbox-with-pseudo-elements-001.xht ? -html4/flexbox-with-pseudo-elements-002.htm ? -xhtml1/flexbox-with-pseudo-elements-002.xht ? -html4/flexbox-with-pseudo-elements-003.htm ? -xhtml1/flexbox-with-pseudo-elements-003.xht ? -html4/flexbox_absolute-atomic.htm ? -xhtml1/flexbox_absolute-atomic.xht ? -html4/flexbox_align-content-center.htm ? -xhtml1/flexbox_align-content-center.xht ? -html4/flexbox_align-content-flexend.htm ? -xhtml1/flexbox_align-content-flexend.xht ? -html4/flexbox_align-content-flexstart.htm ? -xhtml1/flexbox_align-content-flexstart.xht ? -html4/flexbox_align-content-spacearound.htm ? -xhtml1/flexbox_align-content-spacearound.xht ? -html4/flexbox_align-content-spacebetween.htm ? -xhtml1/flexbox_align-content-spacebetween.xht ? -html4/flexbox_align-content-stretch-2.htm ? -xhtml1/flexbox_align-content-stretch-2.xht ? -html4/flexbox_align-content-stretch.htm ? -xhtml1/flexbox_align-content-stretch.xht ? -html4/flexbox_align-items-baseline.htm ? -xhtml1/flexbox_align-items-baseline.xht ? -html4/flexbox_align-items-center-2.htm ? -xhtml1/flexbox_align-items-center-2.xht ? -html4/flexbox_align-items-center.htm ? -xhtml1/flexbox_align-items-center.xht ? -html4/flexbox_align-items-flexend-2.htm ? -xhtml1/flexbox_align-items-flexend-2.xht ? -html4/flexbox_align-items-flexend.htm ? -xhtml1/flexbox_align-items-flexend.xht ? -html4/flexbox_align-items-flexstart-2.htm ? -xhtml1/flexbox_align-items-flexstart-2.xht ? -html4/flexbox_align-items-flexstart.htm ? -xhtml1/flexbox_align-items-flexstart.xht ? -html4/flexbox_align-items-stretch-2.htm ? -xhtml1/flexbox_align-items-stretch-2.xht ? -html4/flexbox_align-items-stretch.htm ? -xhtml1/flexbox_align-items-stretch.xht ? -html4/flexbox_align-self-auto.htm ? -xhtml1/flexbox_align-self-auto.xht ? -html4/flexbox_align-self-baseline.htm ? -xhtml1/flexbox_align-self-baseline.xht ? -html4/flexbox_align-self-center.htm ? -xhtml1/flexbox_align-self-center.xht ? -html4/flexbox_align-self-flexend.htm ? -xhtml1/flexbox_align-self-flexend.xht ? -html4/flexbox_align-self-flexstart.htm ? -xhtml1/flexbox_align-self-flexstart.xht ? -html4/flexbox_align-self-stretch.htm ? -xhtml1/flexbox_align-self-stretch.xht ? -html4/flexbox_block.htm ? -xhtml1/flexbox_block.xht ? -html4/flexbox_box-clear.htm ? -xhtml1/flexbox_box-clear.xht ? -html4/flexbox_columns-flexitems-2.htm ? -xhtml1/flexbox_columns-flexitems-2.xht ? -html4/flexbox_columns-flexitems.htm ? -xhtml1/flexbox_columns-flexitems.xht ? -html4/flexbox_columns.htm ? -xhtml1/flexbox_columns.xht ? -html4/flexbox_computedstyle_align-content-center.htm ? -xhtml1/flexbox_computedstyle_align-content-center.xht ? -html4/flexbox_computedstyle_align-content-flex-end.htm ? -xhtml1/flexbox_computedstyle_align-content-flex-end.xht ? -html4/flexbox_computedstyle_align-content-flex-start.htm ? -xhtml1/flexbox_computedstyle_align-content-flex-start.xht ? -html4/flexbox_computedstyle_align-content-space-around.htm ? -xhtml1/flexbox_computedstyle_align-content-space-around.xht ? -html4/flexbox_computedstyle_align-content-space-between.htm ? -xhtml1/flexbox_computedstyle_align-content-space-between.xht ? -html4/flexbox_computedstyle_align-items-baseline.htm ? -xhtml1/flexbox_computedstyle_align-items-baseline.xht ? -html4/flexbox_computedstyle_align-items-center.htm ? -xhtml1/flexbox_computedstyle_align-items-center.xht ? -html4/flexbox_computedstyle_align-items-flex-end.htm ? -xhtml1/flexbox_computedstyle_align-items-flex-end.xht ? -html4/flexbox_computedstyle_align-items-flex-start.htm ? -xhtml1/flexbox_computedstyle_align-items-flex-start.xht ? -html4/flexbox_computedstyle_align-items-invalid.htm ? -xhtml1/flexbox_computedstyle_align-items-invalid.xht ? -html4/flexbox_computedstyle_align-items-stretch.htm ? -xhtml1/flexbox_computedstyle_align-items-stretch.xht ? -html4/flexbox_computedstyle_align-self-baseline.htm ? -xhtml1/flexbox_computedstyle_align-self-baseline.xht ? -html4/flexbox_computedstyle_align-self-center.htm ? -xhtml1/flexbox_computedstyle_align-self-center.xht ? -html4/flexbox_computedstyle_align-self-flex-end.htm ? -xhtml1/flexbox_computedstyle_align-self-flex-end.xht ? -html4/flexbox_computedstyle_align-self-flex-start.htm ? -xhtml1/flexbox_computedstyle_align-self-flex-start.xht ? -html4/flexbox_computedstyle_align-self-invalid.htm ? -xhtml1/flexbox_computedstyle_align-self-invalid.xht ? -html4/flexbox_computedstyle_align-self-stretch.htm ? -xhtml1/flexbox_computedstyle_align-self-stretch.xht ? -html4/flexbox_computedstyle_display-inline.htm ? -xhtml1/flexbox_computedstyle_display-inline.xht ? -html4/flexbox_computedstyle_display.htm ? -xhtml1/flexbox_computedstyle_display.xht ? -html4/flexbox_computedstyle_flex-basis-0.htm ? -xhtml1/flexbox_computedstyle_flex-basis-0.xht ? -html4/flexbox_computedstyle_flex-basis-0percent.htm ? -xhtml1/flexbox_computedstyle_flex-basis-0percent.xht ? -html4/flexbox_computedstyle_flex-basis-auto.htm ? -xhtml1/flexbox_computedstyle_flex-basis-auto.xht ? -html4/flexbox_computedstyle_flex-basis-percent.htm ? -xhtml1/flexbox_computedstyle_flex-basis-percent.xht ? -html4/flexbox_computedstyle_flex-direction-column-reverse.htm ? -xhtml1/flexbox_computedstyle_flex-direction-column-reverse.xht ? -html4/flexbox_computedstyle_flex-direction-column.htm ? -xhtml1/flexbox_computedstyle_flex-direction-column.xht ? -html4/flexbox_computedstyle_flex-direction-invalid.htm ? -xhtml1/flexbox_computedstyle_flex-direction-invalid.xht ? -html4/flexbox_computedstyle_flex-direction-row-reverse.htm ? -xhtml1/flexbox_computedstyle_flex-direction-row-reverse.xht ? -html4/flexbox_computedstyle_flex-direction-row.htm ? -xhtml1/flexbox_computedstyle_flex-direction-row.xht ? -html4/flexbox_computedstyle_flex-flow-column-nowrap.htm ? -xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht ? -html4/flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm ? -xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht ? -html4/flexbox_computedstyle_flex-flow-column-reverse-wrap.htm ? -xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht ? -html4/flexbox_computedstyle_flex-flow-column-reverse.htm ? -xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht ? -html4/flexbox_computedstyle_flex-flow-column-wrap-reverse.htm ? -xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht ? -html4/flexbox_computedstyle_flex-flow-column-wrap.htm ? -xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht ? -html4/flexbox_computedstyle_flex-flow-column.htm ? -xhtml1/flexbox_computedstyle_flex-flow-column.xht ? -html4/flexbox_computedstyle_flex-flow-nowrap.htm ? -xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht ? -html4/flexbox_computedstyle_flex-flow-row-nowrap.htm ? -xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht ? -html4/flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm ? -xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht ? -html4/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm ? -xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht ? -html4/flexbox_computedstyle_flex-flow-row-reverse-wrap.htm ? -xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht ? -html4/flexbox_computedstyle_flex-flow-row-reverse.htm ? -xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht ? -html4/flexbox_computedstyle_flex-flow-row-wrap-reverse.htm ? -xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht ? -html4/flexbox_computedstyle_flex-flow-row-wrap.htm ? -xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht ? -html4/flexbox_computedstyle_flex-flow-row.htm ? -xhtml1/flexbox_computedstyle_flex-flow-row.xht ? -html4/flexbox_computedstyle_flex-flow-wrap.htm ? -xhtml1/flexbox_computedstyle_flex-flow-wrap.xht ? -html4/flexbox_computedstyle_flex-grow-0.htm ? -xhtml1/flexbox_computedstyle_flex-grow-0.xht ? -html4/flexbox_computedstyle_flex-grow-invalid.htm ? -xhtml1/flexbox_computedstyle_flex-grow-invalid.xht ? -html4/flexbox_computedstyle_flex-grow-number.htm ? -xhtml1/flexbox_computedstyle_flex-grow-number.xht ? -html4/flexbox_computedstyle_flex-shorthand-0-auto.htm ? -xhtml1/flexbox_computedstyle_flex-shorthand-0-auto.xht ? -html4/flexbox_computedstyle_flex-shorthand-auto.htm ? -xhtml1/flexbox_computedstyle_flex-shorthand-auto.xht ? -html4/flexbox_computedstyle_flex-shorthand-initial.htm ? -xhtml1/flexbox_computedstyle_flex-shorthand-initial.xht ? -html4/flexbox_computedstyle_flex-shorthand-invalid.htm ? -xhtml1/flexbox_computedstyle_flex-shorthand-invalid.xht ? -html4/flexbox_computedstyle_flex-shorthand-none.htm ? -xhtml1/flexbox_computedstyle_flex-shorthand-none.xht ? -html4/flexbox_computedstyle_flex-shorthand-number.htm ? -xhtml1/flexbox_computedstyle_flex-shorthand-number.xht ? -html4/flexbox_computedstyle_flex-shorthand.htm ? -xhtml1/flexbox_computedstyle_flex-shorthand.xht ? -html4/flexbox_computedstyle_flex-shrink-0.htm ? -xhtml1/flexbox_computedstyle_flex-shrink-0.xht ? -html4/flexbox_computedstyle_flex-shrink-invalid.htm ? -xhtml1/flexbox_computedstyle_flex-shrink-invalid.xht ? -html4/flexbox_computedstyle_flex-shrink-number.htm ? -xhtml1/flexbox_computedstyle_flex-shrink-number.xht ? -html4/flexbox_computedstyle_flex-wrap-invalid.htm ? -xhtml1/flexbox_computedstyle_flex-wrap-invalid.xht ? -html4/flexbox_computedstyle_flex-wrap-nowrap.htm ? -xhtml1/flexbox_computedstyle_flex-wrap-nowrap.xht ? -html4/flexbox_computedstyle_flex-wrap-wrap-reverse.htm ? -xhtml1/flexbox_computedstyle_flex-wrap-wrap-reverse.xht ? -html4/flexbox_computedstyle_flex-wrap-wrap.htm ? -xhtml1/flexbox_computedstyle_flex-wrap-wrap.xht ? -html4/flexbox_computedstyle_justify-content-center.htm ? -xhtml1/flexbox_computedstyle_justify-content-center.xht ? -html4/flexbox_computedstyle_justify-content-flex-end.htm ? -xhtml1/flexbox_computedstyle_justify-content-flex-end.xht ? -html4/flexbox_computedstyle_justify-content-flex-start.htm ? -xhtml1/flexbox_computedstyle_justify-content-flex-start.xht ? -html4/flexbox_computedstyle_justify-content-space-around.htm ? -xhtml1/flexbox_computedstyle_justify-content-space-around.xht ? -html4/flexbox_computedstyle_justify-content-space-between.htm ? -xhtml1/flexbox_computedstyle_justify-content-space-between.xht ? -html4/flexbox_computedstyle_min-height-auto.htm ? -xhtml1/flexbox_computedstyle_min-height-auto.xht ? -html4/flexbox_computedstyle_min-width-auto.htm ? -xhtml1/flexbox_computedstyle_min-width-auto.xht ? -html4/flexbox_computedstyle_order-inherit.htm ? -xhtml1/flexbox_computedstyle_order-inherit.xht ? -html4/flexbox_computedstyle_order-integer.htm ? -xhtml1/flexbox_computedstyle_order-integer.xht ? -html4/flexbox_computedstyle_order-invalid.htm ? -xhtml1/flexbox_computedstyle_order-invalid.xht ? -html4/flexbox_computedstyle_order-negative.htm ? -xhtml1/flexbox_computedstyle_order-negative.xht ? -html4/flexbox_computedstyle_order.htm ? -xhtml1/flexbox_computedstyle_order.xht ? -html4/flexbox_direction-column-reverse.htm ? -xhtml1/flexbox_direction-column-reverse.xht ? -html4/flexbox_direction-column.htm ? -xhtml1/flexbox_direction-column.xht ? -html4/flexbox_direction-row-reverse.htm ? -xhtml1/flexbox_direction-row-reverse.xht ? -html4/flexbox_display.htm ? -xhtml1/flexbox_display.xht ? -html4/flexbox_fbfc.htm ? -xhtml1/flexbox_fbfc.xht ? -html4/flexbox_fbfc2.htm ? -xhtml1/flexbox_fbfc2.xht ? -html4/flexbox_first-line.htm ? -xhtml1/flexbox_first-line.xht ? -html4/flexbox_flex-0-0-0-unitless.htm ? -xhtml1/flexbox_flex-0-0-0-unitless.xht ? -html4/flexbox_flex-0-0-0.htm ? -xhtml1/flexbox_flex-0-0-0.xht ? -html4/flexbox_flex-0-0-1-unitless-basis.htm ? -xhtml1/flexbox_flex-0-0-1-unitless-basis.xht ? -html4/flexbox_flex-0-0-auto-shrink.htm ? -xhtml1/flexbox_flex-0-0-auto-shrink.xht ? -html4/flexbox_flex-0-0-auto.htm ? -xhtml1/flexbox_flex-0-0-auto.xht ? -html4/flexbox_flex-0-0-n-shrink.htm ? -xhtml1/flexbox_flex-0-0-n-shrink.xht ? -html4/flexbox_flex-0-0-n-unitless-basis.htm ? -xhtml1/flexbox_flex-0-0-n-unitless-basis.xht ? -html4/flexbox_flex-0-0-n.htm ? -xhtml1/flexbox_flex-0-0-n.xht ? -html4/flexbox_flex-0-0-npercent-shrink.htm ? -xhtml1/flexbox_flex-0-0-npercent-shrink.xht ? -html4/flexbox_flex-0-0-npercent.htm ? -xhtml1/flexbox_flex-0-0-npercent.xht ? -html4/flexbox_flex-0-0.htm ? -xhtml1/flexbox_flex-0-0.xht ? -html4/flexbox_flex-0-1-0-unitless.htm ? -xhtml1/flexbox_flex-0-1-0-unitless.xht ? -html4/flexbox_flex-0-1-0.htm ? -xhtml1/flexbox_flex-0-1-0.xht ? -html4/flexbox_flex-0-1-1-unitless-basis.htm ? -xhtml1/flexbox_flex-0-1-1-unitless-basis.xht ? -html4/flexbox_flex-0-1-auto-shrink.htm ? -xhtml1/flexbox_flex-0-1-auto-shrink.xht ? -html4/flexbox_flex-0-1-auto.htm ? -xhtml1/flexbox_flex-0-1-auto.xht ? -html4/flexbox_flex-0-1-n-shrink.htm ? -xhtml1/flexbox_flex-0-1-n-shrink.xht ? -html4/flexbox_flex-0-1-n-unitless-basis.htm ? -xhtml1/flexbox_flex-0-1-n-unitless-basis.xht ? -html4/flexbox_flex-0-1-n.htm ? -xhtml1/flexbox_flex-0-1-n.xht ? -html4/flexbox_flex-0-1-npercent-shrink.htm ? -xhtml1/flexbox_flex-0-1-npercent-shrink.xht ? -html4/flexbox_flex-0-1-npercent.htm ? -xhtml1/flexbox_flex-0-1-npercent.xht ? -html4/flexbox_flex-0-1.htm ? -xhtml1/flexbox_flex-0-1.xht ? -html4/flexbox_flex-0-auto.htm ? -xhtml1/flexbox_flex-0-auto.xht ? -html4/flexbox_flex-0-n-0-unitless.htm ? -xhtml1/flexbox_flex-0-n-0-unitless.xht ? -html4/flexbox_flex-0-n-0.htm ? -xhtml1/flexbox_flex-0-n-0.xht ? -html4/flexbox_flex-0-n-auto-shrink.htm ? -xhtml1/flexbox_flex-0-n-auto-shrink.xht ? -html4/flexbox_flex-0-n-auto.htm ? -xhtml1/flexbox_flex-0-n-auto.xht ? -html4/flexbox_flex-0-n-n-shrink.htm ? -xhtml1/flexbox_flex-0-n-n-shrink.xht ? -html4/flexbox_flex-0-n-n.htm ? -xhtml1/flexbox_flex-0-n-n.xht ? -html4/flexbox_flex-0-n-npercent-shrink.htm ? -xhtml1/flexbox_flex-0-n-npercent-shrink.xht ? -html4/flexbox_flex-0-n-npercent.htm ? -xhtml1/flexbox_flex-0-n-npercent.xht ? -html4/flexbox_flex-0-n.htm ? -xhtml1/flexbox_flex-0-n.xht ? -html4/flexbox_flex-1-0-0-unitless.htm ? -xhtml1/flexbox_flex-1-0-0-unitless.xht ? -html4/flexbox_flex-1-0-0.htm ? -xhtml1/flexbox_flex-1-0-0.xht ? -html4/flexbox_flex-1-0-auto-shrink.htm ? -xhtml1/flexbox_flex-1-0-auto-shrink.xht ? -html4/flexbox_flex-1-0-auto.htm ? -xhtml1/flexbox_flex-1-0-auto.xht ? -html4/flexbox_flex-1-0-n-shrink.htm ? -xhtml1/flexbox_flex-1-0-n-shrink.xht ? -html4/flexbox_flex-1-0-n.htm ? -xhtml1/flexbox_flex-1-0-n.xht ? -html4/flexbox_flex-1-0-npercent-shrink.htm ? -xhtml1/flexbox_flex-1-0-npercent-shrink.xht ? -html4/flexbox_flex-1-0-npercent.htm ? -xhtml1/flexbox_flex-1-0-npercent.xht ? -html4/flexbox_flex-1-0.htm ? -xhtml1/flexbox_flex-1-0.xht ? -html4/flexbox_flex-1-1-0-unitless.htm ? -xhtml1/flexbox_flex-1-1-0-unitless.xht ? -html4/flexbox_flex-1-1-0.htm ? -xhtml1/flexbox_flex-1-1-0.xht ? -html4/flexbox_flex-1-1-auto-shrink.htm ? -xhtml1/flexbox_flex-1-1-auto-shrink.xht ? -html4/flexbox_flex-1-1-auto.htm ? -xhtml1/flexbox_flex-1-1-auto.xht ? -html4/flexbox_flex-1-1-n-shrink.htm ? -xhtml1/flexbox_flex-1-1-n-shrink.xht ? -html4/flexbox_flex-1-1-n.htm ? -xhtml1/flexbox_flex-1-1-n.xht ? -html4/flexbox_flex-1-1-npercent-shrink.htm ? -xhtml1/flexbox_flex-1-1-npercent-shrink.xht ? -html4/flexbox_flex-1-1-npercent.htm ? -xhtml1/flexbox_flex-1-1-npercent.xht ? -html4/flexbox_flex-1-1.htm ? -xhtml1/flexbox_flex-1-1.xht ? -html4/flexbox_flex-1-n-0-unitless.htm ? -xhtml1/flexbox_flex-1-n-0-unitless.xht ? -html4/flexbox_flex-1-n-0.htm ? -xhtml1/flexbox_flex-1-n-0.xht ? -html4/flexbox_flex-1-n-auto-shrink.htm ? -xhtml1/flexbox_flex-1-n-auto-shrink.xht ? -html4/flexbox_flex-1-n-auto.htm ? -xhtml1/flexbox_flex-1-n-auto.xht ? -html4/flexbox_flex-1-n-n-shrink.htm ? -xhtml1/flexbox_flex-1-n-n-shrink.xht ? -html4/flexbox_flex-1-n-n.htm ? -xhtml1/flexbox_flex-1-n-n.xht ? -html4/flexbox_flex-1-n-npercent-shrink.htm ? -xhtml1/flexbox_flex-1-n-npercent-shrink.xht ? -html4/flexbox_flex-1-n-npercent.htm ? -xhtml1/flexbox_flex-1-n-npercent.xht ? -html4/flexbox_flex-1-n.htm ? -xhtml1/flexbox_flex-1-n.xht ? -html4/flexbox_flex-auto.htm ? -xhtml1/flexbox_flex-auto.xht ? -html4/flexbox_flex-basis-shrink.htm ? -xhtml1/flexbox_flex-basis-shrink.xht ? -html4/flexbox_flex-basis.htm ? -xhtml1/flexbox_flex-basis.xht ? -html4/flexbox_flex-formatting-interop.htm ? -xhtml1/flexbox_flex-formatting-interop.xht ? -html4/flexbox_flex-initial-2.htm ? -xhtml1/flexbox_flex-initial-2.xht ? -html4/flexbox_flex-initial.htm ? -xhtml1/flexbox_flex-initial.xht ? -html4/flexbox_flex-n-0-0-unitless.htm ? -xhtml1/flexbox_flex-n-0-0-unitless.xht ? -html4/flexbox_flex-n-0-0.htm ? -xhtml1/flexbox_flex-n-0-0.xht ? -html4/flexbox_flex-n-0-auto-shrink.htm ? -xhtml1/flexbox_flex-n-0-auto-shrink.xht ? -html4/flexbox_flex-n-0-auto.htm ? -xhtml1/flexbox_flex-n-0-auto.xht ? -html4/flexbox_flex-n-0-n-shrink.htm ? -xhtml1/flexbox_flex-n-0-n-shrink.xht ? -html4/flexbox_flex-n-0-n.htm ? -xhtml1/flexbox_flex-n-0-n.xht ? -html4/flexbox_flex-n-0-npercent-shrink.htm ? -xhtml1/flexbox_flex-n-0-npercent-shrink.xht ? -html4/flexbox_flex-n-0-npercent.htm ? -xhtml1/flexbox_flex-n-0-npercent.xht ? -html4/flexbox_flex-n-0.htm ? -xhtml1/flexbox_flex-n-0.xht ? -html4/flexbox_flex-n-1-0-unitless.htm ? -xhtml1/flexbox_flex-n-1-0-unitless.xht ? -html4/flexbox_flex-n-1-0.htm ? -xhtml1/flexbox_flex-n-1-0.xht ? -html4/flexbox_flex-n-1-auto-shrink.htm ? -xhtml1/flexbox_flex-n-1-auto-shrink.xht ? -html4/flexbox_flex-n-1-auto.htm ? -xhtml1/flexbox_flex-n-1-auto.xht ? -html4/flexbox_flex-n-1-n-shrink.htm ? -xhtml1/flexbox_flex-n-1-n-shrink.xht ? -html4/flexbox_flex-n-1-n.htm ? -xhtml1/flexbox_flex-n-1-n.xht ? -html4/flexbox_flex-n-1-npercent-shrink.htm ? -xhtml1/flexbox_flex-n-1-npercent-shrink.xht ? -html4/flexbox_flex-n-1-npercent.htm ? -xhtml1/flexbox_flex-n-1-npercent.xht ? -html4/flexbox_flex-n-1.htm ? -xhtml1/flexbox_flex-n-1.xht ? -html4/flexbox_flex-n-n-0-unitless.htm ? -xhtml1/flexbox_flex-n-n-0-unitless.xht ? -html4/flexbox_flex-n-n-0.htm ? -xhtml1/flexbox_flex-n-n-0.xht ? -html4/flexbox_flex-n-n-auto-shrink.htm ? -xhtml1/flexbox_flex-n-n-auto-shrink.xht ? -html4/flexbox_flex-n-n-auto.htm ? -xhtml1/flexbox_flex-n-n-auto.xht ? -html4/flexbox_flex-n-n-n-shrink.htm ? -xhtml1/flexbox_flex-n-n-n-shrink.xht ? -html4/flexbox_flex-n-n-n.htm ? -xhtml1/flexbox_flex-n-n-n.xht ? -html4/flexbox_flex-n-n-npercent-shrink.htm ? -xhtml1/flexbox_flex-n-n-npercent-shrink.xht ? -html4/flexbox_flex-n-n-npercent.htm ? -xhtml1/flexbox_flex-n-n-npercent.xht ? -html4/flexbox_flex-n-n.htm ? -xhtml1/flexbox_flex-n-n.xht ? -html4/flexbox_flex-natural-mixed-basis-auto.htm ? -xhtml1/flexbox_flex-natural-mixed-basis-auto.xht ? -html4/flexbox_flex-natural-mixed-basis.htm ? -xhtml1/flexbox_flex-natural-mixed-basis.xht ? -html4/flexbox_flex-natural-variable-auto-basis.htm ? -xhtml1/flexbox_flex-natural-variable-auto-basis.xht ? -html4/flexbox_flex-natural-variable-zero-basis.htm ? -xhtml1/flexbox_flex-natural-variable-zero-basis.xht ? -html4/flexbox_flex-natural.htm ? -xhtml1/flexbox_flex-natural.xht ? -html4/flexbox_flex-none.htm ? -xhtml1/flexbox_flex-none.xht ? -html4/flexbox_flow-column-reverse-wrap-reverse.htm ? -xhtml1/flexbox_flow-column-reverse-wrap-reverse.xht ? -html4/flexbox_flow-column-reverse-wrap.htm ? -xhtml1/flexbox_flow-column-reverse-wrap.xht ? -html4/flexbox_flow-column-wrap-reverse.htm ? -xhtml1/flexbox_flow-column-wrap-reverse.xht ? -html4/flexbox_flow-column-wrap.htm ? -xhtml1/flexbox_flow-column-wrap.xht ? -html4/flexbox_flow-row-wrap-reverse.htm ? -xhtml1/flexbox_flow-row-wrap-reverse.xht ? -html4/flexbox_flow-row-wrap.htm ? -xhtml1/flexbox_flow-row-wrap.xht ? -html4/flexbox_generated-container.htm ? -xhtml1/flexbox_generated-container.xht ? -html4/flexbox_generated-flex.htm ? -xhtml1/flexbox_generated-flex.xht ? -html4/flexbox_generated-nested-flex.htm ? -xhtml1/flexbox_generated-nested-flex.xht ? -html4/flexbox_generated.htm ? -xhtml1/flexbox_generated.xht ? -html4/flexbox_inline-abspos.htm ? -xhtml1/flexbox_inline-abspos.xht ? -html4/flexbox_inline-float.htm ? -xhtml1/flexbox_inline-float.xht ? -html4/flexbox_inline.htm ? -xhtml1/flexbox_inline.xht ? -html4/flexbox_interactive_break-after-column-item.htm ? -xhtml1/flexbox_interactive_break-after-column-item.xht ? -html4/flexbox_interactive_break-after-column-lastitem.htm ? -xhtml1/flexbox_interactive_break-after-column-lastitem.xht ? -html4/flexbox_interactive_break-after-container.htm ? -xhtml1/flexbox_interactive_break-after-container.xht ? -html4/flexbox_interactive_break-after-item.htm ? -xhtml1/flexbox_interactive_break-after-item.xht ? -html4/flexbox_interactive_break-after-line-order.htm ? -xhtml1/flexbox_interactive_break-after-line-order.xht ? -html4/flexbox_interactive_break-after-line.htm ? -xhtml1/flexbox_interactive_break-after-line.xht ? -html4/flexbox_interactive_break-after-multiline.htm ? -xhtml1/flexbox_interactive_break-after-multiline.xht ? -html4/flexbox_interactive_break-before-column-firstitem.htm ? -xhtml1/flexbox_interactive_break-before-column-firstitem.xht ? -html4/flexbox_interactive_break-before-column-item.htm ? -xhtml1/flexbox_interactive_break-before-column-item.xht ? -html4/flexbox_interactive_break-before-container.htm ? -xhtml1/flexbox_interactive_break-before-container.xht ? -html4/flexbox_interactive_break-before-item.htm ? -xhtml1/flexbox_interactive_break-before-item.xht ? -html4/flexbox_interactive_break-before-multiline.htm ? -xhtml1/flexbox_interactive_break-before-multiline.xht ? -html4/flexbox_interactive_break-natural.htm ? -xhtml1/flexbox_interactive_break-natural.xht ? -html4/flexbox_interactive_flex-basis-transitions.htm ? -xhtml1/flexbox_interactive_flex-basis-transitions.xht ? -html4/flexbox_interactive_flex-grow-transitions.htm ? -xhtml1/flexbox_interactive_flex-grow-transitions.xht ? -html4/flexbox_interactive_flex-shrink-transitions-invalid.htm ? -xhtml1/flexbox_interactive_flex-shrink-transitions-invalid.xht ? -html4/flexbox_interactive_flex-shrink-transitions.htm ? -xhtml1/flexbox_interactive_flex-shrink-transitions.xht ? -html4/flexbox_interactive_flex-transitions.htm ? -xhtml1/flexbox_interactive_flex-transitions.xht ? -html4/flexbox_interactive_order-transitions-2.htm ? -xhtml1/flexbox_interactive_order-transitions-2.xht ? -html4/flexbox_interactive_order-transitions.htm ? -xhtml1/flexbox_interactive_order-transitions.xht ? -html4/flexbox_interactive_paged-overflow-2.htm ? -xhtml1/flexbox_interactive_paged-overflow-2.xht ? -html4/flexbox_interactive_paged-overflow.htm ? -xhtml1/flexbox_interactive_paged-overflow.xht ? -html4/flexbox_item-bottom-float.htm ? -xhtml1/flexbox_item-bottom-float.xht ? -html4/flexbox_item-clear.htm ? -xhtml1/flexbox_item-clear.xht ? -html4/flexbox_item-float.htm ? -xhtml1/flexbox_item-float.xht ? -html4/flexbox_item-top-float.htm ? -xhtml1/flexbox_item-top-float.xht ? -html4/flexbox_item-vertical-align.htm ? -xhtml1/flexbox_item-vertical-align.xht ? -html4/flexbox_justifycontent-center-overflow.htm ? -xhtml1/flexbox_justifycontent-center-overflow.xht ? -html4/flexbox_justifycontent-center.htm ? -xhtml1/flexbox_justifycontent-center.xht ? -html4/flexbox_justifycontent-flex-end.htm ? -xhtml1/flexbox_justifycontent-flex-end.xht ? -html4/flexbox_justifycontent-flex-start.htm ? -xhtml1/flexbox_justifycontent-flex-start.xht ? -html4/flexbox_justifycontent-spacearound-negative.htm ? -xhtml1/flexbox_justifycontent-spacearound-negative.xht ? -html4/flexbox_justifycontent-spacearound-only.htm ? -xhtml1/flexbox_justifycontent-spacearound-only.xht ? -html4/flexbox_justifycontent-spacearound.htm ? -xhtml1/flexbox_justifycontent-spacearound.xht ? -html4/flexbox_justifycontent-spacebetween-negative.htm ? -xhtml1/flexbox_justifycontent-spacebetween-negative.xht ? -html4/flexbox_justifycontent-spacebetween-only.htm ? -xhtml1/flexbox_justifycontent-spacebetween-only.xht ? -html4/flexbox_justifycontent-spacebetween.htm ? -xhtml1/flexbox_justifycontent-spacebetween.xht ? -html4/flexbox_margin-auto-overflow-2.htm ? -xhtml1/flexbox_margin-auto-overflow-2.xht ? -html4/flexbox_margin-auto-overflow.htm ? -xhtml1/flexbox_margin-auto-overflow.xht ? -html4/flexbox_margin-auto.htm ? -xhtml1/flexbox_margin-auto.xht ? -html4/flexbox_margin-collapse.htm ? -xhtml1/flexbox_margin-collapse.xht ? -html4/flexbox_margin-left-ex.htm ? -xhtml1/flexbox_margin-left-ex.xht ? -html4/flexbox_margin.htm ? -xhtml1/flexbox_margin.xht ? -html4/flexbox_min-height-auto.htm ? -xhtml1/flexbox_min-height-auto.xht ? -html4/flexbox_min-width-auto.htm ? -xhtml1/flexbox_min-width-auto.xht ? -html4/flexbox_nested-flex.htm ? -xhtml1/flexbox_nested-flex.xht ? -html4/flexbox_object.htm ? -xhtml1/flexbox_object.xht ? -html4/flexbox_order-abspos-space-around.htm ? -xhtml1/flexbox_order-abspos-space-around.xht ? -html4/flexbox_order-box.htm ? -xhtml1/flexbox_order-box.xht ? -html4/flexbox_order-noninteger-invalid.htm ? -xhtml1/flexbox_order-noninteger-invalid.xht ? -html4/flexbox_order.htm ? -xhtml1/flexbox_order.xht ? -html4/flexbox_rowspan-overflow-automatic.htm ? -xhtml1/flexbox_rowspan-overflow-automatic.xht ? -html4/flexbox_rowspan-overflow.htm ? -xhtml1/flexbox_rowspan-overflow.xht ? -html4/flexbox_rowspan.htm ? -xhtml1/flexbox_rowspan.xht ? -html4/flexbox_rtl-direction.htm ? -xhtml1/flexbox_rtl-direction.xht ? -html4/flexbox_rtl-flow-reverse.htm ? -xhtml1/flexbox_rtl-flow-reverse.xht ? -html4/flexbox_rtl-flow.htm ? -xhtml1/flexbox_rtl-flow.xht ? -html4/flexbox_rtl-order.htm ? -xhtml1/flexbox_rtl-order.xht ? -html4/flexbox_stf-abspos.htm ? -xhtml1/flexbox_stf-abspos.xht ? -html4/flexbox_stf-fixpos.htm ? -xhtml1/flexbox_stf-fixpos.xht ? -html4/flexbox_stf-float.htm ? -xhtml1/flexbox_stf-float.xht ? -html4/flexbox_stf-inline-block.htm ? -xhtml1/flexbox_stf-inline-block.xht ? -html4/flexbox_stf-table-caption.htm ? -xhtml1/flexbox_stf-table-caption.xht ? -html4/flexbox_stf-table-cell.htm ? -xhtml1/flexbox_stf-table-cell.xht ? -html4/flexbox_stf-table-row-group.htm ? -xhtml1/flexbox_stf-table-row-group.xht ? -html4/flexbox_stf-table-row.htm ? -xhtml1/flexbox_stf-table-row.xht ? -html4/flexbox_stf-table-singleline-2.htm ? -xhtml1/flexbox_stf-table-singleline-2.xht ? -html4/flexbox_stf-table-singleline.htm ? -xhtml1/flexbox_stf-table-singleline.xht ? -html4/flexbox_stf-table.htm ? -xhtml1/flexbox_stf-table.xht ? -html4/flexbox_table-fixed-layout.htm ? -xhtml1/flexbox_table-fixed-layout.xht ? -html4/flexbox_visibility-collapse-line-wrapping.htm ? -xhtml1/flexbox_visibility-collapse-line-wrapping.xht ? -html4/flexbox_visibility-collapse.htm ? -xhtml1/flexbox_visibility-collapse.xht ? -html4/flexbox_width-overflow.htm ? -xhtml1/flexbox_width-overflow.xht ? -html4/flexbox_wrap-long.htm ? -xhtml1/flexbox_wrap-long.xht ? -html4/flexbox_wrap-reverse.htm ? -xhtml1/flexbox_wrap-reverse.xht ? -html4/flexbox_wrap.htm ? -xhtml1/flexbox_wrap.xht ? -html4/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom.htm ? -xhtml1/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom.xht ? -html4/flexible-box-float.htm ? -xhtml1/flexible-box-float.xht ? -html4/flexible-order.htm ? -xhtml1/flexible-order.xht ? -html4/justify-content-001.htm ? -xhtml1/justify-content-001.xht ? -html4/justify-content-002.htm ? -xhtml1/justify-content-002.xht ? -html4/justify-content-003.htm ? -xhtml1/justify-content-003.xht ? -html4/justify-content-004.htm ? -xhtml1/justify-content-004.xht ? -html4/justify-content-005.htm ? -xhtml1/justify-content-005.xht ? -html4/justify-content_center.htm ? -xhtml1/justify-content_center.xht ? -html4/justify-content_flex-end.htm ? -xhtml1/justify-content_flex-end.xht ? -html4/justify-content_flex-start.htm ? -xhtml1/justify-content_flex-start.xht ? -html4/justify-content_space-around.htm ? -xhtml1/justify-content_space-around.xht ? -html4/justify-content_space-between.htm ? -xhtml1/justify-content_space-between.xht ? -html4/multi-line-wrap-reverse-column-reverse.htm ? -xhtml1/multi-line-wrap-reverse-column-reverse.xht ? -html4/multi-line-wrap-reverse-row-reverse.htm ? -xhtml1/multi-line-wrap-reverse-row-reverse.xht ? -html4/multi-line-wrap-with-column-reverse.htm ? -xhtml1/multi-line-wrap-with-column-reverse.xht ? -html4/multi-line-wrap-with-row-reverse.htm ? -xhtml1/multi-line-wrap-with-row-reverse.xht ? -html4/order-001.htm ? -xhtml1/order-001.xht ? -html4/order-with-column-reverse.htm ? -xhtml1/order-with-column-reverse.xht ? -html4/order-with-row-reverse.htm ? -xhtml1/order-with-row-reverse.xht ? -html4/order_value.htm ? -xhtml1/order_value.xht ? -html4/regions-flexbox-001.htm ? -xhtml1/regions-flexbox-001.xht ? -html4/regions-flexbox-002.htm ? -xhtml1/regions-flexbox-002.xht ? -html4/regions-flexbox-003.htm ? -xhtml1/regions-flexbox-003.xht ? -html4/regions-flexbox-004.htm ? -xhtml1/regions-flexbox-004.xht ? -html4/row-flexbox-break.htm ? -xhtml1/row-flexbox-break.xht ? -html4/ttwf-reftest-flex-align-content-center.htm ? -xhtml1/ttwf-reftest-flex-align-content-center.xht ? -html4/ttwf-reftest-flex-align-content-end.htm ? -xhtml1/ttwf-reftest-flex-align-content-end.xht ? -html4/ttwf-reftest-flex-align-content-space-around.htm ? -xhtml1/ttwf-reftest-flex-align-content-space-around.xht ? -html4/ttwf-reftest-flex-align-content-space-between.htm ? -xhtml1/ttwf-reftest-flex-align-content-space-between.xht ? -html4/ttwf-reftest-flex-align-content-start.htm ? -xhtml1/ttwf-reftest-flex-align-content-start.xht ? -html4/ttwf-reftest-flex-base.htm ? -xhtml1/ttwf-reftest-flex-base.xht ? -html4/ttwf-reftest-flex-direction-column-reverse.htm ? -xhtml1/ttwf-reftest-flex-direction-column-reverse.xht ? -html4/ttwf-reftest-flex-direction-column.htm ? -xhtml1/ttwf-reftest-flex-direction-column.xht ? -html4/ttwf-reftest-flex-direction-row-reverse.htm ? -xhtml1/ttwf-reftest-flex-direction-row-reverse.xht ? -html4/ttwf-reftest-flex-order.htm ? -xhtml1/ttwf-reftest-flex-order.xht ? -html4/ttwf-reftest-flex-wrap-reverse.htm ? -xhtml1/ttwf-reftest-flex-wrap-reverse.xht ? -html4/ttwf-reftest-flex-wrap.htm ? -xhtml1/ttwf-reftest-flex-wrap.xht ? -html4/visibility-collapse-001.htm ? -xhtml1/visibility-collapse-001.xht ? -html4/visibility-collapse-002.htm ? -xhtml1/visibility-collapse-002.xht ? -html4/visibility-regions-in-flexbox.htm ? -xhtml1/visibility-regions-in-flexbox.xht ? +testname revision result comment +html/align-content-001.htm 4c5f3030574991aba5f60b17f5c095f88ce663f2 ? +xhtml1/align-content-001.xht 4c5f3030574991aba5f60b17f5c095f88ce663f2 ? +html/align-content-002.htm 190b201ce64305bbc31e1aac68440f107d0b0d37 ? +xhtml1/align-content-002.xht 190b201ce64305bbc31e1aac68440f107d0b0d37 ? +html/align-content-003.htm 756731440b6e3954113add77eb19ae4059971216 ? +xhtml1/align-content-003.xht 756731440b6e3954113add77eb19ae4059971216 ? +html/align-content-004.htm 34f53f21d8e29643dc7d4e0a682fe2cf3efc0aba ? +xhtml1/align-content-004.xht 34f53f21d8e29643dc7d4e0a682fe2cf3efc0aba ? +html/align-content-005.htm 39ab5998ee1c4086345153b7bab6547c8ae637e0 ? +xhtml1/align-content-005.xht 39ab5998ee1c4086345153b7bab6547c8ae637e0 ? +html/align-content-006.htm 8e1982659c3168b4fc4291d3c9489ab867514f5e ? +xhtml1/align-content-006.xht 8e1982659c3168b4fc4291d3c9489ab867514f5e ? +html/align-content_center.htm 3bc06cae9ac8f6e20e1e3bfdb8ffe418ea4e813d ? +xhtml1/align-content_center.xht 3bc06cae9ac8f6e20e1e3bfdb8ffe418ea4e813d ? +html/align-content_flex-end.htm 30de9d16bf6866cea70dd5a4ee40ff708f45ed82 ? +xhtml1/align-content_flex-end.xht 30de9d16bf6866cea70dd5a4ee40ff708f45ed82 ? +html/align-content_flex-start.htm c95a94532734a5ebb9b289bf24fc5b490c961957 ? +xhtml1/align-content_flex-start.xht c95a94532734a5ebb9b289bf24fc5b490c961957 ? +html/align-content_space-around.htm cf480567e09a3b0b23d30092ab9dcbb6b67f2a06 ? +xhtml1/align-content_space-around.xht cf480567e09a3b0b23d30092ab9dcbb6b67f2a06 ? +html/align-content_space-between.htm 3ffa26884e25266dc12c601966c6938908753e1c ? +xhtml1/align-content_space-between.xht 3ffa26884e25266dc12c601966c6938908753e1c ? +html/align-content_stretch.htm 6b920e56b35478d018ae1d2b0522ec226aa9bd56 ? +xhtml1/align-content_stretch.xht 6b920e56b35478d018ae1d2b0522ec226aa9bd56 ? +html/align-items-001.htm 4ec90267d588987280f145d8df8ac6f061999258 ? +xhtml1/align-items-001.xht 4ec90267d588987280f145d8df8ac6f061999258 ? +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-005.htm aa76f8315736ed389b671e843e2bff79d9642d16 ? +xhtml1/align-items-005.xht aa76f8315736ed389b671e843e2bff79d9642d16 ? +html/align-self-001.htm 0cc4990fc47d11d97de1460c7229b2a9ae83854e ? +xhtml1/align-self-001.xht 0cc4990fc47d11d97de1460c7229b2a9ae83854e ? +html/align-self-002.htm 76ff8530ed54bf734655e7b061bda90fe575da6a ? +xhtml1/align-self-002.xht 76ff8530ed54bf734655e7b061bda90fe575da6a ? +html/align-self-003.htm 1ce28e4e595a2f36bd3c9a74033a3a72da36f37f ? +xhtml1/align-self-003.xht 1ce28e4e595a2f36bd3c9a74033a3a72da36f37f ? +html/align-self-004.htm e07644c7ce7601750f39d681ee9aea5dc72e888d ? +xhtml1/align-self-004.xht e07644c7ce7601750f39d681ee9aea5dc72e888d ? +html/align-self-005.htm ac6110310efb808ea2b4891488aa2052f2f573a5 ? +xhtml1/align-self-005.xht ac6110310efb808ea2b4891488aa2052f2f573a5 ? +html/align-self-006.htm 0aac8117fbe0abfc970d00541545e63d96d62b2e ? +xhtml1/align-self-006.xht 0aac8117fbe0abfc970d00541545e63d96d62b2e ? +html/align-self-007.htm 490151fafd13a31265bb23af939244e540d0aa69 ? +xhtml1/align-self-007.xht 490151fafd13a31265bb23af939244e540d0aa69 ? +html/align-self-008.htm d2ed9f4f6f56313ea4614bf8e3aea8210a0ce85f ? +xhtml1/align-self-008.xht d2ed9f4f6f56313ea4614bf8e3aea8210a0ce85f ? +html/align-self-009.htm d72a8a12de59ed58d8c4acd3570ba930faa86d5a ? +xhtml1/align-self-009.xht d72a8a12de59ed58d8c4acd3570ba930faa86d5a ? +html/align-self-010.htm f38470b8bca80980d4f3c797246367fc1669c0b1 ? +xhtml1/align-self-010.xht f38470b8bca80980d4f3c797246367fc1669c0b1 ? +html/align-self-011.htm f6b0b0c7d8a543164b3a07710ccc28902014f7b8 ? +xhtml1/align-self-011.xht f6b0b0c7d8a543164b3a07710ccc28902014f7b8 ? +html/align-self-012.htm 34bdc9d96afd87a8c296f0fc12909f6d3dca4fc4 ? +xhtml1/align-self-012.xht 34bdc9d96afd87a8c296f0fc12909f6d3dca4fc4 ? +html/align-self-013.htm 47f5f5f57c21ef2f72b97af85c8854d6afd1ba61 ? +xhtml1/align-self-013.xht 47f5f5f57c21ef2f72b97af85c8854d6afd1ba61 ? +html/autoheight-flexbox-001.htm c0b56e31b6f023a8ef5b730317280adbe3ca47df ? +xhtml1/autoheight-flexbox-001.xht c0b56e31b6f023a8ef5b730317280adbe3ca47df ? +html/autoheight-flexbox-002.htm 345f18df42c54ea9b42a19a99da1799c885517ca ? +xhtml1/autoheight-flexbox-002.xht 345f18df42c54ea9b42a19a99da1799c885517ca ? +html/autoheight-flexbox-003.htm 31267936d91d968e4e005e00ad0f2790dee7a4d2 ? +xhtml1/autoheight-flexbox-003.xht 31267936d91d968e4e005e00ad0f2790dee7a4d2 ? +html/autoheight-flexbox-004.htm e9cef8dc0a22a82f59ed633e0506ed290f76472a ? +xhtml1/autoheight-flexbox-004.xht e9cef8dc0a22a82f59ed633e0506ed290f76472a ? +html/autoheight-regions-in-autoheight-flexbox-001.htm f73cb2b3f7e27477a602f27d2cb845144bb6153e ? +xhtml1/autoheight-regions-in-autoheight-flexbox-001.xht f73cb2b3f7e27477a602f27d2cb845144bb6153e ? +html/autoheight-regions-in-autoheight-flexbox-002.htm 03903463d0ee57e784c8305fc4b3c522d62beb38 ? +xhtml1/autoheight-regions-in-autoheight-flexbox-002.xht 03903463d0ee57e784c8305fc4b3c522d62beb38 ? +html/autoheight-regions-in-autoheight-flexbox-003.htm 5db5e57532a68ef37598bebed21c922573209b91 ? +xhtml1/autoheight-regions-in-autoheight-flexbox-003.xht 5db5e57532a68ef37598bebed21c922573209b91 ? +html/autoheight-regions-in-autoheight-flexbox-004.htm 6aed43ca8ca1eff8e844a36c67b5358eb3a45364 ? +xhtml1/autoheight-regions-in-autoheight-flexbox-004.xht 6aed43ca8ca1eff8e844a36c67b5358eb3a45364 ? +html/autoheight-regions-in-fixed-sized-flexbox-001.htm d2cc013518afce0ab2d881e747e94c6c0bea9b65 ? +xhtml1/autoheight-regions-in-fixed-sized-flexbox-001.xht d2cc013518afce0ab2d881e747e94c6c0bea9b65 ? +html/autoheight-regions-in-fixed-sized-flexbox-002.htm 9d2ff994f2958b948d906e62fa86d199535ce8a6 ? +xhtml1/autoheight-regions-in-fixed-sized-flexbox-002.xht 9d2ff994f2958b948d906e62fa86d199535ce8a6 ? +html/autoheight-regions-in-fixed-sized-flexbox-003.htm c731fa925c971434f240e8c6e166f58cb5c5399e ? +xhtml1/autoheight-regions-in-fixed-sized-flexbox-003.xht c731fa925c971434f240e8c6e166f58cb5c5399e ? +html/autoheight-regions-in-fixed-sized-flexbox-004.htm bed2efbe8241100305186b91029c58ade9f2a44d ? +xhtml1/autoheight-regions-in-fixed-sized-flexbox-004.xht bed2efbe8241100305186b91029c58ade9f2a44d ? +html/autoheight-regions-in-fixed-sized-flexbox-005.htm 521595ef4fcf87065ea6d27a3369d6318933dcb7 ? +xhtml1/autoheight-regions-in-fixed-sized-flexbox-005.xht 521595ef4fcf87065ea6d27a3369d6318933dcb7 ? +html/autoheight-regions-in-fixed-sized-flexbox-006.htm e038d7afa0ac1dda468cb127b5b37cc745b0fd40 ? +xhtml1/autoheight-regions-in-fixed-sized-flexbox-006.xht e038d7afa0ac1dda468cb127b5b37cc745b0fd40 ? +html/autoheight-regions-in-fixed-sized-flexbox-007.htm e075ff74ca28e9b0a7aad0279c0825f739ce9651 ? +xhtml1/autoheight-regions-in-fixed-sized-flexbox-007.xht e075ff74ca28e9b0a7aad0279c0825f739ce9651 ? +html/autoheight-regions-in-fixed-sized-flexbox-008.htm 715216466f7b8100617f5d9837f20ea185dd150c ? +xhtml1/autoheight-regions-in-fixed-sized-flexbox-008.xht 715216466f7b8100617f5d9837f20ea185dd150c ? +html/column-flexbox-break.htm 10eb17e5712519a47d8edc5e72b2f29dc0a0b8bd ? +xhtml1/column-flexbox-break.xht 10eb17e5712519a47d8edc5e72b2f29dc0a0b8bd ? +html/css-box-justify-content.htm 16dde2bb8fde7d77358127c179586c543fb5441c ? +xhtml1/css-box-justify-content.xht 16dde2bb8fde7d77358127c179586c543fb5441c ? +html/css-flexbox-column-reverse-wrap-reverse.htm 763e698dd7ef3f54dc75048a8d5eb33d7190117d ? +xhtml1/css-flexbox-column-reverse-wrap-reverse.xht 763e698dd7ef3f54dc75048a8d5eb33d7190117d ? +html/css-flexbox-column-reverse-wrap.htm 30ae81d71e8177986dd4b0c7fe70124fa5dd4152 ? +xhtml1/css-flexbox-column-reverse-wrap.xht 30ae81d71e8177986dd4b0c7fe70124fa5dd4152 ? +html/css-flexbox-column-reverse.htm b657515bf66bca3bdadf78fa46ff822576173c49 ? +xhtml1/css-flexbox-column-reverse.xht b657515bf66bca3bdadf78fa46ff822576173c49 ? +html/css-flexbox-column-wrap-reverse.htm b488ba457e33fe91a41a01178e60d33f9834e8ae ? +xhtml1/css-flexbox-column-wrap-reverse.xht b488ba457e33fe91a41a01178e60d33f9834e8ae ? +html/css-flexbox-column-wrap.htm 62e25b3e88768d9725a5a4a8a91006c97b71bf5a ? +xhtml1/css-flexbox-column-wrap.xht 62e25b3e88768d9725a5a4a8a91006c97b71bf5a ? +html/css-flexbox-column.htm d1f2b481b20608c5a973aa7e72634000a7badc15 ? +xhtml1/css-flexbox-column.xht d1f2b481b20608c5a973aa7e72634000a7badc15 ? +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-test1.htm ec7b52168d5d6bd0ea658e5dfa74df6fa1932dd4 ? +xhtml1/css-flexbox-test1.xht ec7b52168d5d6bd0ea658e5dfa74df6fa1932dd4 ? +html/display-flex-001.htm b28bb6c80284c5d838f0fd137133c592e214031d ? +xhtml1/display-flex-001.xht b28bb6c80284c5d838f0fd137133c592e214031d ? +html/display_flex_exist.htm d3b1b0e42faf6629b7df76679260d7f6fdb89ca3 ? +xhtml1/display_flex_exist.xht d3b1b0e42faf6629b7df76679260d7f6fdb89ca3 ? +html/display_inline-flex_exist.htm a67a06a83ddc9193dfca5327350167eb5bcfbbc8 ? +xhtml1/display_inline-flex_exist.xht a67a06a83ddc9193dfca5327350167eb5bcfbbc8 ? +html/flex-001.htm 032ae1ca52f3cff3a2a8ec508cb6b5f4630fb26b ? +xhtml1/flex-001.xht 032ae1ca52f3cff3a2a8ec508cb6b5f4630fb26b ? +html/flex-002.htm 5eef65fc72a6f76892ec7c3e1502ace587d400e8 ? +xhtml1/flex-002.xht 5eef65fc72a6f76892ec7c3e1502ace587d400e8 ? +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-basis-001.htm cf4c8932cb4704bae235021bc2c0bde3e94bf71d ? +xhtml1/flex-basis-001.xht cf4c8932cb4704bae235021bc2c0bde3e94bf71d ? +html/flex-basis-002.htm bd0b95ddbaf7caf8595c5f24cdb25e24f8312f0e ? +xhtml1/flex-basis-002.xht bd0b95ddbaf7caf8595c5f24cdb25e24f8312f0e ? +html/flex-basis-003.htm 75bc5a47afacb6416a93c6eb0fd876c4ad288f76 ? +xhtml1/flex-basis-003.xht 75bc5a47afacb6416a93c6eb0fd876c4ad288f76 ? +html/flex-basis-004.htm 7febd49b5358e1bd05b52955369a7d1e13459aa3 ? +xhtml1/flex-basis-004.xht 7febd49b5358e1bd05b52955369a7d1e13459aa3 ? +html/flex-basis-005.htm 8d6540f232ce13f26dcf1aaa286f76c8b06982e1 ? +xhtml1/flex-basis-005.xht 8d6540f232ce13f26dcf1aaa286f76c8b06982e1 ? +html/flex-basis-006.htm 0844da965929e2caa63e88ebcd658b8da1f0d2ee ? +xhtml1/flex-basis-006.xht 0844da965929e2caa63e88ebcd658b8da1f0d2ee ? +html/flex-basis-007.htm 2d1b30c5b772e87ba0ccb74ab319a3fe20cb2c06 ? +xhtml1/flex-basis-007.xht 2d1b30c5b772e87ba0ccb74ab319a3fe20cb2c06 ? +html/flex-basis-008.htm 09979a1d088a61b54658fb8c6c0cf2c5f8fcf23a ? +xhtml1/flex-basis-008.xht 09979a1d088a61b54658fb8c6c0cf2c5f8fcf23a ? +html/flex-box-wrap.htm 9d6a4d6440cb23bae63e478580d061d47ffba194 ? +xhtml1/flex-box-wrap.xht 9d6a4d6440cb23bae63e478580d061d47ffba194 ? +html/flex-direction-column-reverse.htm 4e5f9ded45793abc3c57aa37fd7a18a10c394a34 ? +xhtml1/flex-direction-column-reverse.xht 4e5f9ded45793abc3c57aa37fd7a18a10c394a34 ? +html/flex-direction-modify.htm 3b720e9b64459c43328b05d707190079a2faf3d4 ? +xhtml1/flex-direction-modify.xht 3b720e9b64459c43328b05d707190079a2faf3d4 ? +html/flex-direction-row-reverse.htm 7dd52f5c06389c50211d45d668e12b1d7b48e175 ? +xhtml1/flex-direction-row-reverse.xht 7dd52f5c06389c50211d45d668e12b1d7b48e175 ? +html/flex-direction-row-vertical.htm 4172f1a06a747e66a6011db8f7c083972cbda05a ? +xhtml1/flex-direction-row-vertical.xht 4172f1a06a747e66a6011db8f7c083972cbda05a ? +html/flex-direction-row.htm 4eed35953b8b35d394d337a3cd1157eac3efaa40 ? +xhtml1/flex-direction-row.xht 4eed35953b8b35d394d337a3cd1157eac3efaa40 ? +html/flex-direction-with-element-insert.htm 8a0e003676ce6a5b745a3d29d6c50ee1e92b28a7 ? +xhtml1/flex-direction-with-element-insert.xht 8a0e003676ce6a5b745a3d29d6c50ee1e92b28a7 ? +html/flex-direction.htm a766d53d70193da1a751a9b50c249bdbfad42047 ? +xhtml1/flex-direction.xht a766d53d70193da1a751a9b50c249bdbfad42047 ? +html/flex-direction_column-reverse.htm fdbdeebff5f4f812f48064b59b05ea587841c758 ? +xhtml1/flex-direction_column-reverse.xht fdbdeebff5f4f812f48064b59b05ea587841c758 ? +html/flex-direction_column.htm 90067411196e9f5cb63fbde402bc9172ff7143e0 ? +xhtml1/flex-direction_column.xht 90067411196e9f5cb63fbde402bc9172ff7143e0 ? +html/flex-direction_row-reverse.htm 3006570651d466202f7d917cd152312730b9edd8 ? +xhtml1/flex-direction_row-reverse.xht 3006570651d466202f7d917cd152312730b9edd8 ? +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 b0d6bca82c92cb53b4017ce7be97746cc69dbbb5 ? +xhtml1/flex-flexitem-percentage-prescation.xht b0d6bca82c92cb53b4017ce7be97746cc69dbbb5 ? +html/flex-flow-001.htm 2b6fb9a06aaa67cd288e4250a76bbc9aaea44a14 ? +xhtml1/flex-flow-001.xht 2b6fb9a06aaa67cd288e4250a76bbc9aaea44a14 ? +html/flex-flow-002.htm 20995419ed10209f06aac780744ad9080e6cc280 ? +xhtml1/flex-flow-002.xht 20995419ed10209f06aac780744ad9080e6cc280 ? +html/flex-flow-003.htm 28dc1f2443f81ac364e9fa6fc3975eee67e90248 ? +xhtml1/flex-flow-003.xht 28dc1f2443f81ac364e9fa6fc3975eee67e90248 ? +html/flex-flow-004.htm 841563df07fa312a8513b87fd21ea186d155ab15 ? +xhtml1/flex-flow-004.xht 841563df07fa312a8513b87fd21ea186d155ab15 ? +html/flex-flow-005.htm 4d62ca810bd141c8f8568a8b87f4abca72e91b64 ? +xhtml1/flex-flow-005.xht 4d62ca810bd141c8f8568a8b87f4abca72e91b64 ? +html/flex-flow-006.htm 18901fea023e63a3d2c392ee1228bdb2c7450eba ? +xhtml1/flex-flow-006.xht 18901fea023e63a3d2c392ee1228bdb2c7450eba ? +html/flex-flow-007.htm 210de5669935d7d2eb233816c35d961fdbeb312d ? +xhtml1/flex-flow-007.xht 210de5669935d7d2eb233816c35d961fdbeb312d ? +html/flex-flow-008.htm 4f72f2b5ce9e3a564b4ca21b82abf55c0393b53d ? +xhtml1/flex-flow-008.xht 4f72f2b5ce9e3a564b4ca21b82abf55c0393b53d ? +html/flex-flow-009.htm efa73e03b1777605042c8f7ac0fcf0f91dcaf104 ? +xhtml1/flex-flow-009.xht efa73e03b1777605042c8f7ac0fcf0f91dcaf104 ? +html/flex-flow-010.htm 5ce59dfa07c69d38283f958cb84fec271fce21cb ? +xhtml1/flex-flow-010.xht 5ce59dfa07c69d38283f958cb84fec271fce21cb ? +html/flex-flow-011.htm 2df8167172baff0b9d747917475f28c10145c5e8 ? +xhtml1/flex-flow-011.xht 2df8167172baff0b9d747917475f28c10145c5e8 ? +html/flex-flow-012.htm bee56e0f042416cfb033fbe30ab336569cb5551f ? +xhtml1/flex-flow-012.xht bee56e0f042416cfb033fbe30ab336569cb5551f ? +html/flex-grow-001.htm 2ca54717986f10fb3ccc0d2d297e12a90224f361 ? +xhtml1/flex-grow-001.xht 2ca54717986f10fb3ccc0d2d297e12a90224f361 ? +html/flex-grow-002.htm d310ed55b1dbc33ad0980e9dbe212f514c5604ee ? +xhtml1/flex-grow-002.xht d310ed55b1dbc33ad0980e9dbe212f514c5604ee ? +html/flex-grow-003.htm 4d6302e03c8d6d92046c42ad93db3c64db9d7ff3 ? +xhtml1/flex-grow-003.xht 4d6302e03c8d6d92046c42ad93db3c64db9d7ff3 ? +html/flex-grow-004.htm 8e5211f94c12ebe0f7e248721b724d32dda4ce1e ? +xhtml1/flex-grow-004.xht 8e5211f94c12ebe0f7e248721b724d32dda4ce1e ? +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-margin-no-collapse.htm 96231d68de1fe051b06e793d659a813a53a91ed9 ? +xhtml1/flex-margin-no-collapse.xht 96231d68de1fe051b06e793d659a813a53a91ed9 ? +html/flex-order.htm bf51cba5b8e6bd78dbbf772b53f2a1170abcb6aa ? +xhtml1/flex-order.xht bf51cba5b8e6bd78dbbf772b53f2a1170abcb6aa ? +html/flex-shrink-001.htm f27d600fc7863c3d4c3fc3b4e4bc8cc7f58cdbae ? +xhtml1/flex-shrink-001.xht f27d600fc7863c3d4c3fc3b4e4bc8cc7f58cdbae ? +html/flex-shrink-002.htm 49884ece59d09eb5cd9a4d9228d62478cdaf3179 ? +xhtml1/flex-shrink-002.xht 49884ece59d09eb5cd9a4d9228d62478cdaf3179 ? +html/flex-shrink-003.htm 818d6673cf983ffed848bf72d5935cff3fe6bfa1 ? +xhtml1/flex-shrink-003.xht 818d6673cf983ffed848bf72d5935cff3fe6bfa1 ? +html/flex-shrink-004.htm 5d2e7839f495f199f57b1c0cc0e09044520297b0 ? +xhtml1/flex-shrink-004.xht 5d2e7839f495f199f57b1c0cc0e09044520297b0 ? +html/flex-shrink-005.htm 66bb12e5559ff4386401017fb427288bfc1f5e78 ? +xhtml1/flex-shrink-005.xht 66bb12e5559ff4386401017fb427288bfc1f5e78 ? +html/flex-shrink-006.htm c23e625054a996ab5cb7d1d266fa20c1373fb428 ? +xhtml1/flex-shrink-006.xht c23e625054a996ab5cb7d1d266fa20c1373fb428 ? +html/flex-shrink-007.htm 9a2164f7f24794bbaad241af2643c60162c045b2 ? +xhtml1/flex-shrink-007.xht 9a2164f7f24794bbaad241af2643c60162c045b2 ? +html/flex-vertical-align-effect.htm eac71db3e7e1dd242d560f86d2695a90cfeb930d ? +xhtml1/flex-vertical-align-effect.xht eac71db3e7e1dd242d560f86d2695a90cfeb930d ? +html/flex-wrap-001.htm c5cacdf99fd5cf6be2fd750358b6379f871a38e5 ? +xhtml1/flex-wrap-001.xht c5cacdf99fd5cf6be2fd750358b6379f871a38e5 ? +html/flex-wrap_nowrap.htm 675a7d6b44d517799f98d854bc3acf87775d5217 ? +xhtml1/flex-wrap_nowrap.xht 675a7d6b44d517799f98d854bc3acf87775d5217 ? +html/flex-wrap_wrap-reverse.htm 8ba9e66764e3c6a4ce87415b0c8c1da5803dd45a ? +xhtml1/flex-wrap_wrap-reverse.xht 8ba9e66764e3c6a4ce87415b0c8c1da5803dd45a ? +html/flex-wrap_wrap.htm 7ac94c91ff6e4fc5ecda2e3fad262d74dbb8c00e ? +xhtml1/flex-wrap_wrap.xht 7ac94c91ff6e4fc5ecda2e3fad262d74dbb8c00e ? +html/flexbox-abspos-child-001a.htm 26d0f34eed0c45d01d0264cc9b9c4f84a8805643 ? +xhtml1/flexbox-abspos-child-001a.xht 26d0f34eed0c45d01d0264cc9b9c4f84a8805643 ? +html/flexbox-abspos-child-001b.htm 5a02c14579eb4f61bb921a2422bf239453542e91 ? +xhtml1/flexbox-abspos-child-001b.xht 5a02c14579eb4f61bb921a2422bf239453542e91 ? +html/flexbox-align-content-horiz-001a.htm e3a49caf48912d5799ccd3f435bcdb24c5e9e9c2 ? +xhtml1/flexbox-align-content-horiz-001a.xht e3a49caf48912d5799ccd3f435bcdb24c5e9e9c2 ? +html/flexbox-align-content-horiz-001b.htm 067772e2465336c95f5c71b6a1eaf2024971e721 ? +xhtml1/flexbox-align-content-horiz-001b.xht 067772e2465336c95f5c71b6a1eaf2024971e721 ? +html/flexbox-align-content-vert-001a.htm 9240ccde2b7d5e237308032e40488023fbcdd9d1 ? +xhtml1/flexbox-align-content-vert-001a.xht 9240ccde2b7d5e237308032e40488023fbcdd9d1 ? +html/flexbox-align-content-vert-001b.htm e36c247019bcdfe491f9995e9a5c47dd5f008242 ? +xhtml1/flexbox-align-content-vert-001b.xht e36c247019bcdfe491f9995e9a5c47dd5f008242 ? +html/flexbox-align-self-baseline-horiz-001a.htm fabc16fabb851108f082dfb7cf42b497666e3447 ? +xhtml1/flexbox-align-self-baseline-horiz-001a.xht fabc16fabb851108f082dfb7cf42b497666e3447 ? +html/flexbox-align-self-baseline-horiz-001b.htm 675397922dd82ff7b3372977662aaba0d9c91943 ? +xhtml1/flexbox-align-self-baseline-horiz-001b.xht 675397922dd82ff7b3372977662aaba0d9c91943 ? +html/flexbox-align-self-baseline-horiz-002.htm 8b040717c0aa1788f98a5ed0095399b1f8ac64fc ? +xhtml1/flexbox-align-self-baseline-horiz-002.xht 8b040717c0aa1788f98a5ed0095399b1f8ac64fc ? +html/flexbox-align-self-baseline-horiz-003.htm 218fc9c38f93ce1e661f9d95e2cacccf8f9dfa7b ? +xhtml1/flexbox-align-self-baseline-horiz-003.xht 218fc9c38f93ce1e661f9d95e2cacccf8f9dfa7b ? +html/flexbox-align-self-baseline-horiz-004.htm e0299d04b12aad85d3d0a583c3b0d27e7b9f990a ? +xhtml1/flexbox-align-self-baseline-horiz-004.xht e0299d04b12aad85d3d0a583c3b0d27e7b9f990a ? +html/flexbox-align-self-baseline-horiz-005.htm 87aa705213832e513475800e2a74f844e80a0da2 ? +xhtml1/flexbox-align-self-baseline-horiz-005.xht 87aa705213832e513475800e2a74f844e80a0da2 ? +html/flexbox-align-self-horiz-001-block.htm 8ddd9e5c643399d31bc48e8a39684d98ce7f2406 ? +xhtml1/flexbox-align-self-horiz-001-block.xht 8ddd9e5c643399d31bc48e8a39684d98ce7f2406 ? +html/flexbox-align-self-horiz-001-table.htm 183f460c2e72e0bcf57e9fc6ce6e2225f9115212 ? +xhtml1/flexbox-align-self-horiz-001-table.xht 183f460c2e72e0bcf57e9fc6ce6e2225f9115212 ? +html/flexbox-align-self-horiz-002.htm 8ab4c5c5d3600422c2560908ea8c809511fd8456 ? +xhtml1/flexbox-align-self-horiz-002.xht 8ab4c5c5d3600422c2560908ea8c809511fd8456 ? +html/flexbox-align-self-horiz-003.htm 8c82a3d90a6879d3371ca75d8c7d2ae768ee274c ? +xhtml1/flexbox-align-self-horiz-003.xht 8c82a3d90a6879d3371ca75d8c7d2ae768ee274c ? +html/flexbox-align-self-horiz-004.htm 10a87f5352d8eb2c448129d27aa505f3148d4534 ? +xhtml1/flexbox-align-self-horiz-004.xht 10a87f5352d8eb2c448129d27aa505f3148d4534 ? +html/flexbox-align-self-horiz-005.htm 47ddfa8eb08586be92297f63fb61d0b9e8899e29 ? +xhtml1/flexbox-align-self-horiz-005.xht 47ddfa8eb08586be92297f63fb61d0b9e8899e29 ? +html/flexbox-align-self-stretch-vert-001.htm 62ba538d9dd827c9ce6f57b0e544d652e8b73621 ? +xhtml1/flexbox-align-self-stretch-vert-001.xht 62ba538d9dd827c9ce6f57b0e544d652e8b73621 ? +html/flexbox-align-self-stretch-vert-002.htm 840566b89d122841be2e884ea8221ac398d42806 ? +xhtml1/flexbox-align-self-stretch-vert-002.xht 840566b89d122841be2e884ea8221ac398d42806 ? +html/flexbox-align-self-vert-001.htm 4e00d307563cb8aa340346dcfe8b5739041b89d4 ? +xhtml1/flexbox-align-self-vert-001.xht 4e00d307563cb8aa340346dcfe8b5739041b89d4 ? +html/flexbox-align-self-vert-002.htm e4ec24ac64ed22adb3900510ba0aee2079ed087e ? +xhtml1/flexbox-align-self-vert-002.xht e4ec24ac64ed22adb3900510ba0aee2079ed087e ? +html/flexbox-align-self-vert-003.htm e1068a4a199f105864fbbe609c885c8989f73bff ? +xhtml1/flexbox-align-self-vert-003.xht e1068a4a199f105864fbbe609c885c8989f73bff ? +html/flexbox-align-self-vert-004.htm bbeaab1c6c159de1a6df40c73b78ed8ca049dde6 ? +xhtml1/flexbox-align-self-vert-004.xht bbeaab1c6c159de1a6df40c73b78ed8ca049dde6 ? +html/flexbox-align-self-vert-rtl-001.htm bc2cddd8f92054fdb8ef0c60ec4dfb92b85a1e9f ? +xhtml1/flexbox-align-self-vert-rtl-001.xht bc2cddd8f92054fdb8ef0c60ec4dfb92b85a1e9f ? +html/flexbox-align-self-vert-rtl-002.htm efb57e456adb51958e2fe0f94616d6a0c81e0a83 ? +xhtml1/flexbox-align-self-vert-rtl-002.xht efb57e456adb51958e2fe0f94616d6a0c81e0a83 ? +html/flexbox-align-self-vert-rtl-003.htm 31a2a8ea620c80f95c34ac55b33538ae675a59d6 ? +xhtml1/flexbox-align-self-vert-rtl-003.xht 31a2a8ea620c80f95c34ac55b33538ae675a59d6 ? +html/flexbox-align-self-vert-rtl-004.htm 3d3ab6a958cf8699ca899e4502dccde60bb4101d ? +xhtml1/flexbox-align-self-vert-rtl-004.xht 3d3ab6a958cf8699ca899e4502dccde60bb4101d ? +html/flexbox-anonymous-items-001.htm 52184e10e8769e13e8e22317cfc27568b6be5bf3 ? +xhtml1/flexbox-anonymous-items-001.xht 52184e10e8769e13e8e22317cfc27568b6be5bf3 ? +html/flexbox-baseline-align-self-baseline-horiz-001.htm b1ec3f485c09884b34a4428cd9e2c61ba0d6d566 ? +xhtml1/flexbox-baseline-align-self-baseline-horiz-001.xht b1ec3f485c09884b34a4428cd9e2c61ba0d6d566 ? +html/flexbox-baseline-align-self-baseline-vert-001.htm 617dc7fc641ee81c666885dd4268a4284469156a ? +xhtml1/flexbox-baseline-align-self-baseline-vert-001.xht 617dc7fc641ee81c666885dd4268a4284469156a ? +html/flexbox-baseline-empty-001a.htm 8c0729a3905f9147062c16d2ff05434be1927f1f ? +xhtml1/flexbox-baseline-empty-001a.xht 8c0729a3905f9147062c16d2ff05434be1927f1f ? +html/flexbox-baseline-empty-001b.htm 347722d0a1056868babe94ffd6d3e64c5a1387ec ? +xhtml1/flexbox-baseline-empty-001b.xht 347722d0a1056868babe94ffd6d3e64c5a1387ec ? +html/flexbox-baseline-multi-item-horiz-001.htm a283f1e214227518363634bca2679006df8923f8 ? +xhtml1/flexbox-baseline-multi-item-horiz-001.xht a283f1e214227518363634bca2679006df8923f8 ? +html/flexbox-baseline-multi-item-vert-001.htm 8cab7e76d6ecf1d954444cf2947f7b7f5b4bd139 ? +xhtml1/flexbox-baseline-multi-item-vert-001.xht 8cab7e76d6ecf1d954444cf2947f7b7f5b4bd139 ? +html/flexbox-baseline-multi-line-horiz-001.htm 5b40cbd240a4fe9a6b527bfe21d87ab531d22c25 ? +xhtml1/flexbox-baseline-multi-line-horiz-001.xht 5b40cbd240a4fe9a6b527bfe21d87ab531d22c25 ? +html/flexbox-baseline-multi-line-horiz-002.htm a2b8257dcb1e7295ca3ec970786e99f059ea5c5c ? +xhtml1/flexbox-baseline-multi-line-horiz-002.xht a2b8257dcb1e7295ca3ec970786e99f059ea5c5c ? +html/flexbox-baseline-multi-line-horiz-003.htm 871c3ce6edc7ffa644ebb0ce2600e8eae260f629 ? +xhtml1/flexbox-baseline-multi-line-horiz-003.xht 871c3ce6edc7ffa644ebb0ce2600e8eae260f629 ? +html/flexbox-baseline-multi-line-horiz-004.htm 3ac46dde16f6bd3200879bc8fa7c657ce5bfc094 ? +xhtml1/flexbox-baseline-multi-line-horiz-004.xht 3ac46dde16f6bd3200879bc8fa7c657ce5bfc094 ? +html/flexbox-baseline-multi-line-vert-001.htm f78a8e482f175d284d6e6f229eb73aadd93b160c ? +xhtml1/flexbox-baseline-multi-line-vert-001.xht f78a8e482f175d284d6e6f229eb73aadd93b160c ? +html/flexbox-baseline-multi-line-vert-002.htm 86134be0477c7abc57dbd95b223a49661460c225 ? +xhtml1/flexbox-baseline-multi-line-vert-002.xht 86134be0477c7abc57dbd95b223a49661460c225 ? +html/flexbox-baseline-single-item-001a.htm 521c1fb2d5f212dd8f3866a712e7da1648a7d675 ? +xhtml1/flexbox-baseline-single-item-001a.xht 521c1fb2d5f212dd8f3866a712e7da1648a7d675 ? +html/flexbox-baseline-single-item-001b.htm 6610787967ced8297117e38f57d7a60a9b4dc5f5 ? +xhtml1/flexbox-baseline-single-item-001b.xht 6610787967ced8297117e38f57d7a60a9b4dc5f5 ? +html/flexbox-basic-block-horiz-001.htm b734e5c504d50dd58b448d99a977a0816a2bc4a7 ? +xhtml1/flexbox-basic-block-horiz-001.xht b734e5c504d50dd58b448d99a977a0816a2bc4a7 ? +html/flexbox-basic-block-vert-001.htm 56d4d7b765cbfa53e5b903999ffebccc8497f960 ? +xhtml1/flexbox-basic-block-vert-001.xht 56d4d7b765cbfa53e5b903999ffebccc8497f960 ? +html/flexbox-basic-canvas-horiz-001.htm 4b4ec70409a9c3bc289653f2b0267780dc6d389d ? +xhtml1/flexbox-basic-canvas-horiz-001.xht 4b4ec70409a9c3bc289653f2b0267780dc6d389d ? +html/flexbox-basic-canvas-vert-001.htm c898a37e757a542bbe69c014318c5fdfd3a3f0ca ? +xhtml1/flexbox-basic-canvas-vert-001.xht c898a37e757a542bbe69c014318c5fdfd3a3f0ca ? +html/flexbox-basic-fieldset-horiz-001.htm dfda3faf4b53bbf5bbdb9a7663a10edab1fcd47c ? +xhtml1/flexbox-basic-fieldset-horiz-001.xht dfda3faf4b53bbf5bbdb9a7663a10edab1fcd47c ? +html/flexbox-basic-fieldset-vert-001.htm 7368c1777a6ac0db1368e3eebecfd9d1268de57d ? +xhtml1/flexbox-basic-fieldset-vert-001.xht 7368c1777a6ac0db1368e3eebecfd9d1268de57d ? +html/flexbox-basic-iframe-horiz-001.htm bc37f1da5d1b11f8b96a5b13fd8a9800fe678732 ? +xhtml1/flexbox-basic-iframe-horiz-001.xht bc37f1da5d1b11f8b96a5b13fd8a9800fe678732 ? +html/flexbox-basic-iframe-vert-001.htm a0f1958a683f150246fe4b8d943ed99faa92f506 ? +xhtml1/flexbox-basic-iframe-vert-001.xht a0f1958a683f150246fe4b8d943ed99faa92f506 ? +html/flexbox-basic-img-horiz-001.htm f458bf0b4de3a16ec2691ca5dd7e81a267c123aa ? +xhtml1/flexbox-basic-img-horiz-001.xht f458bf0b4de3a16ec2691ca5dd7e81a267c123aa ? +html/flexbox-basic-img-vert-001.htm 125a32aa462d4727c81109b4e3e15120bbaedba6 ? +xhtml1/flexbox-basic-img-vert-001.xht 125a32aa462d4727c81109b4e3e15120bbaedba6 ? +html/flexbox-basic-textarea-horiz-001.htm 76e81cfa0324e78f62eddd19dfaf60dc9cb29701 ? +xhtml1/flexbox-basic-textarea-horiz-001.xht 76e81cfa0324e78f62eddd19dfaf60dc9cb29701 ? +html/flexbox-basic-textarea-vert-001.htm 5cc3168e6c0a2df12f14e9167eb748460cc49e93 ? +xhtml1/flexbox-basic-textarea-vert-001.xht 5cc3168e6c0a2df12f14e9167eb748460cc49e93 ? +html/flexbox-basic-video-horiz-001.htm 8b3ab455f84b2a833309454ea85bdabfb816f2d8 ? +xhtml1/flexbox-basic-video-horiz-001.xht 8b3ab455f84b2a833309454ea85bdabfb816f2d8 ? +html/flexbox-basic-video-vert-001.htm 499fb79b81a9e52c0931e6886d33f48f0a7705b3 ? +xhtml1/flexbox-basic-video-vert-001.xht 499fb79b81a9e52c0931e6886d33f48f0a7705b3 ? +html/flexbox-break-request-horiz-001a.htm 013d1e82098a46499622f1974e92fb3a54bb57b2 ? +xhtml1/flexbox-break-request-horiz-001a.xht 013d1e82098a46499622f1974e92fb3a54bb57b2 ? +html/flexbox-break-request-horiz-001b.htm 5e4a4a487ef12451202fd7f462ffc46849093122 ? +xhtml1/flexbox-break-request-horiz-001b.xht 5e4a4a487ef12451202fd7f462ffc46849093122 ? +html/flexbox-break-request-horiz-002a.htm 90e2c978fb46935225a8b9e3a8f97c3ed32c911f ? +xhtml1/flexbox-break-request-horiz-002a.xht 90e2c978fb46935225a8b9e3a8f97c3ed32c911f ? +html/flexbox-break-request-horiz-002b.htm 24a5d9f01282007ccfc06072996356c5ad97f966 ? +xhtml1/flexbox-break-request-horiz-002b.xht 24a5d9f01282007ccfc06072996356c5ad97f966 ? +html/flexbox-break-request-vert-001a.htm 69ec9223d47f3de4f36d9260f3b3b57713e3c735 ? +xhtml1/flexbox-break-request-vert-001a.xht 69ec9223d47f3de4f36d9260f3b3b57713e3c735 ? +html/flexbox-break-request-vert-001b.htm 3117241954c2de6105fcf6dec704d52652b7a356 ? +xhtml1/flexbox-break-request-vert-001b.xht 3117241954c2de6105fcf6dec704d52652b7a356 ? +html/flexbox-break-request-vert-002a.htm 1a1155fb3dcdd2b363a0b15e6aae05b0e437ef6d ? +xhtml1/flexbox-break-request-vert-002a.xht 1a1155fb3dcdd2b363a0b15e6aae05b0e437ef6d ? +html/flexbox-break-request-vert-002b.htm a6c73e4856caa8fe71fe7f101f73a353bfe46a08 ? +xhtml1/flexbox-break-request-vert-002b.xht a6c73e4856caa8fe71fe7f101f73a353bfe46a08 ? +html/flexbox-collapsed-item-baseline-001.htm 6e83763db45d8aeb4dc7746fc1cf89fa71a1f8f4 ? +xhtml1/flexbox-collapsed-item-baseline-001.xht 6e83763db45d8aeb4dc7746fc1cf89fa71a1f8f4 ? +html/flexbox-collapsed-item-horiz-001.htm 377d25a9e3944c9c4bbc423f9ca66fd3b32f89eb ? +xhtml1/flexbox-collapsed-item-horiz-001.xht 377d25a9e3944c9c4bbc423f9ca66fd3b32f89eb ? +html/flexbox-collapsed-item-horiz-002.htm d0b0b60df8f31bb4a4607d1c225fc92ed8d7593c ? +xhtml1/flexbox-collapsed-item-horiz-002.xht d0b0b60df8f31bb4a4607d1c225fc92ed8d7593c ? +html/flexbox-collapsed-item-horiz-003.htm c2d0bd027aaf19b74f8a4494eb8051ee8aa9d6d5 ? +xhtml1/flexbox-collapsed-item-horiz-003.xht c2d0bd027aaf19b74f8a4494eb8051ee8aa9d6d5 ? +html/flexbox-flex-direction-column-reverse.htm 1cdd39e73b8089fc47f7ff3d2b4462d7f4a0f959 ? +xhtml1/flexbox-flex-direction-column-reverse.xht 1cdd39e73b8089fc47f7ff3d2b4462d7f4a0f959 ? +html/flexbox-flex-direction-column.htm 39829e61d50e5f89cc7786172e1f6220a20de0a0 ? +xhtml1/flexbox-flex-direction-column.xht 39829e61d50e5f89cc7786172e1f6220a20de0a0 ? +html/flexbox-flex-direction-default.htm 87e7b9e8ea33521891ecd6fb513b525112f1767a ? +xhtml1/flexbox-flex-direction-default.xht 87e7b9e8ea33521891ecd6fb513b525112f1767a ? +html/flexbox-flex-direction-row-reverse.htm 53fe7c622d2d2ae0b729e3dea42e551f93604e03 ? +xhtml1/flexbox-flex-direction-row-reverse.xht 53fe7c622d2d2ae0b729e3dea42e551f93604e03 ? +html/flexbox-flex-direction-row.htm 042bdefd6bca02abc7e5ee451ba04432edeca0eb ? +xhtml1/flexbox-flex-direction-row.xht 042bdefd6bca02abc7e5ee451ba04432edeca0eb ? +html/flexbox-flex-flow-001.htm d478956e41720539d7faaf15c2de88446d97e88f ? +xhtml1/flexbox-flex-flow-001.xht d478956e41720539d7faaf15c2de88446d97e88f ? +html/flexbox-flex-flow-002.htm d30cd4ec9d23ab42ca3c45d25dfb2c22aaca8425 ? +xhtml1/flexbox-flex-flow-002.xht d30cd4ec9d23ab42ca3c45d25dfb2c22aaca8425 ? +html/flexbox-flex-wrap-default.htm 31bbef44f3745774a4f5d96fd25b42d802c816e1 ? +xhtml1/flexbox-flex-wrap-default.xht 31bbef44f3745774a4f5d96fd25b42d802c816e1 ? +html/flexbox-flex-wrap-flexing.htm 08c6d912f2962f428e07d579290bc6e6f873933a ? +xhtml1/flexbox-flex-wrap-flexing.xht 08c6d912f2962f428e07d579290bc6e6f873933a ? +html/flexbox-flex-wrap-horiz-001.htm b2925a6887d09b4568cdcab594eee4ada3a4c2ed ? +xhtml1/flexbox-flex-wrap-horiz-001.xht b2925a6887d09b4568cdcab594eee4ada3a4c2ed ? +html/flexbox-flex-wrap-horiz-002.htm d670646328c5994319eda514b0f595926f215bb8 ? +xhtml1/flexbox-flex-wrap-horiz-002.xht d670646328c5994319eda514b0f595926f215bb8 ? +html/flexbox-flex-wrap-nowrap.htm 967df036ffeca0ff1e79440af8e849e85bdc9d73 ? +xhtml1/flexbox-flex-wrap-nowrap.xht 967df036ffeca0ff1e79440af8e849e85bdc9d73 ? +html/flexbox-flex-wrap-vert-001.htm a4d627e51950ce9e2e2d48ef7ffb06b92909333d ? +xhtml1/flexbox-flex-wrap-vert-001.xht a4d627e51950ce9e2e2d48ef7ffb06b92909333d ? +html/flexbox-flex-wrap-vert-002.htm eaff6cec8d46802c9ab8cc0150cd2ad4eed9d238 ? +xhtml1/flexbox-flex-wrap-vert-002.xht eaff6cec8d46802c9ab8cc0150cd2ad4eed9d238 ? +html/flexbox-flex-wrap-wrap-reverse.htm cf0954a780bc7326c123e90c9c86f3ce3c9b51f0 ? +xhtml1/flexbox-flex-wrap-wrap-reverse.xht cf0954a780bc7326c123e90c9c86f3ce3c9b51f0 ? +html/flexbox-flex-wrap-wrap.htm a981ce90ee729f0e17695a587b98bcc742bacaa9 ? +xhtml1/flexbox-flex-wrap-wrap.xht a981ce90ee729f0e17695a587b98bcc742bacaa9 ? +html/flexbox-items-as-stacking-contexts-001.htm 24a2f639c8eb38ec564295dfa45f740629d0b8b2 ? +xhtml1/flexbox-items-as-stacking-contexts-001.xht 24a2f639c8eb38ec564295dfa45f740629d0b8b2 ? +html/flexbox-items-as-stacking-contexts-002.htm c8ea90174cb46e7cad9e0f953fae1cc47e48d753 ? +xhtml1/flexbox-items-as-stacking-contexts-002.xht c8ea90174cb46e7cad9e0f953fae1cc47e48d753 ? +html/flexbox-items-as-stacking-contexts-003.htm ddab47de6e88e2d8862a119e837149fe6a70f396 ? +xhtml1/flexbox-items-as-stacking-contexts-003.xht ddab47de6e88e2d8862a119e837149fe6a70f396 ? +html/flexbox-justify-content-horiz-001a.htm 3e37d17c14565fa3411ab3727fd6215756f82f10 ? +xhtml1/flexbox-justify-content-horiz-001a.xht 3e37d17c14565fa3411ab3727fd6215756f82f10 ? +html/flexbox-justify-content-horiz-001b.htm 3444fbce066b79d95403b1ead1400bfe0521088b ? +xhtml1/flexbox-justify-content-horiz-001b.xht 3444fbce066b79d95403b1ead1400bfe0521088b ? +html/flexbox-justify-content-horiz-002.htm 9d6b1d1ffb549b6e03a8eeb89aae62eaa4cfbf41 ? +xhtml1/flexbox-justify-content-horiz-002.xht 9d6b1d1ffb549b6e03a8eeb89aae62eaa4cfbf41 ? +html/flexbox-justify-content-horiz-003.htm 8cb3b2c128edf48df2fa64d0f2551636b69853f1 ? +xhtml1/flexbox-justify-content-horiz-003.xht 8cb3b2c128edf48df2fa64d0f2551636b69853f1 ? +html/flexbox-justify-content-horiz-004.htm 1a8483bd2fc2896f00f5a037f2b31146c444a196 ? +xhtml1/flexbox-justify-content-horiz-004.xht 1a8483bd2fc2896f00f5a037f2b31146c444a196 ? +html/flexbox-justify-content-horiz-005.htm ff0ebbcb9674b03a184e34b0eba56bef3eb21f39 ? +xhtml1/flexbox-justify-content-horiz-005.xht ff0ebbcb9674b03a184e34b0eba56bef3eb21f39 ? +html/flexbox-justify-content-vert-001a.htm 7d81a4514f3595215307bfd53a94611ece9fd716 ? +xhtml1/flexbox-justify-content-vert-001a.xht 7d81a4514f3595215307bfd53a94611ece9fd716 ? +html/flexbox-justify-content-vert-001b.htm 192c9550df0a596cf20bb6c2a5d70c825760652f ? +xhtml1/flexbox-justify-content-vert-001b.xht 192c9550df0a596cf20bb6c2a5d70c825760652f ? +html/flexbox-justify-content-vert-002.htm a392e91755b4e0bfe04230f6edb4d3ac0e015c94 ? +xhtml1/flexbox-justify-content-vert-002.xht a392e91755b4e0bfe04230f6edb4d3ac0e015c94 ? +html/flexbox-justify-content-vert-003.htm f79f7b761b9534661cf9940bc8ea3e9759da61dc ? +xhtml1/flexbox-justify-content-vert-003.xht f79f7b761b9534661cf9940bc8ea3e9759da61dc ? +html/flexbox-justify-content-vert-004.htm b3217e5b57a9e3280f61bfcffdce534af2070fda ? +xhtml1/flexbox-justify-content-vert-004.xht b3217e5b57a9e3280f61bfcffdce534af2070fda ? +html/flexbox-justify-content-vert-005.htm d45ecb633a90c0ec59d4cfcf6df95fec601a1814 ? +xhtml1/flexbox-justify-content-vert-005.xht d45ecb633a90c0ec59d4cfcf6df95fec601a1814 ? +html/flexbox-margin-auto-horiz-001.htm 087c658eba6c0bdd9668859721b1026bea08dd07 ? +xhtml1/flexbox-margin-auto-horiz-001.xht 087c658eba6c0bdd9668859721b1026bea08dd07 ? +html/flexbox-margin-auto-horiz-002.htm 34bb4a35da385cde61a74f48e978694e3ed4029f ? +xhtml1/flexbox-margin-auto-horiz-002.xht 34bb4a35da385cde61a74f48e978694e3ed4029f ? +html/flexbox-mbp-horiz-001-reverse.htm 7abfb56c325498977c7d96c73b34ca6e57f4a3ea ? +xhtml1/flexbox-mbp-horiz-001-reverse.xht 7abfb56c325498977c7d96c73b34ca6e57f4a3ea ? +html/flexbox-mbp-horiz-001-rtl-reverse.htm d0f973c38f297ffaf2c63a740384a58ee4e89b7d ? +xhtml1/flexbox-mbp-horiz-001-rtl-reverse.xht d0f973c38f297ffaf2c63a740384a58ee4e89b7d ? +html/flexbox-mbp-horiz-001-rtl.htm aa18a5f0a0e32a8dff7078d1e3b9b1a04c310f65 ? +xhtml1/flexbox-mbp-horiz-001-rtl.xht aa18a5f0a0e32a8dff7078d1e3b9b1a04c310f65 ? +html/flexbox-mbp-horiz-001.htm 377fd628292f6099011fbc0b4dbe6d7bbbc00ccd ? +xhtml1/flexbox-mbp-horiz-001.xht 377fd628292f6099011fbc0b4dbe6d7bbbc00ccd ? +html/flexbox-mbp-horiz-002a.htm 73a9d178f89076a317b9e4c58fdc6d588d006a01 ? +xhtml1/flexbox-mbp-horiz-002a.xht 73a9d178f89076a317b9e4c58fdc6d588d006a01 ? +html/flexbox-mbp-horiz-002b.htm d9e6d66d01597174a792812cb786736423994ff2 ? +xhtml1/flexbox-mbp-horiz-002b.xht d9e6d66d01597174a792812cb786736423994ff2 ? +html/flexbox-mbp-horiz-003-reverse.htm 7bee1226b5ecd1d8ab52846710838155ee11e5ee ? +xhtml1/flexbox-mbp-horiz-003-reverse.xht 7bee1226b5ecd1d8ab52846710838155ee11e5ee ? +html/flexbox-mbp-horiz-003.htm 3eea26cf5bbbf7af533f49fc034c519dbf8900b0 ? +xhtml1/flexbox-mbp-horiz-003.xht 3eea26cf5bbbf7af533f49fc034c519dbf8900b0 ? +html/flexbox-mbp-horiz-004.htm 6c0ceb18a38e39dca2b64c0ecf4dbab0e2ccf84a ? +xhtml1/flexbox-mbp-horiz-004.xht 6c0ceb18a38e39dca2b64c0ecf4dbab0e2ccf84a ? +html/flexbox-min-height-auto-001.htm ed1c84ef7cfbd8dc8f8eb30456086b787a5dc009 ? +xhtml1/flexbox-min-height-auto-001.xht ed1c84ef7cfbd8dc8f8eb30456086b787a5dc009 ? +html/flexbox-min-height-auto-002a.htm 87d44f45f75df534281219ace7c772bec9eadb3a ? +xhtml1/flexbox-min-height-auto-002a.xht 87d44f45f75df534281219ace7c772bec9eadb3a ? +html/flexbox-min-height-auto-002b.htm a43c0584ffa860b945b4823863f9857f3ab01cf3 ? +xhtml1/flexbox-min-height-auto-002b.xht a43c0584ffa860b945b4823863f9857f3ab01cf3 ? +html/flexbox-min-height-auto-002c.htm 6d0fcdc069a3c5e809129156f6777d3ef463b9f3 ? +xhtml1/flexbox-min-height-auto-002c.xht 6d0fcdc069a3c5e809129156f6777d3ef463b9f3 ? +html/flexbox-min-height-auto-003.htm 2ddb4bf55ccef605b3f5b9560c8ac6337fc50a18 ? +xhtml1/flexbox-min-height-auto-003.xht 2ddb4bf55ccef605b3f5b9560c8ac6337fc50a18 ? +html/flexbox-min-height-auto-004.htm b74a7f1946148ebd6ada153feaffa49b9a2cca8c ? +xhtml1/flexbox-min-height-auto-004.xht b74a7f1946148ebd6ada153feaffa49b9a2cca8c ? +html/flexbox-min-width-auto-001.htm a48b37f773f673c0304f45f9e792aca83118f9d2 ? +xhtml1/flexbox-min-width-auto-001.xht a48b37f773f673c0304f45f9e792aca83118f9d2 ? +html/flexbox-min-width-auto-002a.htm 0ab5f8d797a6b248e424ce4f3c5362d3d932fae3 ? +xhtml1/flexbox-min-width-auto-002a.xht 0ab5f8d797a6b248e424ce4f3c5362d3d932fae3 ? +html/flexbox-min-width-auto-002b.htm b71a407f020b17d0a06eddbbcf359772501a1afe ? +xhtml1/flexbox-min-width-auto-002b.xht b71a407f020b17d0a06eddbbcf359772501a1afe ? +html/flexbox-min-width-auto-002c.htm 063b739917476caa8e7f89a7929a1371b945d4ac ? +xhtml1/flexbox-min-width-auto-002c.xht 063b739917476caa8e7f89a7929a1371b945d4ac ? +html/flexbox-min-width-auto-003.htm 141d1f4e330050e09455d5201771cc282ead71ff ? +xhtml1/flexbox-min-width-auto-003.xht 141d1f4e330050e09455d5201771cc282ead71ff ? +html/flexbox-min-width-auto-004.htm dc09fd0144cc3cc5494f9a55fd20320d9e13232c ? +xhtml1/flexbox-min-width-auto-004.xht dc09fd0144cc3cc5494f9a55fd20320d9e13232c ? +html/flexbox-order-from-lowest.htm bc0b8ca50667ec58239e0c25b4ff2ee40dbb7951 ? +xhtml1/flexbox-order-from-lowest.xht bc0b8ca50667ec58239e0c25b4ff2ee40dbb7951 ? +html/flexbox-order-only-flexitems.htm b4e87b426fa15e5ec8585b214d72fd1ee31351d2 ? +xhtml1/flexbox-order-only-flexitems.xht b4e87b426fa15e5ec8585b214d72fd1ee31351d2 ? +html/flexbox-overflow-horiz-001.htm d1ae55f24412f2db93c92e831309ba8cce2959ea ? +xhtml1/flexbox-overflow-horiz-001.xht d1ae55f24412f2db93c92e831309ba8cce2959ea ? +html/flexbox-overflow-horiz-002.htm 374420a8fa9c683660a75675b47802069fc32c84 ? +xhtml1/flexbox-overflow-horiz-002.xht 374420a8fa9c683660a75675b47802069fc32c84 ? +html/flexbox-overflow-horiz-003.htm fff5a707d77be8a59733de6c53146cbe315a263c ? +xhtml1/flexbox-overflow-horiz-003.xht fff5a707d77be8a59733de6c53146cbe315a263c ? +html/flexbox-overflow-horiz-004.htm d47540be51b7d16b7fd64436729892cee46fdf57 ? +xhtml1/flexbox-overflow-horiz-004.xht d47540be51b7d16b7fd64436729892cee46fdf57 ? +html/flexbox-overflow-horiz-005.htm 9868395bffe3e5c5fb2b4f36bb62fb36afbdd079 ? +xhtml1/flexbox-overflow-horiz-005.xht 9868395bffe3e5c5fb2b4f36bb62fb36afbdd079 ? +html/flexbox-overflow-vert-001.htm 2eb2472978cb7a5324801b7bfc2fda7a1add930d ? +xhtml1/flexbox-overflow-vert-001.xht 2eb2472978cb7a5324801b7bfc2fda7a1add930d ? +html/flexbox-overflow-vert-002.htm 09c605d49498fc850db7ba7b87d3e42b12f11c8e ? +xhtml1/flexbox-overflow-vert-002.xht 09c605d49498fc850db7ba7b87d3e42b12f11c8e ? +html/flexbox-overflow-vert-003.htm 5c02a662661e2b5d9daa7015683201a814743854 ? +xhtml1/flexbox-overflow-vert-003.xht 5c02a662661e2b5d9daa7015683201a814743854 ? +html/flexbox-overflow-vert-004.htm 8e4182289eed78292b76583c848f82bc99302d9d ? +xhtml1/flexbox-overflow-vert-004.xht 8e4182289eed78292b76583c848f82bc99302d9d ? +html/flexbox-overflow-vert-005.htm 58cbc069e2199f225955a818a33805477686c164 ? +xhtml1/flexbox-overflow-vert-005.xht 58cbc069e2199f225955a818a33805477686c164 ? +html/flexbox-paint-ordering-001.htm 350877da4c5cab7c16620dd7d93c813a178b9f98 ? +xhtml1/flexbox-paint-ordering-001.xht 350877da4c5cab7c16620dd7d93c813a178b9f98 ? +html/flexbox-paint-ordering-002.htm f3e30ac5139fdd3a22358d0e6bc8e872ffc41ef6 ? +xhtml1/flexbox-paint-ordering-002.xht f3e30ac5139fdd3a22358d0e6bc8e872ffc41ef6 ? +html/flexbox-root-node-001a.htm e9f781e1155684797a4774428d459f5ee9bee206 ? +xhtml1/flexbox-root-node-001a.xht e9f781e1155684797a4774428d459f5ee9bee206 ? +html/flexbox-root-node-001b.htm a7dfe341f4bae5fe519eb19a832352d8950d465a ? +xhtml1/flexbox-root-node-001b.xht a7dfe341f4bae5fe519eb19a832352d8950d465a ? +html/flexbox-sizing-horiz-001.htm 4e734479386d57634d02240b1a3d37a5222252e8 ? +xhtml1/flexbox-sizing-horiz-001.xht 4e734479386d57634d02240b1a3d37a5222252e8 ? +html/flexbox-sizing-horiz-002.htm 4963f41505c0e53be620ff6158dfba5c5c6fe26b ? +xhtml1/flexbox-sizing-horiz-002.xht 4963f41505c0e53be620ff6158dfba5c5c6fe26b ? +html/flexbox-sizing-vert-001.htm 4bece9556972f83b198bf5bc0e9335a2f2e5f0cd ? +xhtml1/flexbox-sizing-vert-001.xht 4bece9556972f83b198bf5bc0e9335a2f2e5f0cd ? +html/flexbox-sizing-vert-002.htm 752f2a91acbff746fd6ba7414e962a2c4e0e09e6 ? +xhtml1/flexbox-sizing-vert-002.xht 752f2a91acbff746fd6ba7414e962a2c4e0e09e6 ? +html/flexbox-table-fixup-001a.htm 73c984c73adfae58f2b1a2ad77d7fdd9ef12fd47 ? +xhtml1/flexbox-table-fixup-001a.xht 73c984c73adfae58f2b1a2ad77d7fdd9ef12fd47 ? +html/flexbox-table-fixup-001b.htm 39c5b9776686a49723f158b01285b1c5ecda0d99 ? +xhtml1/flexbox-table-fixup-001b.xht 39c5b9776686a49723f158b01285b1c5ecda0d99 ? +html/flexbox-whitespace-handling-001a.htm adf4c8485f397ef7c079db3aeb1df21b633b35aa ? +xhtml1/flexbox-whitespace-handling-001a.xht adf4c8485f397ef7c079db3aeb1df21b633b35aa ? +html/flexbox-whitespace-handling-001b.htm 97512777163dc1da26e9a2df8abd4694ec32572c ? +xhtml1/flexbox-whitespace-handling-001b.xht 97512777163dc1da26e9a2df8abd4694ec32572c ? +html/flexbox-whitespace-handling-002.htm 6de836d376b85b954af361b51db27193dd535603 ? +xhtml1/flexbox-whitespace-handling-002.xht 6de836d376b85b954af361b51db27193dd535603 ? +html/flexbox-with-pseudo-elements-001.htm 840f23805278348fabc43767fbda8357c1e58b8a ? +xhtml1/flexbox-with-pseudo-elements-001.xht 840f23805278348fabc43767fbda8357c1e58b8a ? +html/flexbox-with-pseudo-elements-002.htm 1131841b5d5f11eac2b9e81fc6f4358d418a6f2f ? +xhtml1/flexbox-with-pseudo-elements-002.xht 1131841b5d5f11eac2b9e81fc6f4358d418a6f2f ? +html/flexbox-with-pseudo-elements-003.htm 58e927b1ff3432b60ab48838cd47f1ec1b3fd0d2 ? +xhtml1/flexbox-with-pseudo-elements-003.xht 58e927b1ff3432b60ab48838cd47f1ec1b3fd0d2 ? +html/flexbox-writing-mode-001.htm a8724a8de3bd951d06e289fb86dbadc70a885d22 ? +xhtml1/flexbox-writing-mode-001.xht a8724a8de3bd951d06e289fb86dbadc70a885d22 ? +html/flexbox-writing-mode-002.htm 0952e87b8e95154bbb469d828c79b8c7e02df63b ? +xhtml1/flexbox-writing-mode-002.xht 0952e87b8e95154bbb469d828c79b8c7e02df63b ? +html/flexbox-writing-mode-003.htm c64a448ab00761be9fc61d430a293f990e0b26ca ? +xhtml1/flexbox-writing-mode-003.xht c64a448ab00761be9fc61d430a293f990e0b26ca ? +html/flexbox-writing-mode-004.htm 7a76373f9e4463a60d455d60458eb4c96228a8a9 ? +xhtml1/flexbox-writing-mode-004.xht 7a76373f9e4463a60d455d60458eb4c96228a8a9 ? +html/flexbox-writing-mode-005.htm c3e3b5768870e7b43b47714a41ea9014831b1f3a ? +xhtml1/flexbox-writing-mode-005.xht c3e3b5768870e7b43b47714a41ea9014831b1f3a ? +html/flexbox-writing-mode-006.htm f31aad810265610875f37bfd2499c838362e8b87 ? +xhtml1/flexbox-writing-mode-006.xht f31aad810265610875f37bfd2499c838362e8b87 ? +html/flexbox-writing-mode-007.htm 0557a81af23da4d969bce70f840968a7d5947006 ? +xhtml1/flexbox-writing-mode-007.xht 0557a81af23da4d969bce70f840968a7d5947006 ? +html/flexbox-writing-mode-008.htm aaac3dcddfec40e5c67ae479e0df2184ddec82d2 ? +xhtml1/flexbox-writing-mode-008.xht aaac3dcddfec40e5c67ae479e0df2184ddec82d2 ? +html/flexbox-writing-mode-009.htm 931b9d02203e63cacec94a45b450d721c5222706 ? +xhtml1/flexbox-writing-mode-009.xht 931b9d02203e63cacec94a45b450d721c5222706 ? +html/flexbox_absolute-atomic.htm 4d9971a3b967bf248f369162f61f772bac64343c ? +xhtml1/flexbox_absolute-atomic.xht 4d9971a3b967bf248f369162f61f772bac64343c ? +html/flexbox_align-content-center.htm 482657e32368cdcc32e8ea890a7146c06b5e5e8c ? +xhtml1/flexbox_align-content-center.xht 482657e32368cdcc32e8ea890a7146c06b5e5e8c ? +html/flexbox_align-content-flexend.htm 59391d7952417cd2922c6ef2e31792a17abb4336 ? +xhtml1/flexbox_align-content-flexend.xht 59391d7952417cd2922c6ef2e31792a17abb4336 ? +html/flexbox_align-content-flexstart.htm 42337dca0f9503ea3f6203fb64f622a787f2ebe9 ? +xhtml1/flexbox_align-content-flexstart.xht 42337dca0f9503ea3f6203fb64f622a787f2ebe9 ? +html/flexbox_align-content-spacearound.htm c3197be7c2f8dd89a06863dcf48c6d1608b4b5f5 ? +xhtml1/flexbox_align-content-spacearound.xht c3197be7c2f8dd89a06863dcf48c6d1608b4b5f5 ? +html/flexbox_align-content-spacebetween.htm e9f9cde1e988a0b75a4d2342e500e0f93716afc8 ? +xhtml1/flexbox_align-content-spacebetween.xht e9f9cde1e988a0b75a4d2342e500e0f93716afc8 ? +html/flexbox_align-content-stretch-2.htm 3c4685b0b2b647ec0617f5b28c5e3c5da9aa1f85 ? +xhtml1/flexbox_align-content-stretch-2.xht 3c4685b0b2b647ec0617f5b28c5e3c5da9aa1f85 ? +html/flexbox_align-content-stretch.htm 482f457b2c0e5d98b1cd792c11f5c89906dff1e7 ? +xhtml1/flexbox_align-content-stretch.xht 482f457b2c0e5d98b1cd792c11f5c89906dff1e7 ? +html/flexbox_align-items-baseline.htm 736910facb95d2622dc8ef20d0bd10cc5f223a4e ? +xhtml1/flexbox_align-items-baseline.xht 736910facb95d2622dc8ef20d0bd10cc5f223a4e ? +html/flexbox_align-items-center-2.htm a269942aa6bce9427942e8616c860223befbfa89 ? +xhtml1/flexbox_align-items-center-2.xht a269942aa6bce9427942e8616c860223befbfa89 ? +html/flexbox_align-items-center.htm 829c9d38f71bfd20e3f926e3eda11e302364d3f3 ? +xhtml1/flexbox_align-items-center.xht 829c9d38f71bfd20e3f926e3eda11e302364d3f3 ? +html/flexbox_align-items-flexend-2.htm 470b06ab1d6c57743b076177a76d53df12888482 ? +xhtml1/flexbox_align-items-flexend-2.xht 470b06ab1d6c57743b076177a76d53df12888482 ? +html/flexbox_align-items-flexend.htm 62bdd25fb5dacadaa096c07e44995f01b1fe8460 ? +xhtml1/flexbox_align-items-flexend.xht 62bdd25fb5dacadaa096c07e44995f01b1fe8460 ? +html/flexbox_align-items-flexstart-2.htm da39ecea0abe5bdfce04a4e73cf208edc6264738 ? +xhtml1/flexbox_align-items-flexstart-2.xht da39ecea0abe5bdfce04a4e73cf208edc6264738 ? +html/flexbox_align-items-flexstart.htm 52d6da57f7ff9816636b9a891751d9d56ea4c7a3 ? +xhtml1/flexbox_align-items-flexstart.xht 52d6da57f7ff9816636b9a891751d9d56ea4c7a3 ? +html/flexbox_align-items-stretch-2.htm 4f1bb3f618f016061fa5b5c060e41f8227aa4023 ? +xhtml1/flexbox_align-items-stretch-2.xht 4f1bb3f618f016061fa5b5c060e41f8227aa4023 ? +html/flexbox_align-items-stretch.htm 40c44ec47c70bcf3a27a7db3007ce3a9871232ec ? +xhtml1/flexbox_align-items-stretch.xht 40c44ec47c70bcf3a27a7db3007ce3a9871232ec ? +html/flexbox_align-self-auto.htm 83c1338cd3a0715339d2e75a08967fdfd5785ea6 ? +xhtml1/flexbox_align-self-auto.xht 83c1338cd3a0715339d2e75a08967fdfd5785ea6 ? +html/flexbox_align-self-baseline.htm dc48eed4574fa0a579f208c78cbd6c4bbefc7008 ? +xhtml1/flexbox_align-self-baseline.xht dc48eed4574fa0a579f208c78cbd6c4bbefc7008 ? +html/flexbox_align-self-center.htm b47b024f769c5277b9212039815369ce07e544e4 ? +xhtml1/flexbox_align-self-center.xht b47b024f769c5277b9212039815369ce07e544e4 ? +html/flexbox_align-self-flexend.htm 26f0fd184325f22e03fae329f8a2fc32dd59fd68 ? +xhtml1/flexbox_align-self-flexend.xht 26f0fd184325f22e03fae329f8a2fc32dd59fd68 ? +html/flexbox_align-self-flexstart.htm 8c309aed80fe290076d8c162ec78445b132be226 ? +xhtml1/flexbox_align-self-flexstart.xht 8c309aed80fe290076d8c162ec78445b132be226 ? +html/flexbox_align-self-stretch.htm bd4218626374e0537295c389f6493f9f28fb494e ? +xhtml1/flexbox_align-self-stretch.xht bd4218626374e0537295c389f6493f9f28fb494e ? +html/flexbox_block.htm b3d81fa0fcf6798a8980fdbd8955278a4dc13d0c ? +xhtml1/flexbox_block.xht b3d81fa0fcf6798a8980fdbd8955278a4dc13d0c ? +html/flexbox_box-clear.htm c38979d7e772cb5b4d05aa2e9fc37b0d9b08c458 ? +xhtml1/flexbox_box-clear.xht c38979d7e772cb5b4d05aa2e9fc37b0d9b08c458 ? +html/flexbox_columns-flexitems-2.htm 640c16169121a745c0f2504beb052769a91bcadd ? +xhtml1/flexbox_columns-flexitems-2.xht 640c16169121a745c0f2504beb052769a91bcadd ? +html/flexbox_columns-flexitems.htm bebd2a295c93d54e819399b86a7d3cab5df543ce ? +xhtml1/flexbox_columns-flexitems.xht bebd2a295c93d54e819399b86a7d3cab5df543ce ? +html/flexbox_columns.htm 297153339eb61889abf033f09bf49f37fef934ce ? +xhtml1/flexbox_columns.xht 297153339eb61889abf033f09bf49f37fef934ce ? +html/flexbox_computedstyle_align-content-center.htm 3054bf565827655c2db51fa250f25bc3d3dedc43 ? +xhtml1/flexbox_computedstyle_align-content-center.xht 3054bf565827655c2db51fa250f25bc3d3dedc43 ? +html/flexbox_computedstyle_align-content-flex-end.htm c1d059c05c59a870025bf4bdaa9f2dad26af5b07 ? +xhtml1/flexbox_computedstyle_align-content-flex-end.xht c1d059c05c59a870025bf4bdaa9f2dad26af5b07 ? +html/flexbox_computedstyle_align-content-flex-start.htm efa339f5699d7c9f415c5e7c405cf22502ad2860 ? +xhtml1/flexbox_computedstyle_align-content-flex-start.xht efa339f5699d7c9f415c5e7c405cf22502ad2860 ? +html/flexbox_computedstyle_align-content-space-around.htm db6c6fa4433972b1ae6543967b574aca0304736a ? +xhtml1/flexbox_computedstyle_align-content-space-around.xht db6c6fa4433972b1ae6543967b574aca0304736a ? +html/flexbox_computedstyle_align-content-space-between.htm 8440b518022a142d4a380fbd9decf250846c7e5a ? +xhtml1/flexbox_computedstyle_align-content-space-between.xht 8440b518022a142d4a380fbd9decf250846c7e5a ? +html/flexbox_computedstyle_align-items-baseline.htm fdd467a02c7403e4220e2c1c116922d11c3088be ? +xhtml1/flexbox_computedstyle_align-items-baseline.xht fdd467a02c7403e4220e2c1c116922d11c3088be ? +html/flexbox_computedstyle_align-items-center.htm 865f1f13af2b2ece10271adbb3c1a1075cb2bfa5 ? +xhtml1/flexbox_computedstyle_align-items-center.xht 865f1f13af2b2ece10271adbb3c1a1075cb2bfa5 ? +html/flexbox_computedstyle_align-items-flex-end.htm 709578c65b9417046bfbbc72478c401f92359fb6 ? +xhtml1/flexbox_computedstyle_align-items-flex-end.xht 709578c65b9417046bfbbc72478c401f92359fb6 ? +html/flexbox_computedstyle_align-items-flex-start.htm 79245b9718a75eea5e1f6fae0a71715d5aa3051b ? +xhtml1/flexbox_computedstyle_align-items-flex-start.xht 79245b9718a75eea5e1f6fae0a71715d5aa3051b ? +html/flexbox_computedstyle_align-items-invalid.htm c95f8977d27808a4e4c87bd03554d6b1ceacb08e ? +xhtml1/flexbox_computedstyle_align-items-invalid.xht c95f8977d27808a4e4c87bd03554d6b1ceacb08e ? +html/flexbox_computedstyle_align-items-stretch.htm 8a2400d01abaeb1cb4638d0a6d695652101f9630 ? +xhtml1/flexbox_computedstyle_align-items-stretch.xht 8a2400d01abaeb1cb4638d0a6d695652101f9630 ? +html/flexbox_computedstyle_align-self-baseline.htm f40d85b0cf472d05bce84835f040b08d59d967ff ? +xhtml1/flexbox_computedstyle_align-self-baseline.xht f40d85b0cf472d05bce84835f040b08d59d967ff ? +html/flexbox_computedstyle_align-self-center.htm 9f52e0fb645cbca222bec1406b03634814cd466a ? +xhtml1/flexbox_computedstyle_align-self-center.xht 9f52e0fb645cbca222bec1406b03634814cd466a ? +html/flexbox_computedstyle_align-self-flex-end.htm e23df85ec38ea677d76d4990127298a150519201 ? +xhtml1/flexbox_computedstyle_align-self-flex-end.xht e23df85ec38ea677d76d4990127298a150519201 ? +html/flexbox_computedstyle_align-self-flex-start.htm cdef24995f2c8181b19ba7f0909dab0059afa102 ? +xhtml1/flexbox_computedstyle_align-self-flex-start.xht cdef24995f2c8181b19ba7f0909dab0059afa102 ? +html/flexbox_computedstyle_align-self-invalid.htm 5e1d77ee6d68d0c07d376cc7200bd1287b42d863 ? +xhtml1/flexbox_computedstyle_align-self-invalid.xht 5e1d77ee6d68d0c07d376cc7200bd1287b42d863 ? +html/flexbox_computedstyle_align-self-stretch.htm 0b7894af032c80dcf3da4590da61f9773667a2e7 ? +xhtml1/flexbox_computedstyle_align-self-stretch.xht 0b7894af032c80dcf3da4590da61f9773667a2e7 ? +html/flexbox_computedstyle_display-inline.htm fa7097515842ced4446dfa68ba6a6d7a9f31d8bc ? +xhtml1/flexbox_computedstyle_display-inline.xht fa7097515842ced4446dfa68ba6a6d7a9f31d8bc ? +html/flexbox_computedstyle_display.htm 6b0e8d4d230f570765797fe08e4e28b4c9fd22c3 ? +xhtml1/flexbox_computedstyle_display.xht 6b0e8d4d230f570765797fe08e4e28b4c9fd22c3 ? +html/flexbox_computedstyle_flex-basis-0.htm 6756ecdc0ec2d662f54712a270f83fdf82143bd2 ? +xhtml1/flexbox_computedstyle_flex-basis-0.xht 6756ecdc0ec2d662f54712a270f83fdf82143bd2 ? +html/flexbox_computedstyle_flex-basis-0percent.htm 32d88ff0064cfd6b1cba7d7c858bfa4ef7709f31 ? +xhtml1/flexbox_computedstyle_flex-basis-0percent.xht 32d88ff0064cfd6b1cba7d7c858bfa4ef7709f31 ? +html/flexbox_computedstyle_flex-basis-auto.htm 442548a9a5449a479aefd00833aa430da4beca96 ? +xhtml1/flexbox_computedstyle_flex-basis-auto.xht 442548a9a5449a479aefd00833aa430da4beca96 ? +html/flexbox_computedstyle_flex-basis-percent.htm e70ece19203db7f6d71873b3808b6481ce6d6b7a ? +xhtml1/flexbox_computedstyle_flex-basis-percent.xht e70ece19203db7f6d71873b3808b6481ce6d6b7a ? +html/flexbox_computedstyle_flex-direction-column-reverse.htm 915fcf970e0fd793d1d33c7d907867a30bd7e251 ? +xhtml1/flexbox_computedstyle_flex-direction-column-reverse.xht 915fcf970e0fd793d1d33c7d907867a30bd7e251 ? +html/flexbox_computedstyle_flex-direction-column.htm e8c1e59522103feab525fbaabf0eb07c959dbbb3 ? +xhtml1/flexbox_computedstyle_flex-direction-column.xht e8c1e59522103feab525fbaabf0eb07c959dbbb3 ? +html/flexbox_computedstyle_flex-direction-invalid.htm b096ae197ef5e36455b3aa8ff5ecc79886f6c52d ? +xhtml1/flexbox_computedstyle_flex-direction-invalid.xht b096ae197ef5e36455b3aa8ff5ecc79886f6c52d ? +html/flexbox_computedstyle_flex-direction-row-reverse.htm 8d4493c084b32f03266f890b0608afd0917cfcfc ? +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-grow-0.htm 0d31e588261dbee89d706fa5ad4e7c972b28a4c2 ? +xhtml1/flexbox_computedstyle_flex-grow-0.xht 0d31e588261dbee89d706fa5ad4e7c972b28a4c2 ? +html/flexbox_computedstyle_flex-grow-invalid.htm a7b47c4479c35c736ed5aba7089da7b1f3dedbd9 ? +xhtml1/flexbox_computedstyle_flex-grow-invalid.xht a7b47c4479c35c736ed5aba7089da7b1f3dedbd9 ? +html/flexbox_computedstyle_flex-grow-number.htm 5242a9ccba365ad56b489ef924a99ef0eecb0a18 ? +xhtml1/flexbox_computedstyle_flex-grow-number.xht 5242a9ccba365ad56b489ef924a99ef0eecb0a18 ? +html/flexbox_computedstyle_flex-shorthand-0-auto.htm 1ae10873e92b58bef656ea80b5e91e4179bbb87a ? +xhtml1/flexbox_computedstyle_flex-shorthand-0-auto.xht 1ae10873e92b58bef656ea80b5e91e4179bbb87a ? +html/flexbox_computedstyle_flex-shorthand-auto.htm a17113734db597e00de9a833d34bbcb95620889b ? +xhtml1/flexbox_computedstyle_flex-shorthand-auto.xht a17113734db597e00de9a833d34bbcb95620889b ? +html/flexbox_computedstyle_flex-shorthand-initial.htm 5959f270393e535f31b3c83c115c730014723522 ? +xhtml1/flexbox_computedstyle_flex-shorthand-initial.xht 5959f270393e535f31b3c83c115c730014723522 ? +html/flexbox_computedstyle_flex-shorthand-invalid.htm 5af50e748a9e639907f3188050bd92d93386e5a7 ? +xhtml1/flexbox_computedstyle_flex-shorthand-invalid.xht 5af50e748a9e639907f3188050bd92d93386e5a7 ? +html/flexbox_computedstyle_flex-shorthand-none.htm b2b7d2c9544204548fe6c998e89988541acb8737 ? +xhtml1/flexbox_computedstyle_flex-shorthand-none.xht b2b7d2c9544204548fe6c998e89988541acb8737 ? +html/flexbox_computedstyle_flex-shorthand-number.htm 1aaa6516504f3d57d0a9bc02a38c067dca4b3e1a ? +xhtml1/flexbox_computedstyle_flex-shorthand-number.xht 1aaa6516504f3d57d0a9bc02a38c067dca4b3e1a ? +html/flexbox_computedstyle_flex-shorthand.htm 30b0fa32e95fd832c2177949adb61f263a15d0c0 ? +xhtml1/flexbox_computedstyle_flex-shorthand.xht 30b0fa32e95fd832c2177949adb61f263a15d0c0 ? +html/flexbox_computedstyle_flex-shrink-0.htm 1ca37f150a4c9108d0e631353ab2991ea4aa744a ? +xhtml1/flexbox_computedstyle_flex-shrink-0.xht 1ca37f150a4c9108d0e631353ab2991ea4aa744a ? +html/flexbox_computedstyle_flex-shrink-invalid.htm 35eb6643c788f916b68d1df9394ba0c9b1c86ea0 ? +xhtml1/flexbox_computedstyle_flex-shrink-invalid.xht 35eb6643c788f916b68d1df9394ba0c9b1c86ea0 ? +html/flexbox_computedstyle_flex-shrink-number.htm f9666bfa9122581b2093d54571a15348c8511642 ? +xhtml1/flexbox_computedstyle_flex-shrink-number.xht f9666bfa9122581b2093d54571a15348c8511642 ? +html/flexbox_computedstyle_flex-wrap-invalid.htm f3ce392913348ec6fa6dfe4a22dc15c9b50f5cd3 ? +xhtml1/flexbox_computedstyle_flex-wrap-invalid.xht f3ce392913348ec6fa6dfe4a22dc15c9b50f5cd3 ? +html/flexbox_computedstyle_flex-wrap-nowrap.htm 8d6db9e0fa7c151825b3baeac5457aec28dce7e0 ? +xhtml1/flexbox_computedstyle_flex-wrap-nowrap.xht 8d6db9e0fa7c151825b3baeac5457aec28dce7e0 ? +html/flexbox_computedstyle_flex-wrap-wrap-reverse.htm c7cc465b1695c3cb61b231b8cbfd9401b717edb8 ? +xhtml1/flexbox_computedstyle_flex-wrap-wrap-reverse.xht c7cc465b1695c3cb61b231b8cbfd9401b717edb8 ? +html/flexbox_computedstyle_flex-wrap-wrap.htm ede29ce2d73d0170aad0b21283d4e521d4dd5ddb ? +xhtml1/flexbox_computedstyle_flex-wrap-wrap.xht ede29ce2d73d0170aad0b21283d4e521d4dd5ddb ? +html/flexbox_computedstyle_justify-content-center.htm b80d62d5e7807705eb3ab805d0c04268a3c6a187 ? +xhtml1/flexbox_computedstyle_justify-content-center.xht b80d62d5e7807705eb3ab805d0c04268a3c6a187 ? +html/flexbox_computedstyle_justify-content-flex-end.htm 29f1c65d1871b958c556368bcb7598cc08e88c1c ? +xhtml1/flexbox_computedstyle_justify-content-flex-end.xht 29f1c65d1871b958c556368bcb7598cc08e88c1c ? +html/flexbox_computedstyle_justify-content-flex-start.htm b7ec987bfad41a125b4abb9a8ee9772f996f1474 ? +xhtml1/flexbox_computedstyle_justify-content-flex-start.xht b7ec987bfad41a125b4abb9a8ee9772f996f1474 ? +html/flexbox_computedstyle_justify-content-space-around.htm 99d6926aa3c10e50120345b900288a2afaccf60e ? +xhtml1/flexbox_computedstyle_justify-content-space-around.xht 99d6926aa3c10e50120345b900288a2afaccf60e ? +html/flexbox_computedstyle_justify-content-space-between.htm 6a4fbe774eb5adf599d3a75bed7075c297ca4f12 ? +xhtml1/flexbox_computedstyle_justify-content-space-between.xht 6a4fbe774eb5adf599d3a75bed7075c297ca4f12 ? +html/flexbox_computedstyle_min-height-auto.htm 09882bf62cfcac1aabe5b77a190b3c0f86ef7ed1 ? +xhtml1/flexbox_computedstyle_min-height-auto.xht 09882bf62cfcac1aabe5b77a190b3c0f86ef7ed1 ? +html/flexbox_computedstyle_min-width-auto.htm d03eb73bf0681d3b2f85d6591195126d7af9488e ? +xhtml1/flexbox_computedstyle_min-width-auto.xht d03eb73bf0681d3b2f85d6591195126d7af9488e ? +html/flexbox_computedstyle_order-inherit.htm 7a9be6125fca8c91514cb98e22e2ed58fde7a842 ? +xhtml1/flexbox_computedstyle_order-inherit.xht 7a9be6125fca8c91514cb98e22e2ed58fde7a842 ? +html/flexbox_computedstyle_order-integer.htm cea169047b9ec7a46baa9d84c36a8143ee2c9c6e ? +xhtml1/flexbox_computedstyle_order-integer.xht cea169047b9ec7a46baa9d84c36a8143ee2c9c6e ? +html/flexbox_computedstyle_order-invalid.htm 07ec0c0c0b850a509f019f787a698daad148e4ee ? +xhtml1/flexbox_computedstyle_order-invalid.xht 07ec0c0c0b850a509f019f787a698daad148e4ee ? +html/flexbox_computedstyle_order-negative.htm 0a911382a0fcb5d01a8ee62acf7de9789de5e4cd ? +xhtml1/flexbox_computedstyle_order-negative.xht 0a911382a0fcb5d01a8ee62acf7de9789de5e4cd ? +html/flexbox_computedstyle_order.htm 23b646679d88f81ba8a0dfdd920937c5e716a575 ? +xhtml1/flexbox_computedstyle_order.xht 23b646679d88f81ba8a0dfdd920937c5e716a575 ? +html/flexbox_direction-column-reverse.htm 0ac54595950e762ca7752f3dd9f87ecd17aee308 ? +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_display.htm 429c145ce111df3e08fa2ff4f5692e56bc4bbb4d ? +xhtml1/flexbox_display.xht 429c145ce111df3e08fa2ff4f5692e56bc4bbb4d ? +html/flexbox_fbfc.htm 5b33462ad18995d80f363daf64588ae2b06b1012 ? +xhtml1/flexbox_fbfc.xht 5b33462ad18995d80f363daf64588ae2b06b1012 ? +html/flexbox_fbfc2.htm 5168a1ea85a30d469233b13f81cc4ed6dc1409b0 ? +xhtml1/flexbox_fbfc2.xht 5168a1ea85a30d469233b13f81cc4ed6dc1409b0 ? +html/flexbox_first-line.htm deee74919efb8cb2fcf9db6c4e7275d6aae4acfe ? +xhtml1/flexbox_first-line.xht deee74919efb8cb2fcf9db6c4e7275d6aae4acfe ? +html/flexbox_flex-0-0-0-unitless.htm 49f8ff4629e2b3657fd206cae67a2c6c03c23021 ? +xhtml1/flexbox_flex-0-0-0-unitless.xht 49f8ff4629e2b3657fd206cae67a2c6c03c23021 ? +html/flexbox_flex-0-0-0.htm f4f8b31d8d88dd7547609e3c8c792a60c9fb44c8 ? +xhtml1/flexbox_flex-0-0-0.xht f4f8b31d8d88dd7547609e3c8c792a60c9fb44c8 ? +html/flexbox_flex-0-0-1-unitless-basis.htm e96549ac558fb04665382afb6c4e9a58a1d5c7e4 ? +xhtml1/flexbox_flex-0-0-1-unitless-basis.xht e96549ac558fb04665382afb6c4e9a58a1d5c7e4 ? +html/flexbox_flex-0-0-auto-shrink.htm 872227c6f46cca8440953c712307e96a0ea615e2 ? +xhtml1/flexbox_flex-0-0-auto-shrink.xht 872227c6f46cca8440953c712307e96a0ea615e2 ? +html/flexbox_flex-0-0-auto.htm 1f83fd1acdbc3e5b3126fcf85c042a34f41757a3 ? +xhtml1/flexbox_flex-0-0-auto.xht 1f83fd1acdbc3e5b3126fcf85c042a34f41757a3 ? +html/flexbox_flex-0-0-n-shrink.htm cd3b78fd972958cd4f625aa94778cb3db202971f ? +xhtml1/flexbox_flex-0-0-n-shrink.xht cd3b78fd972958cd4f625aa94778cb3db202971f ? +html/flexbox_flex-0-0-n-unitless-basis.htm e96549ac558fb04665382afb6c4e9a58a1d5c7e4 ? +xhtml1/flexbox_flex-0-0-n-unitless-basis.xht e96549ac558fb04665382afb6c4e9a58a1d5c7e4 ? +html/flexbox_flex-0-0-n.htm d3408b357cbaf0e975c4486f84cb4395d0733b60 ? +xhtml1/flexbox_flex-0-0-n.xht d3408b357cbaf0e975c4486f84cb4395d0733b60 ? +html/flexbox_flex-0-0-npercent-shrink.htm 02deb4b5b87b427417f84c9d49676094fb3514b8 ? +xhtml1/flexbox_flex-0-0-npercent-shrink.xht 02deb4b5b87b427417f84c9d49676094fb3514b8 ? +html/flexbox_flex-0-0-npercent.htm 0e1bbb4a2e1ff9925f1a7d93807f76bbc2d88697 ? +xhtml1/flexbox_flex-0-0-npercent.xht 0e1bbb4a2e1ff9925f1a7d93807f76bbc2d88697 ? +html/flexbox_flex-0-0.htm c700880ab24c78fb3bf224f0ca08712384afada1 ? +xhtml1/flexbox_flex-0-0.xht c700880ab24c78fb3bf224f0ca08712384afada1 ? +html/flexbox_flex-0-1-0-unitless.htm 1aedfd2b0736705d560850b4e2264a5af053fd54 ? +xhtml1/flexbox_flex-0-1-0-unitless.xht 1aedfd2b0736705d560850b4e2264a5af053fd54 ? +html/flexbox_flex-0-1-0.htm bc322e6b303db6714b0f29e828a1484fff7ac309 ? +xhtml1/flexbox_flex-0-1-0.xht bc322e6b303db6714b0f29e828a1484fff7ac309 ? +html/flexbox_flex-0-1-1-unitless-basis.htm 3c1a36d032f4ede8f287ae45e57774c09174ea79 ? +xhtml1/flexbox_flex-0-1-1-unitless-basis.xht 3c1a36d032f4ede8f287ae45e57774c09174ea79 ? +html/flexbox_flex-0-1-auto-shrink.htm 0d2169486b9b96e0b96108c677045b28f532865b ? +xhtml1/flexbox_flex-0-1-auto-shrink.xht 0d2169486b9b96e0b96108c677045b28f532865b ? +html/flexbox_flex-0-1-auto.htm 9025decf2661f88bfd026b9713ed3873f9c82a5b ? +xhtml1/flexbox_flex-0-1-auto.xht 9025decf2661f88bfd026b9713ed3873f9c82a5b ? +html/flexbox_flex-0-1-n-shrink.htm eb25850e4397a12c3ce80ba14483310417ded70b ? +xhtml1/flexbox_flex-0-1-n-shrink.xht eb25850e4397a12c3ce80ba14483310417ded70b ? +html/flexbox_flex-0-1-n-unitless-basis.htm ab16feed86038b50d5dbc79ffd46ee7f27eb29e3 ? +xhtml1/flexbox_flex-0-1-n-unitless-basis.xht ab16feed86038b50d5dbc79ffd46ee7f27eb29e3 ? +html/flexbox_flex-0-1-n.htm 94c692bb9770fbb6dd98f6c81d217c6dcfeaf81f ? +xhtml1/flexbox_flex-0-1-n.xht 94c692bb9770fbb6dd98f6c81d217c6dcfeaf81f ? +html/flexbox_flex-0-1-npercent-shrink.htm f7e360f8027aea362a5ad301a60a94cfffb4c46b ? +xhtml1/flexbox_flex-0-1-npercent-shrink.xht f7e360f8027aea362a5ad301a60a94cfffb4c46b ? +html/flexbox_flex-0-1-npercent.htm 7d1a817ee66afea7e7c67fc14058ea64d087706f ? +xhtml1/flexbox_flex-0-1-npercent.xht 7d1a817ee66afea7e7c67fc14058ea64d087706f ? +html/flexbox_flex-0-1.htm 2d7ebb97e70e28b851a994dc6868576348f20846 ? +xhtml1/flexbox_flex-0-1.xht 2d7ebb97e70e28b851a994dc6868576348f20846 ? +html/flexbox_flex-0-auto.htm 7d87bbb5bde18e2d8d787b93736a11c946cc4fad ? +xhtml1/flexbox_flex-0-auto.xht 7d87bbb5bde18e2d8d787b93736a11c946cc4fad ? +html/flexbox_flex-0-n-0-unitless.htm 91e06396cf3295c1569dce0d3798a7a1d6eb5408 ? +xhtml1/flexbox_flex-0-n-0-unitless.xht 91e06396cf3295c1569dce0d3798a7a1d6eb5408 ? +html/flexbox_flex-0-n-0.htm 560624f27113b9dc9cc2245dd4dcac22e384d2c6 ? +xhtml1/flexbox_flex-0-n-0.xht 560624f27113b9dc9cc2245dd4dcac22e384d2c6 ? +html/flexbox_flex-0-n-auto-shrink.htm 674623b123f9ee6096f84316e10fc64aa631c46d ? +xhtml1/flexbox_flex-0-n-auto-shrink.xht 674623b123f9ee6096f84316e10fc64aa631c46d ? +html/flexbox_flex-0-n-auto.htm e5347c9c7466fd1959e893f5fa8e26973cb2af40 ? +xhtml1/flexbox_flex-0-n-auto.xht e5347c9c7466fd1959e893f5fa8e26973cb2af40 ? +html/flexbox_flex-0-n-n-shrink.htm 9b636c0297fda75d96e02a8b4efe936069d75db8 ? +xhtml1/flexbox_flex-0-n-n-shrink.xht 9b636c0297fda75d96e02a8b4efe936069d75db8 ? +html/flexbox_flex-0-n-n.htm 9c7ca82a3efb9cedec88dadbef6e93e7276d9d12 ? +xhtml1/flexbox_flex-0-n-n.xht 9c7ca82a3efb9cedec88dadbef6e93e7276d9d12 ? +html/flexbox_flex-0-n-npercent-shrink.htm 5293c878d73ba25f8b2858f6eaafc0cef4f579ea ? +xhtml1/flexbox_flex-0-n-npercent-shrink.xht 5293c878d73ba25f8b2858f6eaafc0cef4f579ea ? +html/flexbox_flex-0-n-npercent.htm a2d54e001f203ba733c983da558f0cbf4f3b63ff ? +xhtml1/flexbox_flex-0-n-npercent.xht a2d54e001f203ba733c983da558f0cbf4f3b63ff ? +html/flexbox_flex-0-n.htm 85148d64befc2e76feeea0af686fa4d04cc24c4d ? +xhtml1/flexbox_flex-0-n.xht 85148d64befc2e76feeea0af686fa4d04cc24c4d ? +html/flexbox_flex-1-0-0-unitless.htm b8add0ea7d08dae4f883f9fe0015674b6297cc36 ? +xhtml1/flexbox_flex-1-0-0-unitless.xht b8add0ea7d08dae4f883f9fe0015674b6297cc36 ? +html/flexbox_flex-1-0-0.htm 0da6362d3fb6a9e36acb4921b554a2df0f8c88d1 ? +xhtml1/flexbox_flex-1-0-0.xht 0da6362d3fb6a9e36acb4921b554a2df0f8c88d1 ? +html/flexbox_flex-1-0-auto-shrink.htm cd0a59a7896e39010a0355bcee019dab2436ca64 ? +xhtml1/flexbox_flex-1-0-auto-shrink.xht cd0a59a7896e39010a0355bcee019dab2436ca64 ? +html/flexbox_flex-1-0-auto.htm 1017b6a8f96ded4845c2bae952cfdbb08b2c306d ? +xhtml1/flexbox_flex-1-0-auto.xht 1017b6a8f96ded4845c2bae952cfdbb08b2c306d ? +html/flexbox_flex-1-0-n-shrink.htm 004c49f92f20a378c5907fa3e625add77b574720 ? +xhtml1/flexbox_flex-1-0-n-shrink.xht 004c49f92f20a378c5907fa3e625add77b574720 ? +html/flexbox_flex-1-0-n.htm 4cfded08537e887b996952db4f953607c2bab7fc ? +xhtml1/flexbox_flex-1-0-n.xht 4cfded08537e887b996952db4f953607c2bab7fc ? +html/flexbox_flex-1-0-npercent-shrink.htm 581bb4f33f1f0a82a56299b93ed603c547a1a18f ? +xhtml1/flexbox_flex-1-0-npercent-shrink.xht 581bb4f33f1f0a82a56299b93ed603c547a1a18f ? +html/flexbox_flex-1-0-npercent.htm 3bb6296cfc1757866ff72c8e1c8bb6c9c5e093bc ? +xhtml1/flexbox_flex-1-0-npercent.xht 3bb6296cfc1757866ff72c8e1c8bb6c9c5e093bc ? +html/flexbox_flex-1-0.htm 6e941ab3fb55625d16c84cb711e38085a10be5fe ? +xhtml1/flexbox_flex-1-0.xht 6e941ab3fb55625d16c84cb711e38085a10be5fe ? +html/flexbox_flex-1-1-0-unitless.htm 594ac0b8e508bcf4ce29d5698f6ca70b5904f384 ? +xhtml1/flexbox_flex-1-1-0-unitless.xht 594ac0b8e508bcf4ce29d5698f6ca70b5904f384 ? +html/flexbox_flex-1-1-0.htm 4932392f16c66b3b054cae8ffb67c2b5557622c6 ? +xhtml1/flexbox_flex-1-1-0.xht 4932392f16c66b3b054cae8ffb67c2b5557622c6 ? +html/flexbox_flex-1-1-auto-shrink.htm 4b94ba864da7ae6800f4a377e4345f34358e6d5c ? +xhtml1/flexbox_flex-1-1-auto-shrink.xht 4b94ba864da7ae6800f4a377e4345f34358e6d5c ? +html/flexbox_flex-1-1-auto.htm 7343f75d4bb53facca625208ad70459245812ded ? +xhtml1/flexbox_flex-1-1-auto.xht 7343f75d4bb53facca625208ad70459245812ded ? +html/flexbox_flex-1-1-n-shrink.htm a403bcb69a2daed928fd73630163c0d787de3d5e ? +xhtml1/flexbox_flex-1-1-n-shrink.xht a403bcb69a2daed928fd73630163c0d787de3d5e ? +html/flexbox_flex-1-1-n.htm 0668082c60d788fbc5ff94e2b4c3c4366d6d6593 ? +xhtml1/flexbox_flex-1-1-n.xht 0668082c60d788fbc5ff94e2b4c3c4366d6d6593 ? +html/flexbox_flex-1-1-npercent-shrink.htm 0a25bf3576ca0a291e169d58db4110ed6e9590a0 ? +xhtml1/flexbox_flex-1-1-npercent-shrink.xht 0a25bf3576ca0a291e169d58db4110ed6e9590a0 ? +html/flexbox_flex-1-1-npercent.htm 37f2ada450b3a5831b4c5396b1fc2b21e67fd3dc ? +xhtml1/flexbox_flex-1-1-npercent.xht 37f2ada450b3a5831b4c5396b1fc2b21e67fd3dc ? +html/flexbox_flex-1-1.htm 3ed6e5c7ed2852e0c0c12c10ac0c156897a9a014 ? +xhtml1/flexbox_flex-1-1.xht 3ed6e5c7ed2852e0c0c12c10ac0c156897a9a014 ? +html/flexbox_flex-1-n-0-unitless.htm b2e4e7addd1c6371483a9908228cd3678f7aa781 ? +xhtml1/flexbox_flex-1-n-0-unitless.xht b2e4e7addd1c6371483a9908228cd3678f7aa781 ? +html/flexbox_flex-1-n-0.htm 786359a1e803b2a2a49c3ce03aae34ac4f3ab434 ? +xhtml1/flexbox_flex-1-n-0.xht 786359a1e803b2a2a49c3ce03aae34ac4f3ab434 ? +html/flexbox_flex-1-n-auto-shrink.htm ecea8a20496cd13f7c0991a487d5dcf52ef8affd ? +xhtml1/flexbox_flex-1-n-auto-shrink.xht ecea8a20496cd13f7c0991a487d5dcf52ef8affd ? +html/flexbox_flex-1-n-auto.htm 14222fc2cf4036a66c81cce11b823dbf527c6d49 ? +xhtml1/flexbox_flex-1-n-auto.xht 14222fc2cf4036a66c81cce11b823dbf527c6d49 ? +html/flexbox_flex-1-n-n-shrink.htm 7a2b911f8d693cd1deecc6fe83187aca2e1205f6 ? +xhtml1/flexbox_flex-1-n-n-shrink.xht 7a2b911f8d693cd1deecc6fe83187aca2e1205f6 ? +html/flexbox_flex-1-n-n.htm 59bf3b49f90b0784df37d60cf449898d9b940a04 ? +xhtml1/flexbox_flex-1-n-n.xht 59bf3b49f90b0784df37d60cf449898d9b940a04 ? +html/flexbox_flex-1-n-npercent-shrink.htm 9b833c4cc92e4a670a5c79d8f2e927cae3f13a9b ? +xhtml1/flexbox_flex-1-n-npercent-shrink.xht 9b833c4cc92e4a670a5c79d8f2e927cae3f13a9b ? +html/flexbox_flex-1-n-npercent.htm 97dcb7a154590ee924c2fab108711f7142d5f91c ? +xhtml1/flexbox_flex-1-n-npercent.xht 97dcb7a154590ee924c2fab108711f7142d5f91c ? +html/flexbox_flex-1-n.htm 3540345c63ee61cfb156725bccbb21dbf323774a ? +xhtml1/flexbox_flex-1-n.xht 3540345c63ee61cfb156725bccbb21dbf323774a ? +html/flexbox_flex-auto.htm cb7dffa204ac2366628e19623085fc987d0df43b ? +xhtml1/flexbox_flex-auto.xht cb7dffa204ac2366628e19623085fc987d0df43b ? +html/flexbox_flex-basis-shrink.htm ee8776dd7b5aacbd96f17061eb2bfeb2052a570e ? +xhtml1/flexbox_flex-basis-shrink.xht ee8776dd7b5aacbd96f17061eb2bfeb2052a570e ? +html/flexbox_flex-basis.htm c48a6e141ed3ee02e7bb94e691d7ae8a4e54bca0 ? +xhtml1/flexbox_flex-basis.xht c48a6e141ed3ee02e7bb94e691d7ae8a4e54bca0 ? +html/flexbox_flex-formatting-interop.htm 88613624e2583e64cdf12d85df951b10b23a40e0 ? +xhtml1/flexbox_flex-formatting-interop.xht 88613624e2583e64cdf12d85df951b10b23a40e0 ? +html/flexbox_flex-initial-2.htm 5781b06322897c0589a88c814d0c26786bb1866c ? +xhtml1/flexbox_flex-initial-2.xht 5781b06322897c0589a88c814d0c26786bb1866c ? +html/flexbox_flex-initial.htm c01df6367570a66c188861fe8ee19bfd122306aa ? +xhtml1/flexbox_flex-initial.xht c01df6367570a66c188861fe8ee19bfd122306aa ? +html/flexbox_flex-n-0-0-unitless.htm 42105a3851733e8818a9175ed9508c63b4ab8849 ? +xhtml1/flexbox_flex-n-0-0-unitless.xht 42105a3851733e8818a9175ed9508c63b4ab8849 ? +html/flexbox_flex-n-0-0.htm b7f381282f39c267c378fae78942b1060b241a67 ? +xhtml1/flexbox_flex-n-0-0.xht b7f381282f39c267c378fae78942b1060b241a67 ? +html/flexbox_flex-n-0-auto-shrink.htm f2bcad84c5a4aff8b681b8159e0392771dce1e81 ? +xhtml1/flexbox_flex-n-0-auto-shrink.xht f2bcad84c5a4aff8b681b8159e0392771dce1e81 ? +html/flexbox_flex-n-0-auto.htm d0cdacc49f1b232521d1cb6f5dbbbefd4f52d98b ? +xhtml1/flexbox_flex-n-0-auto.xht d0cdacc49f1b232521d1cb6f5dbbbefd4f52d98b ? +html/flexbox_flex-n-0-n-shrink.htm 7ba4aa0df7250a9416bb54bc5e6f31561b9499f9 ? +xhtml1/flexbox_flex-n-0-n-shrink.xht 7ba4aa0df7250a9416bb54bc5e6f31561b9499f9 ? +html/flexbox_flex-n-0-n.htm d7132fa9ccc3c8f551d6003e68adcf5d8d49f4f7 ? +xhtml1/flexbox_flex-n-0-n.xht d7132fa9ccc3c8f551d6003e68adcf5d8d49f4f7 ? +html/flexbox_flex-n-0-npercent-shrink.htm e7eba400f5a9ef217531ee50725a56a5ed6bc21e ? +xhtml1/flexbox_flex-n-0-npercent-shrink.xht e7eba400f5a9ef217531ee50725a56a5ed6bc21e ? +html/flexbox_flex-n-0-npercent.htm e062010051e70cf1ca4971e6b49bd28948ccc6aa ? +xhtml1/flexbox_flex-n-0-npercent.xht e062010051e70cf1ca4971e6b49bd28948ccc6aa ? +html/flexbox_flex-n-0.htm 54a8c6a89285e4ff75ce0533a8bbac051f58873c ? +xhtml1/flexbox_flex-n-0.xht 54a8c6a89285e4ff75ce0533a8bbac051f58873c ? +html/flexbox_flex-n-1-0-unitless.htm 171caf14b7ff6de035dbce2ad48a79ea40d7c557 ? +xhtml1/flexbox_flex-n-1-0-unitless.xht 171caf14b7ff6de035dbce2ad48a79ea40d7c557 ? +html/flexbox_flex-n-1-0.htm 1a6e1de844205f437d19f1806b216eef89de2251 ? +xhtml1/flexbox_flex-n-1-0.xht 1a6e1de844205f437d19f1806b216eef89de2251 ? +html/flexbox_flex-n-1-auto-shrink.htm c9662d8b43ee876d4b4b15989f31e07cd2fe5e5c ? +xhtml1/flexbox_flex-n-1-auto-shrink.xht c9662d8b43ee876d4b4b15989f31e07cd2fe5e5c ? +html/flexbox_flex-n-1-auto.htm c12e77e475035c937ec7a23a193a205d389ae18f ? +xhtml1/flexbox_flex-n-1-auto.xht c12e77e475035c937ec7a23a193a205d389ae18f ? +html/flexbox_flex-n-1-n-shrink.htm 7c264caf80dc76952d1a357c03fc21b6e08cb5ff ? +xhtml1/flexbox_flex-n-1-n-shrink.xht 7c264caf80dc76952d1a357c03fc21b6e08cb5ff ? +html/flexbox_flex-n-1-n.htm fed1a15ecd8c8d3fe67864a42317a53831a96d7b ? +xhtml1/flexbox_flex-n-1-n.xht fed1a15ecd8c8d3fe67864a42317a53831a96d7b ? +html/flexbox_flex-n-1-npercent-shrink.htm e9801db1cde772faa0d7a4333b251341ff689434 ? +xhtml1/flexbox_flex-n-1-npercent-shrink.xht e9801db1cde772faa0d7a4333b251341ff689434 ? +html/flexbox_flex-n-1-npercent.htm 86472dbb028ee99d09bd164b89e9e4bd60277249 ? +xhtml1/flexbox_flex-n-1-npercent.xht 86472dbb028ee99d09bd164b89e9e4bd60277249 ? +html/flexbox_flex-n-1.htm 9485844a3cf9c1e8a5b0ffd57c6996ef55bc0c7f ? +xhtml1/flexbox_flex-n-1.xht 9485844a3cf9c1e8a5b0ffd57c6996ef55bc0c7f ? +html/flexbox_flex-n-n-0-unitless.htm c04afcf615baec80fb3d99a7f46e20e074e30dc0 ? +xhtml1/flexbox_flex-n-n-0-unitless.xht c04afcf615baec80fb3d99a7f46e20e074e30dc0 ? +html/flexbox_flex-n-n-0.htm b6de38e250953a120df40d8415260746c3e00565 ? +xhtml1/flexbox_flex-n-n-0.xht b6de38e250953a120df40d8415260746c3e00565 ? +html/flexbox_flex-n-n-auto-shrink.htm 1763598bcca65bab8acf445b359b27ce5f901d4c ? +xhtml1/flexbox_flex-n-n-auto-shrink.xht 1763598bcca65bab8acf445b359b27ce5f901d4c ? +html/flexbox_flex-n-n-auto.htm 7d551cf43ee0be5c4e8cf8dad9b87fe2217b95a9 ? +xhtml1/flexbox_flex-n-n-auto.xht 7d551cf43ee0be5c4e8cf8dad9b87fe2217b95a9 ? +html/flexbox_flex-n-n-n-shrink.htm 1a23fbd0e4334e05cfcc6c6e5898fd4dc948cc99 ? +xhtml1/flexbox_flex-n-n-n-shrink.xht 1a23fbd0e4334e05cfcc6c6e5898fd4dc948cc99 ? +html/flexbox_flex-n-n-n.htm 53838788e234eaa2bb2aae9087c05e87565a6a67 ? +xhtml1/flexbox_flex-n-n-n.xht 53838788e234eaa2bb2aae9087c05e87565a6a67 ? +html/flexbox_flex-n-n-npercent-shrink.htm f7fea5157a2d5d44e69ab1083598d8323c6fdfa4 ? +xhtml1/flexbox_flex-n-n-npercent-shrink.xht f7fea5157a2d5d44e69ab1083598d8323c6fdfa4 ? +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.htm aa956d1c13675e5b4872c65d15cb2eec96eb3d8e ? +xhtml1/flexbox_flex-natural-mixed-basis.xht aa956d1c13675e5b4872c65d15cb2eec96eb3d8e ? +html/flexbox_flex-natural-variable-auto-basis.htm 7755aa9d0584d1d4ecc9f25559916eabde034e06 ? +xhtml1/flexbox_flex-natural-variable-auto-basis.xht 7755aa9d0584d1d4ecc9f25559916eabde034e06 ? +html/flexbox_flex-natural-variable-zero-basis.htm 4ba06ffb647768427b03ff4236cd122499ed14d6 ? +xhtml1/flexbox_flex-natural-variable-zero-basis.xht 4ba06ffb647768427b03ff4236cd122499ed14d6 ? +html/flexbox_flex-natural.htm e5f2206a3e7bde2995ea9a2712e0395618cec2f9 ? +xhtml1/flexbox_flex-natural.xht e5f2206a3e7bde2995ea9a2712e0395618cec2f9 ? +html/flexbox_flex-none.htm 2b468b57f1ba7761b333d2fea4637ad94516f3a4 ? +xhtml1/flexbox_flex-none.xht 2b468b57f1ba7761b333d2fea4637ad94516f3a4 ? +html/flexbox_flow-column-reverse-wrap-reverse.htm 3a1a52875ef249cd04f453e8c25f23b17f6d1a4e ? +xhtml1/flexbox_flow-column-reverse-wrap-reverse.xht 3a1a52875ef249cd04f453e8c25f23b17f6d1a4e ? +html/flexbox_flow-column-reverse-wrap.htm e4f723d93472a1e2a6b35a49a7a8685386a21c76 ? +xhtml1/flexbox_flow-column-reverse-wrap.xht e4f723d93472a1e2a6b35a49a7a8685386a21c76 ? +html/flexbox_flow-column-wrap-reverse.htm ab8eb23c3fb0f46586188fdbc98f96b6dab15165 ? +xhtml1/flexbox_flow-column-wrap-reverse.xht ab8eb23c3fb0f46586188fdbc98f96b6dab15165 ? +html/flexbox_flow-column-wrap.htm 67f44302f69c21221299dd64b0ee8d03eb88bcc0 ? +xhtml1/flexbox_flow-column-wrap.xht 67f44302f69c21221299dd64b0ee8d03eb88bcc0 ? +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 ? +xhtml1/flexbox_generated-nested-flex.xht 923485dbc0a175039a27e86323be636703775ab1 ? +html/flexbox_generated.htm 4570a214569e4838440ab3272b9ccd40a8bf26cb ? +xhtml1/flexbox_generated.xht 4570a214569e4838440ab3272b9ccd40a8bf26cb ? +html/flexbox_inline-abspos.htm 61d5bf3e1a0aedb003f2352ad445399af9fc7371 ? +xhtml1/flexbox_inline-abspos.xht 61d5bf3e1a0aedb003f2352ad445399af9fc7371 ? +html/flexbox_inline-float.htm d1f84583d42d59b3af5283cf57f99e4732bf5bb2 ? +xhtml1/flexbox_inline-float.xht d1f84583d42d59b3af5283cf57f99e4732bf5bb2 ? +html/flexbox_inline.htm 447bdde9aed536a2bcc81a5dd78c8069f4836aa6 ? +xhtml1/flexbox_inline.xht 447bdde9aed536a2bcc81a5dd78c8069f4836aa6 ? +html/flexbox_interactive_break-after-column-item.htm 304642956721c92e5c66aab76e24c48ed7a7ac8e ? +xhtml1/flexbox_interactive_break-after-column-item.xht 304642956721c92e5c66aab76e24c48ed7a7ac8e ? +html/flexbox_interactive_break-after-column-lastitem.htm 65d96b6685672dcb6fd9907b61ba0b0a3aa3ec48 ? +xhtml1/flexbox_interactive_break-after-column-lastitem.xht 65d96b6685672dcb6fd9907b61ba0b0a3aa3ec48 ? +html/flexbox_interactive_break-after-container.htm 82dab3bd0c7f4924509ff4aa10a8150e6efeeea3 ? +xhtml1/flexbox_interactive_break-after-container.xht 82dab3bd0c7f4924509ff4aa10a8150e6efeeea3 ? +html/flexbox_interactive_break-after-item.htm 54d08c8f381a9927305669118557f7d7869cff00 ? +xhtml1/flexbox_interactive_break-after-item.xht 54d08c8f381a9927305669118557f7d7869cff00 ? +html/flexbox_interactive_break-after-line-order.htm fe8b7932b1d3ebd87aa962504098e04fe5fb680b ? +xhtml1/flexbox_interactive_break-after-line-order.xht fe8b7932b1d3ebd87aa962504098e04fe5fb680b ? +html/flexbox_interactive_break-after-line.htm 2c34be8807d4fc0b1eb9bbf8d23bcb473fa6f257 ? +xhtml1/flexbox_interactive_break-after-line.xht 2c34be8807d4fc0b1eb9bbf8d23bcb473fa6f257 ? +html/flexbox_interactive_break-after-multiline.htm 45862a4976955823caba41dbbc8a7e60a04bf85c ? +xhtml1/flexbox_interactive_break-after-multiline.xht 45862a4976955823caba41dbbc8a7e60a04bf85c ? +html/flexbox_interactive_break-before-column-firstitem.htm 871a582c33863ac45cfae148038d31bdf5553dc4 ? +xhtml1/flexbox_interactive_break-before-column-firstitem.xht 871a582c33863ac45cfae148038d31bdf5553dc4 ? +html/flexbox_interactive_break-before-column-item.htm e9a5ff71057107022bf92650cf0ed8172403ac0a ? +xhtml1/flexbox_interactive_break-before-column-item.xht e9a5ff71057107022bf92650cf0ed8172403ac0a ? +html/flexbox_interactive_break-before-container.htm 239498c520095cec14d60797ea8d7e9a35543f08 ? +xhtml1/flexbox_interactive_break-before-container.xht 239498c520095cec14d60797ea8d7e9a35543f08 ? +html/flexbox_interactive_break-before-item.htm 435666423a8c83d3ee5dca774520415502bf56ac ? +xhtml1/flexbox_interactive_break-before-item.xht 435666423a8c83d3ee5dca774520415502bf56ac ? +html/flexbox_interactive_break-before-multiline.htm c96b1f8acd4bf7face8ef803ee75e620a13b5f5a ? +xhtml1/flexbox_interactive_break-before-multiline.xht c96b1f8acd4bf7face8ef803ee75e620a13b5f5a ? +html/flexbox_interactive_break-natural.htm 95b728c56f73995c8ee9faf697a0f92d373361e4 ? +xhtml1/flexbox_interactive_break-natural.xht 95b728c56f73995c8ee9faf697a0f92d373361e4 ? +html/flexbox_interactive_flex-basis-transitions.htm 0b59632675e0edf79dbd624d20cb12d4f6f0b92a ? +xhtml1/flexbox_interactive_flex-basis-transitions.xht 0b59632675e0edf79dbd624d20cb12d4f6f0b92a ? +html/flexbox_interactive_flex-grow-transitions.htm 5950cd52081f211958007b5fb2f4c08b7d988897 ? +xhtml1/flexbox_interactive_flex-grow-transitions.xht 5950cd52081f211958007b5fb2f4c08b7d988897 ? +html/flexbox_interactive_flex-shrink-transitions-invalid.htm 029b94fb0009fd56112dbbb9c479c2de6546bbec ? +xhtml1/flexbox_interactive_flex-shrink-transitions-invalid.xht 029b94fb0009fd56112dbbb9c479c2de6546bbec ? +html/flexbox_interactive_flex-shrink-transitions.htm 8cbe77a73578c25c4d74979c1ecac99ead4ce1b3 ? +xhtml1/flexbox_interactive_flex-shrink-transitions.xht 8cbe77a73578c25c4d74979c1ecac99ead4ce1b3 ? +html/flexbox_interactive_flex-transitions.htm 98c05b6bd6b338a038c5362093cf6e7d7020d487 ? +xhtml1/flexbox_interactive_flex-transitions.xht 98c05b6bd6b338a038c5362093cf6e7d7020d487 ? +html/flexbox_interactive_order-transitions-2.htm 62248d50bcde1015eda4ca16427e1abbc9c9cfbd ? +xhtml1/flexbox_interactive_order-transitions-2.xht 62248d50bcde1015eda4ca16427e1abbc9c9cfbd ? +html/flexbox_interactive_order-transitions.htm 214780c7dc0f1b75783e2473df974242cf33b27b ? +xhtml1/flexbox_interactive_order-transitions.xht 214780c7dc0f1b75783e2473df974242cf33b27b ? +html/flexbox_interactive_paged-overflow-2.htm e576d963d8ace2457367d31dd0fed5a4114263c5 ? +xhtml1/flexbox_interactive_paged-overflow-2.xht e576d963d8ace2457367d31dd0fed5a4114263c5 ? +html/flexbox_interactive_paged-overflow.htm ca50e5fbf668c9ad96785c216f2bc48bee60817a ? +xhtml1/flexbox_interactive_paged-overflow.xht ca50e5fbf668c9ad96785c216f2bc48bee60817a ? +html/flexbox_item-bottom-float.htm 22e933046eec25d816d28599a9ddea7b4fc77f80 ? +xhtml1/flexbox_item-bottom-float.xht 22e933046eec25d816d28599a9ddea7b4fc77f80 ? +html/flexbox_item-clear.htm e6922f27945b356a00ceddff48e903f98003dfc1 ? +xhtml1/flexbox_item-clear.xht e6922f27945b356a00ceddff48e903f98003dfc1 ? +html/flexbox_item-float.htm d31c1c1d2fd199b5ebd893a41743b609f447aafb ? +xhtml1/flexbox_item-float.xht d31c1c1d2fd199b5ebd893a41743b609f447aafb ? +html/flexbox_item-top-float.htm 66a1696ea03793dc3b4f2e83d16d5cebd4c03043 ? +xhtml1/flexbox_item-top-float.xht 66a1696ea03793dc3b4f2e83d16d5cebd4c03043 ? +html/flexbox_item-vertical-align.htm 9f7f65b6d5c2f7db187c868a19cdd6f43c7a76e0 ? +xhtml1/flexbox_item-vertical-align.xht 9f7f65b6d5c2f7db187c868a19cdd6f43c7a76e0 ? +html/flexbox_justifycontent-center-overflow.htm ba28eb71271b25875950d1e0b3c8c284bd96a1a8 ? +xhtml1/flexbox_justifycontent-center-overflow.xht ba28eb71271b25875950d1e0b3c8c284bd96a1a8 ? +html/flexbox_justifycontent-center.htm 85f72a2bced67083599dee04a8289b965f9b47fb ? +xhtml1/flexbox_justifycontent-center.xht 85f72a2bced67083599dee04a8289b965f9b47fb ? +html/flexbox_justifycontent-flex-end.htm 34076d6bd39f80d59b5172360d3ccf221ccd58fa ? +xhtml1/flexbox_justifycontent-flex-end.xht 34076d6bd39f80d59b5172360d3ccf221ccd58fa ? +html/flexbox_justifycontent-flex-start.htm b52111f2c139731338587830dc70e6ab461d0254 ? +xhtml1/flexbox_justifycontent-flex-start.xht b52111f2c139731338587830dc70e6ab461d0254 ? +html/flexbox_justifycontent-spacearound-negative.htm 203f226bc6afc7cc3bfe350b3ff3a0bb30b4265b ? +xhtml1/flexbox_justifycontent-spacearound-negative.xht 203f226bc6afc7cc3bfe350b3ff3a0bb30b4265b ? +html/flexbox_justifycontent-spacearound-only.htm 4afd4f4f5ce29214ce356232e179bdaf6c61ef15 ? +xhtml1/flexbox_justifycontent-spacearound-only.xht 4afd4f4f5ce29214ce356232e179bdaf6c61ef15 ? +html/flexbox_justifycontent-spacearound.htm eb7020c85649762eb4e5d8a7dffdec8d6ea02ac7 ? +xhtml1/flexbox_justifycontent-spacearound.xht eb7020c85649762eb4e5d8a7dffdec8d6ea02ac7 ? +html/flexbox_justifycontent-spacebetween-negative.htm 6f05ec51b2a0e8b9423cd0a3aac892cb43556afe ? +xhtml1/flexbox_justifycontent-spacebetween-negative.xht 6f05ec51b2a0e8b9423cd0a3aac892cb43556afe ? +html/flexbox_justifycontent-spacebetween-only.htm 65e5fd01457673dc2258165b34a51580ad9df99b ? +xhtml1/flexbox_justifycontent-spacebetween-only.xht 65e5fd01457673dc2258165b34a51580ad9df99b ? +html/flexbox_justifycontent-spacebetween.htm 790f5ca49247275ae96337c8531e68b69198dd98 ? +xhtml1/flexbox_justifycontent-spacebetween.xht 790f5ca49247275ae96337c8531e68b69198dd98 ? +html/flexbox_margin-auto-overflow-2.htm 4254fbcce87139219739456302d94f8d2bd72768 ? +xhtml1/flexbox_margin-auto-overflow-2.xht 4254fbcce87139219739456302d94f8d2bd72768 ? +html/flexbox_margin-auto-overflow.htm 6f2a82f574c6bb669cb11b2531b947c0821a9e12 ? +xhtml1/flexbox_margin-auto-overflow.xht 6f2a82f574c6bb669cb11b2531b947c0821a9e12 ? +html/flexbox_margin-auto.htm 5521b0c98d91809a0b1a73fd45a895585bce054d ? +xhtml1/flexbox_margin-auto.xht 5521b0c98d91809a0b1a73fd45a895585bce054d ? +html/flexbox_margin-collapse.htm 6aa64150b93c317b76e5a43a41b62ca3c833b912 ? +xhtml1/flexbox_margin-collapse.xht 6aa64150b93c317b76e5a43a41b62ca3c833b912 ? +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 ? +xhtml1/flexbox_object.xht 5b8622fb8a69aa78e7cb37ccaa7af3be17c742cb ? +html/flexbox_order-abspos-space-around.htm bd6d487a106559771331579297b95acbfb6a8577 ? +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.htm d345977eb697f0d70940b814f7aa1414434b9722 ? +xhtml1/flexbox_order.xht d345977eb697f0d70940b814f7aa1414434b9722 ? +html/flexbox_rowspan-overflow-automatic.htm fc0765593c796aadb31bf2941c832e30abd3b3f4 ? +xhtml1/flexbox_rowspan-overflow-automatic.xht fc0765593c796aadb31bf2941c832e30abd3b3f4 ? +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_stf-abspos.htm e24fd8fe7d5bb6185a8c3d779c5197f0ca812d80 ? +xhtml1/flexbox_stf-abspos.xht e24fd8fe7d5bb6185a8c3d779c5197f0ca812d80 ? +html/flexbox_stf-fixpos.htm 033527b57604643b6c44febdccd54cd5a8a07007 ? +xhtml1/flexbox_stf-fixpos.xht 033527b57604643b6c44febdccd54cd5a8a07007 ? +html/flexbox_stf-float.htm 0159cfa2484cb57804d9cbe5362a0fc2eea3bad2 ? +xhtml1/flexbox_stf-float.xht 0159cfa2484cb57804d9cbe5362a0fc2eea3bad2 ? +html/flexbox_stf-inline-block.htm 4259e59c7a0f8702f3efb86b6206dda1ab15e28a ? +xhtml1/flexbox_stf-inline-block.xht 4259e59c7a0f8702f3efb86b6206dda1ab15e28a ? +html/flexbox_stf-table-caption.htm aa5a9f67f5ab984f96651c0a8281ee513a851606 ? +xhtml1/flexbox_stf-table-caption.xht aa5a9f67f5ab984f96651c0a8281ee513a851606 ? +html/flexbox_stf-table-cell.htm 231f41d8099988fe657d4496d81e0908186bf2e9 ? +xhtml1/flexbox_stf-table-cell.xht 231f41d8099988fe657d4496d81e0908186bf2e9 ? +html/flexbox_stf-table-row-group.htm 9334c8af34947e8cba82c8fdb88ef06b7008d3e0 ? +xhtml1/flexbox_stf-table-row-group.xht 9334c8af34947e8cba82c8fdb88ef06b7008d3e0 ? +html/flexbox_stf-table-row.htm 67b11fb222418056fe51cf31853fda0e49e356fa ? +xhtml1/flexbox_stf-table-row.xht 67b11fb222418056fe51cf31853fda0e49e356fa ? +html/flexbox_stf-table-singleline-2.htm 6d3e465bc8358e7f24b9b957bac0afde8dea3452 ? +xhtml1/flexbox_stf-table-singleline-2.xht 6d3e465bc8358e7f24b9b957bac0afde8dea3452 ? +html/flexbox_stf-table-singleline.htm 57b142b09c1767a18bee353bd37a339a23f8d94b ? +xhtml1/flexbox_stf-table-singleline.xht 57b142b09c1767a18bee353bd37a339a23f8d94b ? +html/flexbox_stf-table.htm 570daa9307011b2b9db1b35536e7e3cfcc4add84 ? +xhtml1/flexbox_stf-table.xht 570daa9307011b2b9db1b35536e7e3cfcc4add84 ? +html/flexbox_table-fixed-layout.htm 7eedea681ea117d880fcb4f73295f125942e9034 ? +xhtml1/flexbox_table-fixed-layout.xht 7eedea681ea117d880fcb4f73295f125942e9034 ? +html/flexbox_visibility-collapse-line-wrapping.htm cdc89f83b4d48e51b216e749ff461b2ff4ee3072 ? +xhtml1/flexbox_visibility-collapse-line-wrapping.xht cdc89f83b4d48e51b216e749ff461b2ff4ee3072 ? +html/flexbox_visibility-collapse.htm ebd5212b72efc42fda270e6c11e70f664e37c0d3 ? +xhtml1/flexbox_visibility-collapse.xht ebd5212b72efc42fda270e6c11e70f664e37c0d3 ? +html/flexbox_width-overflow.htm 1db0a2ff3d40ee724ef3e0bca628fe0d91235a29 ? +xhtml1/flexbox_width-overflow.xht 1db0a2ff3d40ee724ef3e0bca628fe0d91235a29 ? +html/flexbox_wrap-long.htm 822533ba3456a2cd31d24d1c9b8a495ff422319b ? +xhtml1/flexbox_wrap-long.xht 822533ba3456a2cd31d24d1c9b8a495ff422319b ? +html/flexbox_wrap-reverse.htm d9720447cf718c4c142a9f6ea012f0dd181283b1 ? +xhtml1/flexbox_wrap-reverse.xht d9720447cf718c4c142a9f6ea012f0dd181283b1 ? +html/flexbox_wrap.htm 7db5c112d5eec4bd9f8ba96bcaf532ffc522689c ? +xhtml1/flexbox_wrap.xht 7db5c112d5eec4bd9f8ba96bcaf532ffc522689c ? +html/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom.htm 17cc4246ed20d7ad8f42d438b996f6c009552a61 ? +xhtml1/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom.xht 17cc4246ed20d7ad8f42d438b996f6c009552a61 ? +html/flexible-box-float.htm 71056b40e8e41321e7463d829d634027549c42c8 ? +xhtml1/flexible-box-float.xht 71056b40e8e41321e7463d829d634027549c42c8 ? +html/flexible-order.htm ce262f5831c1c4e1021f8acf04611c4df8a05461 ? +xhtml1/flexible-order.xht ce262f5831c1c4e1021f8acf04611c4df8a05461 ? +html/justify-content-001.htm e103fe066163fdb6f14428ff0469211e802a5545 ? +xhtml1/justify-content-001.xht e103fe066163fdb6f14428ff0469211e802a5545 ? +html/justify-content-002.htm 26934eb3e05268678cb72c6d95a332f839ce096b ? +xhtml1/justify-content-002.xht 26934eb3e05268678cb72c6d95a332f839ce096b ? +html/justify-content-003.htm cd35996b3ada0401475d8140423b42d4be15201e ? +xhtml1/justify-content-003.xht cd35996b3ada0401475d8140423b42d4be15201e ? +html/justify-content-004.htm 77e91723b8f898c2fb2db46445b4f008ba8ac620 ? +xhtml1/justify-content-004.xht 77e91723b8f898c2fb2db46445b4f008ba8ac620 ? +html/justify-content-005.htm 5a7ae2fc33ab0f0546741a1cc476f2c1e1d49043 ? +xhtml1/justify-content-005.xht 5a7ae2fc33ab0f0546741a1cc476f2c1e1d49043 ? +html/justify-content_center.htm eaf8ec015436a0b10ae221f99eb2d8611bc15333 ? +xhtml1/justify-content_center.xht eaf8ec015436a0b10ae221f99eb2d8611bc15333 ? +html/justify-content_flex-end.htm e391f329caed4a09eb625184036f20d2ed237f89 ? +xhtml1/justify-content_flex-end.xht e391f329caed4a09eb625184036f20d2ed237f89 ? +html/justify-content_flex-start.htm b2d8a2db40369225f983831fe7e3764ae9bd7a1e ? +xhtml1/justify-content_flex-start.xht b2d8a2db40369225f983831fe7e3764ae9bd7a1e ? +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-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-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-row-reverse.htm 379d0daab60067a9fb6157277ec463b4ac66a1f1 ? +xhtml1/order-with-row-reverse.xht 379d0daab60067a9fb6157277ec463b4ac66a1f1 ? +html/order_value.htm f5d773d782a1400c848d447eab95274ed8b8fbb2 ? +xhtml1/order_value.xht f5d773d782a1400c848d447eab95274ed8b8fbb2 ? +html/regions-flexbox-001.htm 83b83da5bb4c67dc08a884dae60037b691e4d41a ? +xhtml1/regions-flexbox-001.xht 83b83da5bb4c67dc08a884dae60037b691e4d41a ? +html/regions-flexbox-002.htm 05d54663ad42f6429f76ada029189b86a5714cbd ? +xhtml1/regions-flexbox-002.xht 05d54663ad42f6429f76ada029189b86a5714cbd ? +html/regions-flexbox-003.htm 2736ca78203b295f9fec24c368ea4beadc2ea6ae ? +xhtml1/regions-flexbox-003.xht 2736ca78203b295f9fec24c368ea4beadc2ea6ae ? +html/regions-flexbox-004.htm b2c866b6178383b319e3f78db28d3dbe2bd40bd3 ? +xhtml1/regions-flexbox-004.xht b2c866b6178383b319e3f78db28d3dbe2bd40bd3 ? +html/row-flexbox-break.htm 6a5465888880560af82a53de8f5d7f4764197ecd ? +xhtml1/row-flexbox-break.xht 6a5465888880560af82a53de8f5d7f4764197ecd ? +html/ttwf-reftest-flex-align-content-center.htm 70cf594ac3554827c881644aaa1d282400d9275f ? +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-between.htm 3913f63bb373edde072e12c44a2211830cd4f1d7 ? +xhtml1/ttwf-reftest-flex-align-content-space-between.xht 3913f63bb373edde072e12c44a2211830cd4f1d7 ? +html/ttwf-reftest-flex-align-content-start.htm d9579a3b26825e87897486a6e98d115d67e3e56e ? +xhtml1/ttwf-reftest-flex-align-content-start.xht d9579a3b26825e87897486a6e98d115d67e3e56e ? +html/ttwf-reftest-flex-base.htm 09cd8d806fdea0d80f53d47755e6142bc5949bad ? +xhtml1/ttwf-reftest-flex-base.xht 09cd8d806fdea0d80f53d47755e6142bc5949bad ? +html/ttwf-reftest-flex-direction-column-reverse.htm dd7661f0825e7ffc18333899ba88a572498717e9 ? +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-wrap-reverse.htm ed8cc9b7b77eccf97ceba22b903b26ae3aa38e09 ? +xhtml1/ttwf-reftest-flex-wrap-reverse.xht ed8cc9b7b77eccf97ceba22b903b26ae3aa38e09 ? +html/ttwf-reftest-flex-wrap.htm 6711a164362418be2fcd9c0212837ddd96134a16 ? +xhtml1/ttwf-reftest-flex-wrap.xht 6711a164362418be2fcd9c0212837ddd96134a16 ? +html/visibility-collapse-001.htm e3a914d7e3c7ff2a5e898eaf67dff3041dda16fc ? +xhtml1/visibility-collapse-001.xht e3a914d7e3c7ff2a5e898eaf67dff3041dda16fc ? +html/visibility-collapse-002.htm 73a4a6c9327acbd5cdfc39f621a7fdd6c1108d64 ? +xhtml1/visibility-collapse-002.xht 73a4a6c9327acbd5cdfc39f621a7fdd6c1108d64 ? +html/visibility-regions-in-flexbox.htm ac60324f0beee9f824fcec5826dab5393f01cf81 ? +xhtml1/visibility-regions-in-flexbox.xht ac60324f0beee9f824fcec5826dab5393f01cf81 ? 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 5c5f9b97aa7..3c6c5d9c4b3 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data +++ b/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data @@ -79,7 +79,6 @@ flex-basis-006 reference/ref-filled-green-100px-square flex-basis - 0% http://w flex-basis-007 reference/ref-filled-green-100px-square flex-basis - auto http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis 2d1b30c5b772e87ba0ccb74ab319a3fe20cb2c06 `http://www.intel.com`<Intel>,`mailto:shiyoux.tan@intel.com`<Intel> The 'flex-basis' property set 'auto', the actual width of tested element same as the value which specified by width property. flex-basis-008 reference/ref-filled-green-100px-square flex-basis - 50% http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis 09979a1d088a61b54658fb8c6c0cf2c5f8fcf23a `http://www.intel.com`<Intel>,`mailto:shiyoux.tan@intel.com`<Intel> The 'flex-basis' property set positive percentage, the actual width of tested element same as the percentage of flex container size. flex-box-wrap reference/flex-box-wrap-ref flex-wrap: wrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 9d6a4d6440cb23bae63e478580d061d47ffba194 `Tsuyoshi Tokuda`<mailto:tokuda109@gmail.com> the test passes if you see green box. -flex-container-margin reference/flex-container-margin-ref flex-container-margin-not-collapse-with-content-margin http://dev.w3.org/csswg/css-flexbox-1/#item-margins 2fa6965403b2eaad6903e8bd8e8925ac5ed49739 `houzhenyu`<http://www.github.com/sskyy> The margins of adjacent flex items do not collapse. flex-direction reference/flex-direction flex flow direction http://www.w3.org/TR/css-flexbox-1/#flex-direction a766d53d70193da1a751a9b50c249bdbfad42047 `houzhenyu`<http://www.github.com/sskyy> The flow of flex items in the the flex container should observe the flex-direction property. flex-direction-column-reverse flex-direction: column-reverse swaps main start and end directions http://www.w3.org/TR/css-flexbox-1/#flex-direction 4e5f9ded45793abc3c57aa37fd7a18a10c394a34 `Sylvain Galineau`<mailto:galineau@adobe.com> This test checks that column-reverse flex-direction swaps the main start and main end directions flex-direction-modify reference/flex-direction-modify flex flow direction http://www.w3.org/TR/css-flexbox-1/#flex-direction 3b720e9b64459c43328b05d707190079a2faf3d4 `houzhenyu`<http://www.github.com/sskyy> Changing 'flex-direction' with JavaScript and then changing it back should returns to the original look. @@ -112,7 +111,7 @@ flex-grow-004 reference/ref-filled-green-100px-square flex-grow - (invalid when 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-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 37bc5797499c028f35865fccd13c80ad82260ced `Ping Huang`<mailto:phuangce@gmail.com> The vertical gap between two green boxs should be 100px. +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-order reference/flex-order-ref flex order http://www.w3.org/TR/css-flexbox-1/#order-property bf51cba5b8e6bd78dbbf772b53f2a1170abcb6aa `Mitsuteru Sawa`<mailto:mitsuteru.s@gmail.com> ordered flex items should ordered properly flex-shrink-001 reference/ref-filled-green-100px-square flex-shrink - number(positive) http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink f27d600fc7863c3d4c3fc3b4e4bc8cc7f58cdbae `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> The flex-shrink property set positive number determines how much the flex item will shrink relative to the rest of the flex items in the flex container when negative free space is distributed flex-shrink-002 reference/ref-filled-green-100px-square flex-shrink - number(negative) http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink 49884ece59d09eb5cd9a4d9228d62478cdaf3179 `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> The flex-shrink property set negative is invalid to shrink flex items when negative free space is distributed @@ -277,6 +276,15 @@ flexbox-whitespace-handling-002 reference/flexbox-whitespace-handling-002-ref Te flexbox-with-pseudo-elements-001 reference/flexbox-with-pseudo-elements-001-ref Testing that generated content nodes are treated as a flex items http://www.w3.org/TR/css-flexbox-1/#flex-items 840f23805278348fabc43767fbda8357c1e58b8a `Daniel Holbert`<mailto:dholbert@mozilla.com> flexbox-with-pseudo-elements-002 reference/flexbox-with-pseudo-elements-002-ref Testing that generated content nodes are treated as a flex items, and honor 'order' http://www.w3.org/TR/css-flexbox-1/#flex-items 1131841b5d5f11eac2b9e81fc6f4358d418a6f2f `Daniel Holbert`<mailto:dholbert@mozilla.com> flexbox-with-pseudo-elements-003 reference/flexbox-with-pseudo-elements-003-ref Testing that generated content nodes with table-part display types are wrapped with an anonymous table, which forms a flex item http://www.w3.org/TR/css-flexbox-1/#flex-items 58e927b1ff3432b60ab48838cd47f1ec1b3fd0d2 `Daniel Holbert`<mailto:dholbert@mozilla.com> +flexbox-writing-mode-001 reference/flexbox-writing-mode-001-ref Try various flex-flow values, with 'direction: ltr' and 'writing-mode: horizontal-tb' http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction a8724a8de3bd951d06e289fb86dbadc70a885d22 `Daniel Holbert`<mailto:dholbert@mozilla.com> +flexbox-writing-mode-002 reference/flexbox-writing-mode-002-ref Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-rl' http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction 0952e87b8e95154bbb469d828c79b8c7e02df63b `Daniel Holbert`<mailto:dholbert@mozilla.com> +flexbox-writing-mode-003 reference/flexbox-writing-mode-003-ref Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-lr' http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction c64a448ab00761be9fc61d430a293f990e0b26ca `Daniel Holbert`<mailto:dholbert@mozilla.com> +flexbox-writing-mode-004 reference/flexbox-writing-mode-004-ref Try various flex-flow values, with 'direction: rtl' and 'writing-mode: horizontal-tb' http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction 7a76373f9e4463a60d455d60458eb4c96228a8a9 `Daniel Holbert`<mailto:dholbert@mozilla.com> +flexbox-writing-mode-005 reference/flexbox-writing-mode-005-ref Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-rl' http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction c3e3b5768870e7b43b47714a41ea9014831b1f3a `Daniel Holbert`<mailto:dholbert@mozilla.com> +flexbox-writing-mode-006 reference/flexbox-writing-mode-006-ref Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-lr' http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction f31aad810265610875f37bfd2499c838362e8b87 `Daniel Holbert`<mailto:dholbert@mozilla.com> +flexbox-writing-mode-007 reference/flexbox-writing-mode-007-ref Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode http://www.w3.org/TR/css-flexbox-1/#layout-algorithm,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 0557a81af23da4d969bce70f840968a7d5947006 `Daniel Holbert`<mailto:dholbert@mozilla.com> +flexbox-writing-mode-008 reference/flexbox-writing-mode-008-ref Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode http://www.w3.org/TR/css-flexbox-1/#layout-algorithm,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode aaac3dcddfec40e5c67ae479e0df2184ddec82d2 `Daniel Holbert`<mailto:dholbert@mozilla.com> +flexbox-writing-mode-009 reference/flexbox-writing-mode-009-ref Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode http://www.w3.org/TR/css-flexbox-1/#layout-algorithm,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 931b9d02203e63cacec94a45b450d721c5222706 `Daniel Holbert`<mailto:dholbert@mozilla.com> flexbox_absolute-atomic reference/flexbox_absolute-atomic-ref flexbox | abspos atomic flexitems http://www.w3.org/TR/css-flexbox-1/#abspos-items 4d9971a3b967bf248f369162f61f772bac64343c `Opera Software`<http://opera.com> flexbox_align-content-center reference/flexbox_align-content-center-ref flexbox | align-content: center http://www.w3.org/TR/css-flexbox-1/#align-content-property 482657e32368cdcc32e8ea890a7146c06b5e5e8c `Opera Software`<http://opera.com> flexbox_align-content-flexend reference/flexbox_align-content-flexend-ref flexbox | align-content: flex-end http://www.w3.org/TR/css-flexbox-1/#align-content-property 59391d7952417cd2922c6ef2e31792a17abb4336 `Opera Software`<http://opera.com> @@ -593,23 +601,23 @@ multi-line-wrap-with-row-reverse reference/multi-line-wrap-with-row-reverse-ref 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-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 http://www.w3.org/TR/css-flexbox-1/#propdef-order 0dec65c73fd249e88fdc89f5f02ff285b29bb5a3 `Intel`<http://www.intel.com> Check if the web engine can indentify order property. +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/#the-flow-from-property,http://www.w3.org/TR/css-flexbox-1/#flex-containers 83b83da5bb4c67dc08a884dae60037b691e4d41a `Catalin Badea`<mailto:badea@adobe.com> Test that flex containers are flowed inside a namedflow. regions-flexbox-002 reference/regions-flexbox-001-ref CSS Regions: flowing auto-height flexbox elements in region ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#the-flow-from-property,http://www.w3.org/TR/css-flexbox-1/#flex-containers 05d54663ad42f6429f76ada029189b86a5714cbd `Catalin Badea`<mailto:badea@adobe.com> Test that flex containers with auto height are flowed inside a namedflow. regions-flexbox-003 reference/regions-flexbox-001-ref CSS Regions: fixed sized region inside a fixed sized flexbox ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#the-flow-from-property,http://www.w3.org/TR/css-flexbox-1/#flex-containers 2736ca78203b295f9fec24c368ea4beadc2ea6ae `Catalin Badea`<mailto:badea@adobe.com> Test that content is flowed in a region placed inside a flexbox. regions-flexbox-004 reference/regions-flexbox-002-ref CSS Regions: fixed sized region inside an auto height flexbox ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#the-flow-from-property,http://www.w3.org/TR/css-flexbox-1/#flex-containers b2c866b6178383b319e3f78db28d3dbe2bd40bd3 `Catalin Badea`<mailto:badea@adobe.com> Test that content is flowed in a region placed inside a flexbox with auto-height. 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/#the-flow-from-property,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm,http://www.w3.org/TR/css-flexbox-1/#pagination 6a5465888880560af82a53de8f5d7f4764197ecd `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 proprety - center http://www.w3.org/TR/css-flexbox-1/#align-content-property f8ef0062ade6ca83b56604d26dc7b2f6f0b5ba51 `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 proprety - flex-end http://www.w3.org/TR/css-flexbox-1/#align-content-property b2c081cf9c951098d26c2c15f0fb495f47a27fb2 `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-end-ref align-content proprety - flex-end http://www.w3.org/TR/css-flexbox-1/#align-content-property 7a36ed9c1c7e84b2617eac6e9368d154d7f947b5 `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-end-ref align-content proprety - flex-end http://www.w3.org/TR/css-flexbox-1/#align-content-property a60b29d1cf293660cffd21ff50af8b21e315d8d7 `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-end-ref align-content proprety - flex-end http://www.w3.org/TR/css-flexbox-1/#align-content-property 7869f22c9d171cb4ebd06c6b8f94da4d41e827fc `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting +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-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-ref flex-direction proprety - column-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 88543733285c5dee0643cec088835baf4c36baa7 `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 51c38775c9e6a6cdd145a6ee5dbcfbe33b069d59 `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-wrap reference/ttwf-reftest-flex-inline-ref flex-wrap proprety - wrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap c625d8124bcc515404e69241f83277a09dc53442 `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. visibility-collapse-002 A flex item with the 'visibility' property set to 'collapse' should be large enough to fit the collapsed item http://www.w3.org/TR/css-flexbox-1/#visibility-collapse 73a4a6c9327acbd5cdfc39f621a7fdd6c1108d64 `Microsoft`<http://www.microsoft.com/> This test checks that the cross size of a line of flex items containing an item with 'visbility: collapse' is large enough to fit the collapsed item. diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-1.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-1.xht index 86f94427de5..e666d4aadaa 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-1.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-1.xht @@ -56,12 +56,6 @@ </td> </tr> </tbody> - <tbody id="s1.3"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s1.3">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#values">1.3 Values</a></th></tr> - <!-- 0 tests --> - </tbody> </table> </body> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-10.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-10.xht index 35908a48f61..5698a6995a2 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-10.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-10.xht @@ -170,12 +170,54 @@ <a href="http://www.w3.org/TR/css-flexbox-1/#pagination-algo">10.1 Sample Flex Fragmentation Algorithm</a></th></tr> <!-- 0 tests --> </tbody> + <tbody id="s10.1.#example-bb213bd3"> + <!-- 0 tests --> + </tbody> <tbody id="s.#abstract"> <!-- 0 tests --> </tbody> <tbody id="s.#acknowledgments"> <!-- 0 tests --> </tbody> + <tbody id="s.#biblio-css-align-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-break-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-cascade-4"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-display-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-images-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-overflow-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-position-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-pseudo-4"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-sizing-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-text-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-ui-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-values-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-writing-modes-3"> + <!-- 0 tests --> + </tbody> <tbody id="s.#biblio-css21"> <!-- 0 tests --> </tbody> @@ -185,16 +227,19 @@ <tbody id="s.#biblio-css3-break"> <!-- 0 tests --> </tbody> + <tbody id="s.#biblio-css3-display"> + <!-- 0 tests --> + </tbody> <tbody id="s.#biblio-css3-sizing"> <!-- 0 tests --> </tbody> <tbody id="s.#biblio-css3-writing-modes"> <!-- 0 tests --> </tbody> - <tbody id="s.#biblio-css3ui"> + <tbody id="s.#biblio-css3col"> <!-- 0 tests --> </tbody> - <tbody id="s.#biblio-css3val"> + <tbody id="s.#biblio-css3ui"> <!-- 0 tests --> </tbody> <tbody id="s.#biblio-html40"> @@ -290,6 +335,48 @@ <tbody id="s.#change-201403-substantive"> <!-- 0 tests --> </tbody> + <tbody id="s.#change-201409-algo-breaks"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-align-content-wrapping"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-clamped-specified"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-clarify"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-content"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-display-longhands"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-flexed-definite-container"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-inner-base-size"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-layout-vs-size"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-min-auto-specified-size"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-neither"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-substantive"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-table-wrappers"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-unclamped-size"> + <!-- 0 tests --> + </tbody> <tbody id="s.#changes"> <!-- 0 tests --> </tbody> @@ -305,6 +392,9 @@ <tbody id="s.#changes-201403"> <!-- 0 tests --> </tbody> + <tbody id="s.#changes-201409"> + <!-- 0 tests --> + </tbody> <tbody id="s.#clarify-2012-abspos-items"> <!-- 0 tests --> </tbody> @@ -353,16 +443,28 @@ <tbody id="s.#conventions"> <!-- 0 tests --> </tbody> + <tbody id="s.#example-0401c357"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#example-cd819179"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#example-f839f6c8"> + <!-- 0 tests --> + </tbody> <tbody id="s.#experimental"> <!-- 0 tests --> </tbody> <tbody id="s.#index"> <!-- 0 tests --> </tbody> - <tbody id="s.#informative"> + <tbody id="s.#index-defined-elsewhere"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#index-defined-here"> <!-- 0 tests --> </tbody> - <tbody id="s.#issues-index"> + <tbody id="s.#informative"> <!-- 0 tests --> </tbody> <tbody id="s.#normative"> 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 f26ada2c884..43d4130d34f 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 @@ -42,16 +42,16 @@ <tbody id="s2.#cross-dimension"> <!-- 0 tests --> </tbody> - <tbody id="s2.#cross-end"> - <!-- 0 tests --> - </tbody> <tbody id="s2.#cross-size"> <!-- 0 tests --> </tbody> <tbody id="s2.#cross-size-property"> <!-- 0 tests --> </tbody> - <tbody id="s2.#cross-start"> + <tbody id="s2.#cross_end"> + <!-- 0 tests --> + </tbody> + <tbody id="s2.#cross_start"> <!-- 0 tests --> </tbody> <tbody id="s2.#flex-container"> @@ -372,16 +372,16 @@ <tbody id="s2.#main-dimension"> <!-- 0 tests --> </tbody> - <tbody id="s2.#main-end"> - <!-- 0 tests --> - </tbody> <tbody id="s2.#main-size"> <!-- 0 tests --> </tbody> <tbody id="s2.#main-size-property"> <!-- 0 tests --> </tbody> - <tbody id="s2.#main-start"> + <tbody id="s2.#main_end"> + <!-- 0 tests --> + </tbody> + <tbody id="s2.#main_start"> <!-- 0 tests --> </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 80bbd705885..e3bf234bbb8 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 (58 tests)</h2> + <h2>Flex Items (57 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -231,6 +231,12 @@ </td> </tr> </tbody> + <tbody id="s4.#example-f7107939"> + <!-- 0 tests --> + </tbody> + <tbody id="s4.#flex_level"> + <!-- 0 tests --> + </tbody> <tbody id="s4.#table-items"> <!-- 0 tests --> </tbody> @@ -272,25 +278,17 @@ </td> </tr> </tbody> - <tbody id="s4.1.#static-position-rectangle"> + <tbody id="s4.1.#example-5860ae02"> + <!-- 0 tests --> + </tbody> + <tbody id="s4.1.#static_position-rectangle"> <!-- 0 tests --> </tbody> <tbody id="s4.2"> <tr><th colspan="4" scope="rowgroup"> <a href="#s4.2">+</a> <a href="http://www.w3.org/TR/css-flexbox-1/#item-margins">4.2 Flex Item Margins and Paddings</a></th></tr> - <!-- 3 tests --> - <tr id="flex-container-margin-4.2" class="primary"> - <td><strong> - <a href="flex-container-margin.xht">flex-container-margin</a></strong></td> - <td><a href="reference/flex-container-margin-ref.xht">=</a> </td> - <td></td> - <td>flex-container-margin-not-collapse-with-content-margin - <ul class="assert"> - <li>The margins of adjacent flex items do not collapse.</li> - </ul> - </td> - </tr> + <!-- 2 tests --> <tr id="flex-margin-no-collapse-4.2" class=""> <td> <a href="flex-margin-no-collapse.xht">flex-margin-no-collapse</a></td> @@ -423,6 +421,9 @@ <tbody id="s4.4.#collapsed-flex-item"> <!-- 0 tests --> </tbody> + <tbody id="s4.4.#example-f6817be4"> + <!-- 0 tests --> + </tbody> <tbody id="s4.4.#nav-about"> <!-- 0 tests --> </tbody> @@ -572,7 +573,7 @@ <tbody id="s4.5.#min-size-opt"> <!-- 0 tests --> </tbody> - <tbody id="s4.5.#valdef-min-width-min-height-auto"> + <tbody id="s4.5.#valdef-min-width-auto"> <!-- 0 tests --> </tbody> </table> 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 e416d9b40a3..fbdfd0d712e 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 (123 tests)</h2> + <h2>Ordering and Orientation (129 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -263,7 +263,7 @@ <tr id="ttwf-reftest-flex-direction-column-reverse-5.1" class="primary"> <td><strong> <a href="ttwf-reftest-flex-direction-column-reverse.xht">ttwf-reftest-flex-direction-column-reverse</a></strong></td> - <td><a href="reference/ttwf-reftest-flex-direction-column-ref.xht">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-direction-column-reverse-ref.xht">=</a> </td> <td></td> <td>flex-direction proprety - column-reverse <ul class="assert"> @@ -284,7 +284,7 @@ </tr> </tbody> <tbody id="s5.1.#propdef-flex-direction"> - <!-- 1 tests --> + <!-- 7 tests --> <tr id="flex-margin-no-collapse-5.1.#propdef-flex-direction" class="primary"> <td><strong> <a href="flex-margin-no-collapse.xht">flex-margin-no-collapse</a></strong></td> @@ -296,6 +296,54 @@ </ul> </td> </tr> + <tr id="flexbox-writing-mode-001-5.1.#propdef-flex-direction" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-001.xht">flexbox-writing-mode-001</a></strong></td> + <td><a href="reference/flexbox-writing-mode-001-ref.xht">=</a> </td> + <td></td> + <td>Try various flex-flow values, with 'direction: ltr' and 'writing-mode: horizontal-tb' + </td> + </tr> + <tr id="flexbox-writing-mode-002-5.1.#propdef-flex-direction" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-002.xht">flexbox-writing-mode-002</a></strong></td> + <td><a href="reference/flexbox-writing-mode-002-ref.xht">=</a> </td> + <td></td> + <td>Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-rl' + </td> + </tr> + <tr id="flexbox-writing-mode-003-5.1.#propdef-flex-direction" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-003.xht">flexbox-writing-mode-003</a></strong></td> + <td><a href="reference/flexbox-writing-mode-003-ref.xht">=</a> </td> + <td></td> + <td>Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-lr' + </td> + </tr> + <tr id="flexbox-writing-mode-004-5.1.#propdef-flex-direction" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-004.xht">flexbox-writing-mode-004</a></strong></td> + <td><a href="reference/flexbox-writing-mode-004-ref.xht">=</a> </td> + <td></td> + <td>Try various flex-flow values, with 'direction: rtl' and 'writing-mode: horizontal-tb' + </td> + </tr> + <tr id="flexbox-writing-mode-005-5.1.#propdef-flex-direction" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-005.xht">flexbox-writing-mode-005</a></strong></td> + <td><a href="reference/flexbox-writing-mode-005-ref.xht">=</a> </td> + <td></td> + <td>Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-rl' + </td> + </tr> + <tr id="flexbox-writing-mode-006-5.1.#propdef-flex-direction" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-006.xht">flexbox-writing-mode-006</a></strong></td> + <td><a href="reference/flexbox-writing-mode-006-ref.xht">=</a> </td> + <td></td> + <td>Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-lr' + </td> + </tr> </tbody> <tbody id="s5.1.#valdef-flex-direction-column"> <!-- 0 tests --> @@ -740,7 +788,7 @@ <tr id="ttwf-reftest-flex-wrap-5.2.#propdef-flex-wrap" class="primary"> <td><strong> <a href="ttwf-reftest-flex-wrap.xht">ttwf-reftest-flex-wrap</a></strong></td> - <td><a href="reference/ttwf-reftest-flex-inline-ref.xht">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-wrap-ref.xht">=</a> </td> <td></td> <td>flex-wrap proprety - wrap <ul class="assert"> @@ -802,6 +850,9 @@ </td> </tr> </tbody> + <tbody id="s5.3.#example-ce59c06d"> + <!-- 0 tests --> + </tbody> <tbody id="s5.3.#propdef-flex-flow"> <!-- 52 tests --> <tr id="css-box-justify-content-5.3.#propdef-flex-flow" class=""> @@ -1313,7 +1364,10 @@ </td> </tr> </tbody> - <tbody id="s5.4.#order-modified-document-order"> + <tbody id="s5.4.#example-6155594a"> + <!-- 0 tests --> + </tbody> + <tbody id="s5.4.#order_modified-document-order"> <!-- 0 tests --> </tbody> <tbody id="s5.4.#propdef-order"> @@ -1456,11 +1510,11 @@ </ul> </td> </tr> - <tr id="order_value-5.4.#propdef-order" class="primary"> + <tr id="order_value-5.4.#propdef-order" class="primary script"> <td><strong> <a href="order_value.xht">order_value</a></strong></td> <td></td> - <td></td> + <td><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>order_check <ul class="assert"> <li>Check if the web engine can indentify order property.</li> @@ -1488,6 +1542,9 @@ <a href="http://www.w3.org/TR/css-flexbox-1/#order-accessibility">5.4.1 Reordering and Accessibility</a></th></tr> <!-- 0 tests --> </tbody> + <tbody id="s5.4.1.#example-465c9ea3"> + <!-- 0 tests --> + </tbody> </table> </body> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-6.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-6.xht index e11e607c3e0..3f2bdafcb5d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-6.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-6.xht @@ -46,13 +46,19 @@ </td> </tr> </tbody> + <tbody id="s6.#example-c8b950d1"> + <!-- 0 tests --> + </tbody> + <tbody id="s6.#example-e4bd6579"> + <!-- 0 tests --> + </tbody> <tbody id="s6.#flex-line"> <!-- 0 tests --> </tbody> - <tbody id="s6.#multi-line"> + <tbody id="s6.#multi_line"> <!-- 0 tests --> </tbody> - <tbody id="s6.#single-line"> + <tbody id="s6.#single_line"> <!-- 0 tests --> </tbody> </table> 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 11ecbc451ce..181788e79bf 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 @@ -931,9 +931,6 @@ </td> </tr> </tbody> - <tbody id="s7.1.#valdef-flex-auto"> - <!-- 0 tests --> - </tbody> <tbody id="s7.1.#valdef-flex-flex-basis"> <!-- 0 tests --> </tbody> @@ -946,12 +943,12 @@ <tbody id="s7.1.#valdef-flex-none"> <!-- 0 tests --> </tbody> - <tbody id="s7.2"> + <tbody id="s7.1.1"> <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.2">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-common">7.2 Common Values of flex</a></th></tr> + <a href="#s7.1.1">+</a> + <a href="http://www.w3.org/TR/css-flexbox-1/#flex-common">7.1.1 Common Values of flex</a></th></tr> <!-- 5 tests --> - <tr id="flexbox_flex-auto-7.2" class="primary"> + <tr id="flexbox_flex-auto-7.1.1" class="primary"> <td><strong> <a href="flexbox_flex-auto.xht">flexbox_flex-auto</a></strong></td> <td><a href="reference/flexbox_flex-auto-ref.xht">=</a> </td> @@ -959,7 +956,7 @@ <td>flexbox | flex: auto </td> </tr> - <tr id="flexbox_flex-initial-7.2" class="primary"> + <tr id="flexbox_flex-initial-7.1.1" class="primary"> <td><strong> <a href="flexbox_flex-initial.xht">flexbox_flex-initial</a></strong></td> <td><a href="reference/flexbox_flex-initial-ref.xht">=</a> </td> @@ -967,7 +964,7 @@ <td>flexbox | flex: initial </td> </tr> - <tr id="flexbox_flex-initial-2-7.2" class="primary"> + <tr id="flexbox_flex-initial-2-7.1.1" class="primary"> <td><strong> <a href="flexbox_flex-initial-2.xht">flexbox_flex-initial-2</a></strong></td> <td><a href="reference/flexbox_flex-initial-2-ref.xht">=</a> </td> @@ -975,7 +972,7 @@ <td>flexbox | flex: initial </td> </tr> - <tr id="flexbox_flex-natural-7.2" class="primary"> + <tr id="flexbox_flex-natural-7.1.1" class="primary"> <td><strong> <a href="flexbox_flex-natural.xht">flexbox_flex-natural</a></strong></td> <td><a href="reference/flexbox_flex-natural-ref.xht">=</a> </td> @@ -983,7 +980,7 @@ <td>flexbox | flex: larger integer </td> </tr> - <tr id="flexbox_flex-none-7.2" class="primary"> + <tr id="flexbox_flex-none-7.1.1" class="primary"> <td><strong> <a href="flexbox_flex-none.xht">flexbox_flex-none</a></strong></td> <td><a href="reference/flexbox_flex-none-ref.xht">=</a> </td> @@ -992,24 +989,24 @@ </td> </tr> </tbody> - <tbody id="s7.2.#flex-initial"> + <tbody id="s7.1.1.#flex-initial"> <!-- 0 tests --> </tbody> - <tbody id="s7.3"> + <tbody id="s7.2"> <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.3">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-components">7.3 Components of Flexibility</a></th></tr> + <a href="#s7.2">+</a> + <a href="http://www.w3.org/TR/css-flexbox-1/#flex-components">7.2 Components of Flexibility</a></th></tr> <!-- 0 tests --> </tbody> - <tbody id="s7.3.1"> + <tbody id="s7.2.1"> <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.3.1">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-grow-property">7.3.1 The flex-grow property</a></th></tr> + <a href="#s7.2.1">+</a> + <a href="http://www.w3.org/TR/css-flexbox-1/#flex-grow-property">7.2.1 The flex-grow property</a></th></tr> <!-- 0 tests --> </tbody> - <tbody id="s7.3.1.#propdef-flex-grow"> + <tbody id="s7.2.1.#propdef-flex-grow"> <!-- 13 tests --> - <tr id="autoheight-regions-in-fixed-sized-flexbox-001-7.3.1.#propdef-flex-grow" class="ahem"> + <tr id="autoheight-regions-in-fixed-sized-flexbox-001-7.2.1.#propdef-flex-grow" class="ahem"> <td> <a href="autoheight-regions-in-fixed-sized-flexbox-001.xht">autoheight-regions-in-fixed-sized-flexbox-001</a></td> <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-001-ref.xht">=</a> </td> @@ -1020,7 +1017,7 @@ </ul> </td> </tr> - <tr id="autoheight-regions-in-fixed-sized-flexbox-002-7.3.1.#propdef-flex-grow" class="ahem"> + <tr id="autoheight-regions-in-fixed-sized-flexbox-002-7.2.1.#propdef-flex-grow" class="ahem"> <td> <a href="autoheight-regions-in-fixed-sized-flexbox-002.xht">autoheight-regions-in-fixed-sized-flexbox-002</a></td> <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-002-ref.xht">=</a> </td> @@ -1031,7 +1028,7 @@ </ul> </td> </tr> - <tr id="css-flexbox-img-expand-evenly-7.3.1.#propdef-flex-grow" class="primary"> + <tr id="css-flexbox-img-expand-evenly-7.2.1.#propdef-flex-grow" class="primary"> <td><strong> <a href="css-flexbox-img-expand-evenly.xht">css-flexbox-img-expand-evenly</a></strong></td> <td><a href="reference/css-flexbox-img-expand-evenly-ref.xht">=</a> </td> @@ -1042,7 +1039,7 @@ </ul> </td> </tr> - <tr id="flex-grow-001-7.3.1.#propdef-flex-grow" class="primary"> + <tr id="flex-grow-001-7.2.1.#propdef-flex-grow" class="primary"> <td><strong> <a href="flex-grow-001.xht">flex-grow-001</a></strong></td> <td><a href="reference/flex-grow-001-ref.xht">=</a> </td> @@ -1053,7 +1050,7 @@ </ul> </td> </tr> - <tr id="flex-grow-002-7.3.1.#propdef-flex-grow" class="primary"> + <tr id="flex-grow-002-7.2.1.#propdef-flex-grow" class="primary"> <td><strong> <a href="flex-grow-002.xht">flex-grow-002</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1064,7 +1061,7 @@ </ul> </td> </tr> - <tr id="flex-grow-003-7.3.1.#propdef-flex-grow" class="primary"> + <tr id="flex-grow-003-7.2.1.#propdef-flex-grow" class="primary"> <td><strong> <a href="flex-grow-003.xht">flex-grow-003</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1075,7 +1072,7 @@ </ul> </td> </tr> - <tr id="flex-grow-004-7.3.1.#propdef-flex-grow" class="primary"> + <tr id="flex-grow-004-7.2.1.#propdef-flex-grow" class="primary"> <td><strong> <a href="flex-grow-004.xht">flex-grow-004</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1086,7 +1083,7 @@ </ul> </td> </tr> - <tr id="flex-grow-005-7.3.1.#propdef-flex-grow" class="primary"> + <tr id="flex-grow-005-7.2.1.#propdef-flex-grow" class="primary"> <td><strong> <a href="flex-grow-005.xht">flex-grow-005</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1097,7 +1094,7 @@ </ul> </td> </tr> - <tr id="flex-grow-006-7.3.1.#propdef-flex-grow" class="primary"> + <tr id="flex-grow-006-7.2.1.#propdef-flex-grow" class="primary"> <td><strong> <a href="flex-grow-006.xht">flex-grow-006</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1108,7 +1105,7 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_flex-grow-0-7.3.1.#propdef-flex-grow" class="primary dom"> + <tr id="flexbox_computedstyle_flex-grow-0-7.2.1.#propdef-flex-grow" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-grow-0.xht">flexbox_computedstyle_flex-grow-0</a></strong></td> <td></td> @@ -1116,7 +1113,7 @@ <td>flexbox | computed style | flex-grow: 0 </td> </tr> - <tr id="flexbox_computedstyle_flex-grow-invalid-7.3.1.#propdef-flex-grow" class="primary dom"> + <tr id="flexbox_computedstyle_flex-grow-invalid-7.2.1.#propdef-flex-grow" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-grow-invalid.xht">flexbox_computedstyle_flex-grow-invalid</a></strong></td> <td></td> @@ -1124,7 +1121,7 @@ <td>flexbox | computed style | flex-grow: negative </td> </tr> - <tr id="flexbox_computedstyle_flex-grow-number-7.3.1.#propdef-flex-grow" class="primary dom"> + <tr id="flexbox_computedstyle_flex-grow-number-7.2.1.#propdef-flex-grow" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-grow-number.xht">flexbox_computedstyle_flex-grow-number</a></strong></td> <td></td> @@ -1132,7 +1129,7 @@ <td>flexbox | computed style | flex-grow: number </td> </tr> - <tr id="flexbox_interactive_flex-grow-transitions-7.3.1.#propdef-flex-grow" class="primary interact"> + <tr id="flexbox_interactive_flex-grow-transitions-7.2.1.#propdef-flex-grow" class="primary interact"> <td><strong> <a href="flexbox_interactive_flex-grow-transitions.xht">flexbox_interactive_flex-grow-transitions</a></strong></td> <td></td> @@ -1141,18 +1138,18 @@ </td> </tr> </tbody> - <tbody id="s7.3.1.#valdef-flex-grow-number"> + <tbody id="s7.2.1.#valdef-flex-grow-number"> <!-- 0 tests --> </tbody> - <tbody id="s7.3.2"> + <tbody id="s7.2.2"> <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.3.2">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-shrink-property">7.3.2 The flex-shrink property</a></th></tr> + <a href="#s7.2.2">+</a> + <a href="http://www.w3.org/TR/css-flexbox-1/#flex-shrink-property">7.2.2 The flex-shrink property</a></th></tr> <!-- 0 tests --> </tbody> - <tbody id="s7.3.2.#propdef-flex-shrink"> + <tbody id="s7.2.2.#propdef-flex-shrink"> <!-- 12 tests --> - <tr id="flex-shrink-001-7.3.2.#propdef-flex-shrink" class="primary"> + <tr id="flex-shrink-001-7.2.2.#propdef-flex-shrink" class="primary"> <td><strong> <a href="flex-shrink-001.xht">flex-shrink-001</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1163,7 +1160,7 @@ </ul> </td> </tr> - <tr id="flex-shrink-002-7.3.2.#propdef-flex-shrink" class="primary"> + <tr id="flex-shrink-002-7.2.2.#propdef-flex-shrink" class="primary"> <td><strong> <a href="flex-shrink-002.xht">flex-shrink-002</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1174,7 +1171,7 @@ </ul> </td> </tr> - <tr id="flex-shrink-003-7.3.2.#propdef-flex-shrink" class="primary"> + <tr id="flex-shrink-003-7.2.2.#propdef-flex-shrink" class="primary"> <td><strong> <a href="flex-shrink-003.xht">flex-shrink-003</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1185,7 +1182,7 @@ </ul> </td> </tr> - <tr id="flex-shrink-004-7.3.2.#propdef-flex-shrink" class="primary"> + <tr id="flex-shrink-004-7.2.2.#propdef-flex-shrink" class="primary"> <td><strong> <a href="flex-shrink-004.xht">flex-shrink-004</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1196,7 +1193,7 @@ </ul> </td> </tr> - <tr id="flex-shrink-005-7.3.2.#propdef-flex-shrink" class="primary"> + <tr id="flex-shrink-005-7.2.2.#propdef-flex-shrink" class="primary"> <td><strong> <a href="flex-shrink-005.xht">flex-shrink-005</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1207,7 +1204,7 @@ </ul> </td> </tr> - <tr id="flex-shrink-006-7.3.2.#propdef-flex-shrink" class="primary"> + <tr id="flex-shrink-006-7.2.2.#propdef-flex-shrink" class="primary"> <td><strong> <a href="flex-shrink-006.xht">flex-shrink-006</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1218,7 +1215,7 @@ </ul> </td> </tr> - <tr id="flex-shrink-007-7.3.2.#propdef-flex-shrink" class="primary"> + <tr id="flex-shrink-007-7.2.2.#propdef-flex-shrink" class="primary"> <td><strong> <a href="flex-shrink-007.xht">flex-shrink-007</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1229,7 +1226,7 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_flex-shrink-0-7.3.2.#propdef-flex-shrink" class="primary dom"> + <tr id="flexbox_computedstyle_flex-shrink-0-7.2.2.#propdef-flex-shrink" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-shrink-0.xht">flexbox_computedstyle_flex-shrink-0</a></strong></td> <td></td> @@ -1237,7 +1234,7 @@ <td>flexbox | computed style | flex-shrink: 0 </td> </tr> - <tr id="flexbox_computedstyle_flex-shrink-invalid-7.3.2.#propdef-flex-shrink" class="primary dom"> + <tr id="flexbox_computedstyle_flex-shrink-invalid-7.2.2.#propdef-flex-shrink" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-shrink-invalid.xht">flexbox_computedstyle_flex-shrink-invalid</a></strong></td> <td></td> @@ -1245,7 +1242,7 @@ <td>flexbox | computed style | flex-shrink: negative </td> </tr> - <tr id="flexbox_computedstyle_flex-shrink-number-7.3.2.#propdef-flex-shrink" class="primary dom"> + <tr id="flexbox_computedstyle_flex-shrink-number-7.2.2.#propdef-flex-shrink" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-shrink-number.xht">flexbox_computedstyle_flex-shrink-number</a></strong></td> <td></td> @@ -1253,7 +1250,7 @@ <td>flexbox | computed style | flex-shrink: number </td> </tr> - <tr id="flexbox_interactive_flex-shrink-transitions-7.3.2.#propdef-flex-shrink" class="primary interact"> + <tr id="flexbox_interactive_flex-shrink-transitions-7.2.2.#propdef-flex-shrink" class="primary interact"> <td><strong> <a href="flexbox_interactive_flex-shrink-transitions.xht">flexbox_interactive_flex-shrink-transitions</a></strong></td> <td></td> @@ -1261,7 +1258,7 @@ <td>flexbox | transitioned flex-shrink </td> </tr> - <tr id="flexbox_interactive_flex-shrink-transitions-invalid-7.3.2.#propdef-flex-shrink" class="primary interact"> + <tr id="flexbox_interactive_flex-shrink-transitions-invalid-7.2.2.#propdef-flex-shrink" class="primary interact"> <td><strong> <a href="flexbox_interactive_flex-shrink-transitions-invalid.xht">flexbox_interactive_flex-shrink-transitions-invalid</a></strong></td> <td></td> @@ -1270,15 +1267,15 @@ </td> </tr> </tbody> - <tbody id="s7.3.2.#valdef-flex-shrink-number"> + <tbody id="s7.2.2.#valdef-flex-shrink-number"> <!-- 0 tests --> </tbody> - <tbody id="s7.3.3"> + <tbody id="s7.2.3"> <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.3.3">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property">7.3.3 The flex-basis property</a></th></tr> + <a href="#s7.2.3">+</a> + <a href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property">7.2.3 The flex-basis property</a></th></tr> <!-- 10 tests --> - <tr id="flexbox_computedstyle_flex-basis-0-7.3.3" class="primary dom"> + <tr id="flexbox_computedstyle_flex-basis-0-7.2.3" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-basis-0.xht">flexbox_computedstyle_flex-basis-0</a></strong></td> <td></td> @@ -1286,7 +1283,7 @@ <td>flexbox | computed style | flex-basis: 0 </td> </tr> - <tr id="flexbox_computedstyle_flex-basis-0percent-7.3.3" class="primary dom"> + <tr id="flexbox_computedstyle_flex-basis-0percent-7.2.3" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-basis-0percent.xht">flexbox_computedstyle_flex-basis-0percent</a></strong></td> <td></td> @@ -1294,7 +1291,7 @@ <td>flexbox | computed style | flex-basis: 0% </td> </tr> - <tr id="flexbox_computedstyle_flex-basis-auto-7.3.3" class="primary dom"> + <tr id="flexbox_computedstyle_flex-basis-auto-7.2.3" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-basis-auto.xht">flexbox_computedstyle_flex-basis-auto</a></strong></td> <td></td> @@ -1302,7 +1299,7 @@ <td>flexbox | computed style | flex-basis: auto </td> </tr> - <tr id="flexbox_computedstyle_flex-basis-percent-7.3.3" class="primary dom"> + <tr id="flexbox_computedstyle_flex-basis-percent-7.2.3" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-basis-percent.xht">flexbox_computedstyle_flex-basis-percent</a></strong></td> <td></td> @@ -1310,7 +1307,7 @@ <td>flexbox | computed style | flex-basis: percent </td> </tr> - <tr id="flexbox_flex-basis-7.3.3" class="primary"> + <tr id="flexbox_flex-basis-7.2.3" class="primary"> <td><strong> <a href="flexbox_flex-basis.xht">flexbox_flex-basis</a></strong></td> <td><a href="reference/flexbox_flex-basis-ref.xht">=</a> </td> @@ -1318,7 +1315,7 @@ <td>flexbox | flex-basis: percentage </td> </tr> - <tr id="flexbox_flex-basis-shrink-7.3.3" class="primary"> + <tr id="flexbox_flex-basis-shrink-7.2.3" class="primary"> <td><strong> <a href="flexbox_flex-basis-shrink.xht">flexbox_flex-basis-shrink</a></strong></td> <td><a href="reference/flexbox_flex-basis-shrink-ref.xht">=</a> </td> @@ -1326,7 +1323,7 @@ <td>flexbox | flex-basis: percentage, flex-shrink: +integer </td> </tr> - <tr id="flexbox_flex-natural-mixed-basis-7.3.3" class="primary"> + <tr id="flexbox_flex-natural-mixed-basis-7.2.3" class="primary"> <td><strong> <a href="flexbox_flex-natural-mixed-basis.xht">flexbox_flex-natural-mixed-basis</a></strong></td> <td><a href="reference/flexbox_flex-natural-mixed-basis-ref.xht">=</a> </td> @@ -1334,7 +1331,7 @@ <td>flexbox | flex: larger integer, mixed basis </td> </tr> - <tr id="flexbox_flex-natural-mixed-basis-auto-7.3.3" class="primary"> + <tr id="flexbox_flex-natural-mixed-basis-auto-7.2.3" class="primary"> <td><strong> <a href="flexbox_flex-natural-mixed-basis-auto.xht">flexbox_flex-natural-mixed-basis-auto</a></strong></td> <td><a href="reference/flexbox_flex-natural-mixed-basis-auto-ref.xht">=</a> </td> @@ -1342,7 +1339,7 @@ <td>flexbox | flex: larger integer, mixed basis, auto </td> </tr> - <tr id="flexbox_flex-natural-variable-auto-basis-7.3.3" class="primary"> + <tr id="flexbox_flex-natural-variable-auto-basis-7.2.3" class="primary"> <td><strong> <a href="flexbox_flex-natural-variable-auto-basis.xht">flexbox_flex-natural-variable-auto-basis</a></strong></td> <td><a href="reference/flexbox_flex-natural-variable-auto-basis-ref.xht">=</a> </td> @@ -1350,7 +1347,7 @@ <td>flexbox | flex: larger integer, auto basis </td> </tr> - <tr id="flexbox_interactive_flex-basis-transitions-7.3.3" class="primary interact"> + <tr id="flexbox_interactive_flex-basis-transitions-7.2.3" class="primary interact"> <td><strong> <a href="flexbox_interactive_flex-basis-transitions.xht">flexbox_interactive_flex-basis-transitions</a></strong></td> <td></td> @@ -1359,12 +1356,15 @@ </td> </tr> </tbody> - <tbody id="s7.3.3.#issue-753aff05"> + <tbody id="s7.2.3.#auto"> + <!-- 0 tests --> + </tbody> + <tbody id="s7.2.3.#content"> <!-- 0 tests --> </tbody> - <tbody id="s7.3.3.#propdef-flex-basis"> + <tbody id="s7.2.3.#propdef-flex-basis"> <!-- 9 tests --> - <tr id="flex-basis-001-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-001-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-001.xht">flex-basis-001</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1375,7 +1375,7 @@ </ul> </td> </tr> - <tr id="flex-basis-002-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-002-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-002.xht">flex-basis-002</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1386,7 +1386,7 @@ </ul> </td> </tr> - <tr id="flex-basis-003-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-003-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-003.xht">flex-basis-003</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1397,7 +1397,7 @@ </ul> </td> </tr> - <tr id="flex-basis-004-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-004-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-004.xht">flex-basis-004</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1408,7 +1408,7 @@ </ul> </td> </tr> - <tr id="flex-basis-005-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-005-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-005.xht">flex-basis-005</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1419,7 +1419,7 @@ </ul> </td> </tr> - <tr id="flex-basis-006-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-006-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-006.xht">flex-basis-006</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1430,7 +1430,7 @@ </ul> </td> </tr> - <tr id="flex-basis-007-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-007-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-007.xht">flex-basis-007</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1441,7 +1441,7 @@ </ul> </td> </tr> - <tr id="flex-basis-008-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-008-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-008.xht">flex-basis-008</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1452,7 +1452,7 @@ </ul> </td> </tr> - <tr id="flexbox_flex-natural-variable-zero-basis-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flexbox_flex-natural-variable-zero-basis-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flexbox_flex-natural-variable-zero-basis.xht">flexbox_flex-natural-variable-zero-basis</a></strong></td> <td><a href="reference/flexbox_flex-natural-variable-zero-basis-ref.xht">=</a> </td> @@ -1461,9 +1461,6 @@ </td> </tr> </tbody> - <tbody id="s7.3.3.#valdef-flex-basis-main-size"> - <!-- 0 tests --> - </tbody> </table> </body> 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 64b38295610..c7245adcb4e 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 @@ -101,6 +101,12 @@ <tbody id="s8.1.#auto-bar"> <!-- 0 tests --> </tbody> + <tbody id="s8.1.#example-30f9440a"> + <!-- 0 tests --> + </tbody> + <tbody id="s8.1.#example-c2f4f7f3"> + <!-- 0 tests --> + </tbody> <tbody id="s8.1.#login"> <!-- 0 tests --> </tbody> @@ -1282,19 +1288,19 @@ <tbody id="s8.3.#stretched"> <!-- 0 tests --> </tbody> - <tbody id="s8.3.#valdef-align-items-align-self-baseline"> + <tbody id="s8.3.#valdef-align-items-baseline"> <!-- 0 tests --> </tbody> - <tbody id="s8.3.#valdef-align-items-align-self-center"> + <tbody id="s8.3.#valdef-align-items-center"> <!-- 0 tests --> </tbody> - <tbody id="s8.3.#valdef-align-items-align-self-flex-end"> + <tbody id="s8.3.#valdef-align-items-flex-end"> <!-- 0 tests --> </tbody> - <tbody id="s8.3.#valdef-align-items-align-self-flex-start"> + <tbody id="s8.3.#valdef-align-items-flex-start"> <!-- 0 tests --> </tbody> - <tbody id="s8.3.#valdef-align-items-align-self-stretch"> + <tbody id="s8.3.#valdef-align-items-stretch"> <!-- 0 tests --> </tbody> <tbody id="s8.3.#valdef-align-self-auto"> @@ -1586,7 +1592,7 @@ <a href="ttwf-reftest-flex-align-content-center.xht">ttwf-reftest-flex-align-content-center</a></strong></td> <td><a href="reference/ttwf-reftest-flex-align-content-center-ref.xht">=</a> </td> <td></td> - <td>align-content proprety - center + <td>align-content property - center <ul class="assert"> <li>Statement describing what the test case is asserting</li> </ul> @@ -1597,7 +1603,7 @@ <a href="ttwf-reftest-flex-align-content-end.xht">ttwf-reftest-flex-align-content-end</a></strong></td> <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.xht">=</a> </td> <td></td> - <td>align-content proprety - flex-end + <td>align-content property - flex-end <ul class="assert"> <li>Statement describing what the test case is asserting</li> </ul> @@ -1606,9 +1612,9 @@ <tr id="ttwf-reftest-flex-align-content-space-around-8.4" class="primary"> <td><strong> <a href="ttwf-reftest-flex-align-content-space-around.xht">ttwf-reftest-flex-align-content-space-around</a></strong></td> - <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.xht">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-align-content-space-around-ref.xht">=</a> </td> <td></td> - <td>align-content proprety - flex-end + <td>align-content property - space-around <ul class="assert"> <li>Statement describing what the test case is asserting</li> </ul> @@ -1617,9 +1623,9 @@ <tr id="ttwf-reftest-flex-align-content-space-between-8.4" class="primary"> <td><strong> <a href="ttwf-reftest-flex-align-content-space-between.xht">ttwf-reftest-flex-align-content-space-between</a></strong></td> - <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.xht">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-align-content-space-between-ref.xht">=</a> </td> <td></td> - <td>align-content proprety - flex-end + <td>align-content property - space-between <ul class="assert"> <li>Statement describing what the test case is asserting</li> </ul> @@ -1628,9 +1634,9 @@ <tr id="ttwf-reftest-flex-align-content-start-8.4" class="primary"> <td><strong> <a href="ttwf-reftest-flex-align-content-start.xht">ttwf-reftest-flex-align-content-start</a></strong></td> - <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.xht">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-align-content-start-ref.xht">=</a> </td> <td></td> - <td>align-content proprety - flex-end + <td>align-content property - flex-start <ul class="assert"> <li>Statement describing what the test case is asserting</li> </ul> @@ -1776,10 +1782,10 @@ </td> </tr> </tbody> - <tbody id="s8.5.#cross-axis-baseline"> + <tbody id="s8.5.#cross_axis-baseline"> <!-- 0 tests --> </tbody> - <tbody id="s8.5.#main-axis-baseline"> + <tbody id="s8.5.#main_axis-baseline"> <!-- 0 tests --> </tbody> </table> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-9.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-9.xht index 4eb9bb6d64b..176fa40ff48 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-9.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-9.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Layout Algorithm (58 tests)</h2> + <h2>Flex Layout Algorithm (61 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -31,7 +31,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s9">+</a> <a href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm">9 Flex Layout Algorithm</a></th></tr> - <!-- 46 tests --> + <!-- 49 tests --> <tr id="autoheight-flexbox-001-9" class=""> <td> <a href="autoheight-flexbox-001.xht">autoheight-flexbox-001</a></td> @@ -447,6 +447,30 @@ <td>Testing sizing of an auto-sized vertical flex container with min-width and max-width constraints </td> </tr> + <tr id="flexbox-writing-mode-007-9" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-007.xht">flexbox-writing-mode-007</a></strong></td> + <td><a href="reference/flexbox-writing-mode-007-ref.xht">=</a> </td> + <td></td> + <td>Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode + </td> + </tr> + <tr id="flexbox-writing-mode-008-9" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-008.xht">flexbox-writing-mode-008</a></strong></td> + <td><a href="reference/flexbox-writing-mode-008-ref.xht">=</a> </td> + <td></td> + <td>Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode + </td> + </tr> + <tr id="flexbox-writing-mode-009-9" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-009.xht">flexbox-writing-mode-009</a></strong></td> + <td><a href="reference/flexbox-writing-mode-009-ref.xht">=</a> </td> + <td></td> + <td>Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode + </td> + </tr> <tr id="row-flexbox-break-9" class="ahem"> <td> <a href="row-flexbox-break.xht">row-flexbox-break</a></td> @@ -486,6 +510,9 @@ <tbody id="s9.2.#algo-main-item"> <!-- 0 tests --> </tbody> + <tbody id="s9.2.#example-5ea64ac4"> + <!-- 0 tests --> + </tbody> <tbody id="s9.2.#flex-base-size"> <!-- 0 tests --> </tbody> @@ -690,16 +717,16 @@ <a href="http://www.w3.org/TR/css-flexbox-1/#intrinsic-sizes">9.9 Intrinsic Sizes</a></th></tr> <!-- 0 tests --> </tbody> - <tbody id="s9.9.#max-content-cross-size"> + <tbody id="s9.9.#max_content-cross-size"> <!-- 0 tests --> </tbody> - <tbody id="s9.9.#max-content-main-size"> + <tbody id="s9.9.#max_content-main-size"> <!-- 0 tests --> </tbody> - <tbody id="s9.9.#min-content-cross-size"> + <tbody id="s9.9.#min_content-cross-size"> <!-- 0 tests --> </tbody> - <tbody id="s9.9.#min-content-main-size"> + <tbody id="s9.9.#min_content-main-size"> <!-- 0 tests --> </tbody> </table> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-container-margin.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-container-margin.xht deleted file mode 100644 index 4e2b5d8e963..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-container-margin.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>CSS Test: flex-container-margin-not-collapse-with-content-margin</title> -<link href="http://www.github.com/sskyy" rel="author" title="houzhenyu" /> -<link href="http://dev.w3.org/csswg/css-flexbox-1/#item-margins" rel="help" /> -<link href="reference/flex-container-margin-ref.xht" rel="match" /> -<meta content="The margins of adjacent flex items do not collapse." name="assert" /> -<style> - .flex-container{ - display: flex; - margin:20px; - background: #333; - } - .flex-item{ - width:50px; - height:50px; - margin:20px; - background: #eee; - } -</style> -</head> -<body> - <div class="flex-container"> - <div class="flex-item"></div> - <div class="flex-item"></div> - <div class="flex-item"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-margin-no-collapse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-margin-no-collapse.xht index e732ad6805b..b0ff656e29e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-margin-no-collapse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flex-margin-no-collapse.xht @@ -21,6 +21,7 @@ width: 100px; height: 100px; background-color: green; + flex: none; } #box1 { @@ -49,4 +50,5 @@ <div class="box" id="box2"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-001.xht new file mode 100644 index 00000000000..57397b1db2e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-001.xht @@ -0,0 +1,77 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test: Try various flex-flow values, with 'direction: ltr' and 'writing-mode: horizontal-tb'</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help" /> + <link href="reference/flexbox-writing-mode-001-ref.xht" rel="match" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + direction: ltr; + writing-mode: horizontal-tb; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div style="flex-flow: row wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + <div style="flex-flow: column wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-002.xht new file mode 100644 index 00000000000..43b346bf277 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-002.xht @@ -0,0 +1,77 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test: Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-rl'</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help" /> + <link href="reference/flexbox-writing-mode-002-ref.xht" rel="match" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + direction: ltr; + writing-mode: vertical-rl; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div style="flex-flow: row wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + <div style="flex-flow: column wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-003.xht new file mode 100644 index 00000000000..3a591cea980 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-003.xht @@ -0,0 +1,77 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test: Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-lr'</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help" /> + <link href="reference/flexbox-writing-mode-003-ref.xht" rel="match" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + direction: ltr; + writing-mode: vertical-lr; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div style="flex-flow: row wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + <div style="flex-flow: column wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-004.xht new file mode 100644 index 00000000000..adfbab431b8 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-004.xht @@ -0,0 +1,77 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test: Try various flex-flow values, with 'direction: rtl' and 'writing-mode: horizontal-tb'</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help" /> + <link href="reference/flexbox-writing-mode-004-ref.xht" rel="match" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + direction: rtl; + writing-mode: horizontal-tb; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div style="flex-flow: row wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + <div style="flex-flow: column wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-005.xht new file mode 100644 index 00000000000..3eee7a62f2b --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-005.xht @@ -0,0 +1,77 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test: Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-rl'</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help" /> + <link href="reference/flexbox-writing-mode-005-ref.xht" rel="match" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + direction: rtl; + writing-mode: vertical-rl; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div style="flex-flow: row wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + <div style="flex-flow: column wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-006.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-006.xht new file mode 100644 index 00000000000..6719f1cfed7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-006.xht @@ -0,0 +1,77 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test: Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-lr'</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help" /> + <link href="reference/flexbox-writing-mode-006-ref.xht" rel="match" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + direction: rtl; + writing-mode: vertical-lr; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div style="flex-flow: row wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + <div style="flex-flow: column wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-007.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-007.xht new file mode 100644 index 00000000000..6da4b02e24e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-007.xht @@ -0,0 +1,74 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test: Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> + <link href="http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode" rel="help" /> + <link href="reference/flexbox-writing-mode-007-ref.xht" rel="match" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + writing-mode: horizontal-tb; + flex-flow: row wrap; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + + /* Classes applied to flex container, to customize its children + * (which should not affect their sizing): + */ + .kids_horizontal_tb > * { + writing-mode: horizontal-tb; + } + .kids_vertical_lr > * { + writing-mode: vertical-lr; + } + .kids_vertical_rl > * { + writing-mode: vertical-rl; + } + + </style> +</head> +<body> + <div class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_horizontal_tb"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_vertical_lr"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_vertical_rl"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-008.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-008.xht new file mode 100644 index 00000000000..40cd0717f59 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-008.xht @@ -0,0 +1,74 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test: Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> + <link href="http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode" rel="help" /> + <link href="reference/flexbox-writing-mode-008-ref.xht" rel="match" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + writing-mode: vertical-lr; + flex-flow: row wrap; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + + /* Classes applied to flex container, to customize its children + * (which should not affect their sizing): + */ + .kids_horizontal_tb > * { + writing-mode: horizontal-tb; + } + .kids_vertical_lr > * { + writing-mode: vertical-lr; + } + .kids_vertical_rl > * { + writing-mode: vertical-rl; + } + + </style> +</head> +<body> + <div class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_horizontal_tb"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_vertical_lr"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_vertical_rl"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-009.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-009.xht new file mode 100644 index 00000000000..81d43b61550 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-writing-mode-009.xht @@ -0,0 +1,74 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test: Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> + <link href="http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode" rel="help" /> + <link href="reference/flexbox-writing-mode-009-ref.xht" rel="match" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + writing-mode: vertical-rl; + flex-flow: row wrap; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + + /* Classes applied to flex container, to customize its children + * (which should not affect their sizing): + */ + .kids_horizontal_tb > * { + writing-mode: horizontal-tb; + } + .kids_vertical_lr > * { + writing-mode: vertical-lr; + } + .kids_vertical_rl > * { + writing-mode: vertical-rl; + } + + </style> +</head> +<body> + <div class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_horizontal_tb"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_vertical_lr"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_vertical_rl"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order_value.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order_value.xht index cc993fa4687..a73bd67fc11 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order_value.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order_value.xht @@ -16,8 +16,8 @@ order: -1; } </style> - <script src='/resources/testharness.js"'></script> - <script src='/resources/testharnessreport.js"'></script> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> </head> <body> <div id="log"></div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-container-margin-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-container-margin-ref.xht deleted file mode 100644 index 38187fe38ca..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-container-margin-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>CSS Test: flex-container-margin-not-collapse-with-content-margin</title> -<link href="http://www.github.com/sskyy" rel="author" title="houzhenyu" /> -<style> - .flex-container{ - display:block; - margin:20px; - background: #333; - line-height: 0px; - } - .flex-item{ - display: inline-block; - width:50px; - height:50px; - margin:20px 20px; - background: #eee; - } - .flex-item.first{ - margin-left:20px; - } - .flex-item.last{ - margin-right: 20px; - } -</style> -</head> -<body> - <div class="flex-container"> - <div class="flex-item first"></div><div class="flex-item"></div><div class="flex-item last"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-001-ref.xht new file mode 100644 index 00000000000..3dd9c2f6a0b --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-001-ref.xht @@ -0,0 +1,75 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + /* Testcase has direction: ltr; */ + /* Testcase has writing-mode: horizontal-tb; */ + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"><!-- row wrap --> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- row wrap-reverse --> + <div class="item3"></div><div class="item4"></div> + <div class="item1"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap --> + <div class="item2"></div><div class="item1"></div> + <div class="item4"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap-reverse --> + <div class="item4"></div><div class="item3"></div> + <div class="item2"></div><div class="item1"></div> + </div> + + <div class="flexContainer"><!-- column wrap --> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- column wrap-reverse --> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap --> + <div class="item2"></div><div class="item4"></div> + <div class="item1"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap-reverse --> + <div class="item4"></div><div class="item2"></div> + <div class="item3"></div><div class="item1"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-002-ref.xht new file mode 100644 index 00000000000..dfcf6f299d3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-002-ref.xht @@ -0,0 +1,75 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + /* Testcase has direction: ltr; */ + /* Testcase has writing-mode: vertical-rl; */ + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"><!-- row wrap --> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- row wrap-reverse --> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap --> + <div class="item4"></div><div class="item2"></div> + <div class="item3"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap-reverse --> + <div class="item2"></div><div class="item4"></div> + <div class="item1"></div><div class="item3"></div> + </div> + + <div class="flexContainer"><!-- column wrap --> + <div class="item2"></div><div class="item1"></div> + <div class="item4"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- column wrap-reverse --> + <div class="item4"></div><div class="item3"></div> + <div class="item2"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap --> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap-reverse --> + <div class="item3"></div><div class="item4"></div> + <div class="item1"></div><div class="item2"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-003-ref.xht new file mode 100644 index 00000000000..06ec4b44c7a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-003-ref.xht @@ -0,0 +1,75 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + /* Testcase has direction: ltr; */ + /* Testcase has writing-mode: vertical-lr; */ + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"><!-- row wrap --> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- row wrap-reverse --> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap --> + <div class="item2"></div><div class="item4"></div> + <div class="item1"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap-reverse --> + <div class="item4"></div><div class="item2"></div> + <div class="item3"></div><div class="item1"></div> + </div> + + <div class="flexContainer"><!-- column wrap --> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- column wrap-reverse --> + <div class="item3"></div><div class="item4"></div> + <div class="item1"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap --> + <div class="item2"></div><div class="item1"></div> + <div class="item4"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap-reverse --> + <div class="item4"></div><div class="item3"></div> + <div class="item2"></div><div class="item1"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-004-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-004-ref.xht new file mode 100644 index 00000000000..c097c0de621 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-004-ref.xht @@ -0,0 +1,75 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + /* Testcase has direction: rtl; */ + /* Testcase has writing-mode: horizontal-tb; */ + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"><!-- row wrap --> + <div class="item2"></div><div class="item1"></div> + <div class="item4"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- row wrap-reverse --> + <div class="item4"></div><div class="item3"></div> + <div class="item2"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap --> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap-reverse --> + <div class="item3"></div><div class="item4"></div> + <div class="item1"></div><div class="item2"></div> + </div> + + <div class="flexContainer"><!-- column wrap --> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- column wrap-reverse --> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap --> + <div class="item4"></div><div class="item2"></div> + <div class="item3"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap-reverse --> + <div class="item2"></div><div class="item4"></div> + <div class="item1"></div><div class="item3"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-005-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-005-ref.xht new file mode 100644 index 00000000000..c6e566c1be0 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-005-ref.xht @@ -0,0 +1,75 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + /* Testcase has direction: rtl; */ + /* Testcase has writing-mode: vertical-rl; */ + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"><!-- row wrap --> + <div class="item4"></div><div class="item2"></div> + <div class="item3"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- row wrap-reverse --> + <div class="item2"></div><div class="item4"></div> + <div class="item1"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap --> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap-reverse --> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + + <div class="flexContainer"><!-- column wrap --> + <div class="item4"></div><div class="item3"></div> + <div class="item2"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- column wrap-reverse --> + <div class="item2"></div><div class="item1"></div> + <div class="item4"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap --> + <div class="item3"></div><div class="item4"></div> + <div class="item1"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap-reverse --> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-006-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-006-ref.xht new file mode 100644 index 00000000000..da554ffeed6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-006-ref.xht @@ -0,0 +1,75 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + /* Testcase has direction: rtl; */ + /* Testcase has writing-mode: vertical-lr; */ + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"><!-- row wrap --> + <div class="item2"></div><div class="item4"></div> + <div class="item1"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- row wrap-reverse --> + <div class="item4"></div><div class="item2"></div> + <div class="item3"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap --> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap-reverse --> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + + <div class="flexContainer"><!-- column wrap --> + <div class="item3"></div><div class="item4"></div> + <div class="item1"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- column wrap-reverse --> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap --> + <div class="item4"></div><div class="item3"></div> + <div class="item2"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap-reverse --> + <div class="item2"></div><div class="item1"></div> + <div class="item4"></div><div class="item3"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-007-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-007-ref.xht new file mode 100644 index 00000000000..8d93f8a2e32 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-007-ref.xht @@ -0,0 +1,55 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-008-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-008-ref.xht new file mode 100644 index 00000000000..fd584eaec58 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-008-ref.xht @@ -0,0 +1,55 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-009-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-009-ref.xht new file mode 100644 index 00000000000..2753f654518 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-writing-mode-009-ref.xht @@ -0,0 +1,55 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></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-align-content-center-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-center-ref.xht index 2006d61565f..d3d3cd72266 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-center-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-center-ref.xht @@ -1,6 +1,6 @@ <!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 proprety - center</title> + <title>CSS Flexible Box Test: align-content property - center</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> <style type="text/css"> .container { @@ -26,7 +26,7 @@ </style> </head> <body> - <p>The test passed if you see a 2*2 table.</p> + <p>The test passed if you see a centered 2*2 table.</p> <div class="container"> <span>first</span> <span>second</span> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-end-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-end-ref.xht index 317a6b35f01..8d1576c78af 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-end-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-end-ref.xht @@ -1,6 +1,6 @@ <!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 proprety - flex-end</title> + <title>CSS Flexible Box Test: align-content property - flex-end</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> <style type="text/css"> .container { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-space-between-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-space-between-ref.xht new file mode 100644 index 00000000000..3ff6255d21d --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-space-between-ref.xht @@ -0,0 +1,38 @@ +<!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; + } + .first, .second { + margin-bottom: 112px; + } + span { + height: 2em; + display: inline-block; + background: green; + color: white; + margin: 1em; + width: 8em; + float: left; + } + </style> +</head> +<body> + <p>The test passed if you see a 2*2 table and all the cells are spaced equally apart.</p> + <div class="container"> + <span class="first">first</span> + <span class="second">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-align-content-start-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-start-ref.xht new file mode 100644 index 00000000000..77ab3099ac0 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-start-ref.xht @@ -0,0 +1,35 @@ +<!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 - flex-start</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: 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 top of the 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-column-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-column-reverse-ref.xht new file mode 100644 index 00000000000..dbebba77d51 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-column-reverse-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: flex-direction proprety - column-reverse</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; + background: red; + margin: 1em 0; + border: 1px solid black; + } + span ~ span { + margin: 2em 1em 1em; + } + span { + display: block; + background: green; + color: white; + margin: 1em; + width: 8em; + } + </style> +</head> +<body> + <p>The test passed if you see all the cells are arraged vertically and reversed.</p> + <div class="container"> + <span>forth</span> + <span>third</span> + <span>second</span> + <span>first</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 7817c57e510..88a3a6222ce 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 @@ -6,7 +6,6 @@ .container { position: relative; display: flex; - flex-direction: row-reverse; background: red; margin: 1em 0; border: 1px solid black; 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/xhtml1/reference/ttwf-reftest-flex-wrap-ref.xht index d55e5c26256..92f5a9f6156 100644 --- 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/xhtml1/reference/ttwf-reftest-flex-wrap-ref.xht @@ -1,26 +1,35 @@ <!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> + <title>CSS Flexible Box Test: flex-wrap proprety - wrap</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; + background: red; + margin: 1em 0; + border: 1px solid black; + width: 20em; + height: 6.5em; } - .greenSquare { + span { display: inline-block; - margin-top: -200px; background: green; - } + color: white; + margin: 1em; + width: 8em; + float: left; + } </style> </head> <body> - <p>The test passed if you see a green block which its text is 'Success! -'.</p> + <p>The test passed if you see a 2 * 2 table on the page.</p> <div class="container"> - <!-- This is the square that should not be visible if the test passes --> - <div class="greenSquare">Success!</div> + <span>first</span> + <span>second</span> + <span>third</span> + <span>forth</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 7267c7e88cf..64653047780 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 @@ -584,14 +584,6 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="flex-container-margin" class=""> - <tr> - <td rowspan="1" title="flex-container-margin-not-collapse-with-content-margin"> - <a href="flex-container-margin.xht">flex-container-margin</a></td> - <td><a href="reference/flex-container-margin-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> <tbody id="flex-direction" class=""> <tr> <td rowspan="1" title="flex flow direction"> @@ -2056,6 +2048,78 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="flexbox-writing-mode-001" class=""> + <tr> + <td rowspan="1" title="Try various flex-flow values, with 'direction: ltr' and 'writing-mode: horizontal-tb'"> + <a href="flexbox-writing-mode-001.xht">flexbox-writing-mode-001</a></td> + <td><a href="reference/flexbox-writing-mode-001-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-002" class=""> + <tr> + <td rowspan="1" title="Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-rl'"> + <a href="flexbox-writing-mode-002.xht">flexbox-writing-mode-002</a></td> + <td><a href="reference/flexbox-writing-mode-002-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-003" class=""> + <tr> + <td rowspan="1" title="Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-lr'"> + <a href="flexbox-writing-mode-003.xht">flexbox-writing-mode-003</a></td> + <td><a href="reference/flexbox-writing-mode-003-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-004" class=""> + <tr> + <td rowspan="1" title="Try various flex-flow values, with 'direction: rtl' and 'writing-mode: horizontal-tb'"> + <a href="flexbox-writing-mode-004.xht">flexbox-writing-mode-004</a></td> + <td><a href="reference/flexbox-writing-mode-004-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-005" class=""> + <tr> + <td rowspan="1" title="Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-rl'"> + <a href="flexbox-writing-mode-005.xht">flexbox-writing-mode-005</a></td> + <td><a href="reference/flexbox-writing-mode-005-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-006" class=""> + <tr> + <td rowspan="1" title="Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-lr'"> + <a href="flexbox-writing-mode-006.xht">flexbox-writing-mode-006</a></td> + <td><a href="reference/flexbox-writing-mode-006-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-007" class=""> + <tr> + <td rowspan="1" title="Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode"> + <a href="flexbox-writing-mode-007.xht">flexbox-writing-mode-007</a></td> + <td><a href="reference/flexbox-writing-mode-007-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-008" class=""> + <tr> + <td rowspan="1" title="Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode"> + <a href="flexbox-writing-mode-008.xht">flexbox-writing-mode-008</a></td> + <td><a href="reference/flexbox-writing-mode-008-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-009" class=""> + <tr> + <td rowspan="1" title="Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode"> + <a href="flexbox-writing-mode-009.xht">flexbox-writing-mode-009</a></td> + <td><a href="reference/flexbox-writing-mode-009-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="flexbox_absolute-atomic" class=""> <tr> <td rowspan="1" title="flexbox | abspos atomic flexitems"> @@ -3802,7 +3866,7 @@ </tbody> <tbody id="ttwf-reftest-flex-align-content-center" class=""> <tr> - <td rowspan="1" title="align-content proprety - center"> + <td rowspan="1" title="align-content property - center"> <a href="ttwf-reftest-flex-align-content-center.xht">ttwf-reftest-flex-align-content-center</a></td> <td><a href="reference/ttwf-reftest-flex-align-content-center-ref.xht">=</a> </td> <td rowspan="1"></td> @@ -3810,7 +3874,7 @@ </tbody> <tbody id="ttwf-reftest-flex-align-content-end" class=""> <tr> - <td rowspan="1" title="align-content proprety - flex-end"> + <td rowspan="1" title="align-content property - flex-end"> <a href="ttwf-reftest-flex-align-content-end.xht">ttwf-reftest-flex-align-content-end</a></td> <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.xht">=</a> </td> <td rowspan="1"></td> @@ -3818,25 +3882,25 @@ </tbody> <tbody id="ttwf-reftest-flex-align-content-space-around" class=""> <tr> - <td rowspan="1" title="align-content proprety - flex-end"> + <td rowspan="1" title="align-content property - space-around"> <a href="ttwf-reftest-flex-align-content-space-around.xht">ttwf-reftest-flex-align-content-space-around</a></td> - <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.xht">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-align-content-space-around-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> <tbody id="ttwf-reftest-flex-align-content-space-between" class=""> <tr> - <td rowspan="1" title="align-content proprety - flex-end"> + <td rowspan="1" title="align-content property - space-between"> <a href="ttwf-reftest-flex-align-content-space-between.xht">ttwf-reftest-flex-align-content-space-between</a></td> - <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.xht">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-align-content-space-between-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> <tbody id="ttwf-reftest-flex-align-content-start" class=""> <tr> - <td rowspan="1" title="align-content proprety - flex-end"> + <td rowspan="1" title="align-content property - flex-start"> <a href="ttwf-reftest-flex-align-content-start.xht">ttwf-reftest-flex-align-content-start</a></td> - <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.xht">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-align-content-start-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -3860,7 +3924,7 @@ <tr> <td rowspan="1" title="flex-direction proprety - column-reverse"> <a href="ttwf-reftest-flex-direction-column-reverse.xht">ttwf-reftest-flex-direction-column-reverse</a></td> - <td><a href="reference/ttwf-reftest-flex-direction-column-ref.xht">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-direction-column-reverse-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -3884,7 +3948,7 @@ <tr> <td rowspan="1" title="flex-wrap proprety - wrap"> <a href="ttwf-reftest-flex-wrap.xht">ttwf-reftest-flex-wrap</a></td> - <td><a href="reference/ttwf-reftest-flex-inline-ref.xht">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-wrap-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> 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 3a01817404c..f4687c773ca 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 @@ -69,7 +69,6 @@ flex-basis-006.xht == reference/ref-filled-green-100px-square.xht flex-basis-007.xht == reference/ref-filled-green-100px-square.xht flex-basis-008.xht == reference/ref-filled-green-100px-square.xht flex-box-wrap.xht == reference/flex-box-wrap-ref.xht -flex-container-margin.xht == reference/flex-container-margin-ref.xht flex-direction.xht == reference/flex-direction.xht flex-direction-modify.xht == reference/flex-direction-modify.xht flex-direction-with-element-insert.xht == reference/flex-direction-with-element-insert.xht @@ -253,6 +252,15 @@ flexbox-whitespace-handling-002.xht == reference/flexbox-whitespace-handling-002 flexbox-with-pseudo-elements-001.xht == reference/flexbox-with-pseudo-elements-001-ref.xht flexbox-with-pseudo-elements-002.xht == reference/flexbox-with-pseudo-elements-002-ref.xht flexbox-with-pseudo-elements-003.xht == reference/flexbox-with-pseudo-elements-003-ref.xht +flexbox-writing-mode-001.xht == reference/flexbox-writing-mode-001-ref.xht +flexbox-writing-mode-002.xht == reference/flexbox-writing-mode-002-ref.xht +flexbox-writing-mode-003.xht == reference/flexbox-writing-mode-003-ref.xht +flexbox-writing-mode-004.xht == reference/flexbox-writing-mode-004-ref.xht +flexbox-writing-mode-005.xht == reference/flexbox-writing-mode-005-ref.xht +flexbox-writing-mode-006.xht == reference/flexbox-writing-mode-006-ref.xht +flexbox-writing-mode-007.xht == reference/flexbox-writing-mode-007-ref.xht +flexbox-writing-mode-008.xht == reference/flexbox-writing-mode-008-ref.xht +flexbox-writing-mode-009.xht == reference/flexbox-writing-mode-009-ref.xht flexbox_absolute-atomic.xht == reference/flexbox_absolute-atomic-ref.xht flexbox_align-content-center.xht == reference/flexbox_align-content-center-ref.xht flexbox_align-content-flexend.xht == reference/flexbox_align-content-flexend-ref.xht @@ -473,14 +481,14 @@ regions-flexbox-004.xht == reference/regions-flexbox-002-ref.xht row-flexbox-break.xht == reference/row-flexbox-break-ref.xht ttwf-reftest-flex-align-content-center.xht == reference/ttwf-reftest-flex-align-content-center-ref.xht ttwf-reftest-flex-align-content-end.xht == reference/ttwf-reftest-flex-align-content-end-ref.xht -ttwf-reftest-flex-align-content-space-around.xht == reference/ttwf-reftest-flex-align-content-end-ref.xht -ttwf-reftest-flex-align-content-space-between.xht == reference/ttwf-reftest-flex-align-content-end-ref.xht -ttwf-reftest-flex-align-content-start.xht == reference/ttwf-reftest-flex-align-content-end-ref.xht +ttwf-reftest-flex-align-content-space-around.xht == reference/ttwf-reftest-flex-align-content-space-around-ref.xht +ttwf-reftest-flex-align-content-space-between.xht == reference/ttwf-reftest-flex-align-content-space-between-ref.xht +ttwf-reftest-flex-align-content-start.xht == reference/ttwf-reftest-flex-align-content-start-ref.xht 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-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-order.xht == reference/ttwf-reftest-flex-order-ref.xht -ttwf-reftest-flex-wrap.xht == reference/ttwf-reftest-flex-inline-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 visibility-regions-in-flexbox.xht == reference/visibility-regions-in-flexbox-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 813acb27f5e..9823b1c7b97 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 @@ -37,12 +37,12 @@ <tbody id="s4"> <tr><th><a href="chapter-4.xht">Chapter 4 - Flex Items</a></th> - <td>(58 Tests)</td></tr> + <td>(57 Tests)</td></tr> </tbody> <tbody id="s5"> <tr><th><a href="chapter-5.xht">Chapter 5 - Ordering and Orientation</a></th> - <td>(123 Tests)</td></tr> + <td>(129 Tests)</td></tr> </tbody> <tbody id="s6"> <tr><th><a href="chapter-6.xht">Chapter 6 - @@ -62,7 +62,7 @@ <tbody id="s9"> <tr><th><a href="chapter-9.xht">Chapter 9 - Flex Layout Algorithm</a></th> - <td>(58 Tests)</td></tr> + <td>(61 Tests)</td></tr> </tbody> <tbody id="s10"> <tr><th><a href="chapter-10.xht">Chapter 10 - diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-center.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-center.xht index 938f06357f9..27130febf9e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-center.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-center.xht @@ -1,6 +1,6 @@ <!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 proprety - center</title> + <title>CSS Flexible Box Test: align-content property - center</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> <link href="reference/ttwf-reftest-flex-align-content-center-ref.xht" rel="match" /> @@ -29,7 +29,7 @@ </style> </head> <body> - <p>The test passed if you see a 2*2 table.</p> + <p>The test passed if you see a centered 2*2 table.</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-align-content-end.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-end.xht index fc36d46f8af..ffd2e97f29d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-end.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-end.xht @@ -1,6 +1,6 @@ <!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 proprety - flex-end</title> + <title>CSS Flexible Box Test: align-content property - flex-end</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> <link href="reference/ttwf-reftest-flex-align-content-end-ref.xht" rel="match" /> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-space-around.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-space-around.xht index c4eef3dedcb..c5a4fce24de 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-space-around.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-space-around.xht @@ -1,9 +1,9 @@ <!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 proprety - flex-end</title> + <title>CSS Flexible Box Test: align-content property - space-around</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="reference/ttwf-reftest-flex-align-content-end-ref.xht" rel="match" /> + <link href="reference/ttwf-reftest-flex-align-content-space-around-ref.xht" rel="match" /> <meta content="Statement describing what the test case is asserting" name="assert" /> <style type="text/css"> .container { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-space-between.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-space-between.xht index 10c3dcc6cf1..622301739eb 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-space-between.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-space-between.xht @@ -1,9 +1,9 @@ <!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 proprety - flex-end</title> + <title>CSS Flexible Box Test: align-content property - space-between</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="reference/ttwf-reftest-flex-align-content-end-ref.xht" rel="match" /> + <link href="reference/ttwf-reftest-flex-align-content-space-between-ref.xht" rel="match" /> <meta content="Statement describing what the test case is asserting" name="assert" /> <style type="text/css"> .container { @@ -29,7 +29,7 @@ </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> + <p>The test passed if you see a 2*2 table and all the cells are spaced equally apart.</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-align-content-start.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-start.xht index 3e67a1e9525..5014c497b9f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-start.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-align-content-start.xht @@ -1,9 +1,9 @@ <!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 proprety - flex-end</title> + <title>CSS Flexible Box Test: align-content property - flex-start</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="reference/ttwf-reftest-flex-align-content-end-ref.xht" rel="match" /> + <link href="reference/ttwf-reftest-flex-align-content-start-ref.xht" rel="match" /> <meta content="Statement describing what the test case is asserting" name="assert" /> <style type="text/css"> .container { @@ -29,7 +29,7 @@ </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> + <p>The test passed if you see a 2*2 table and all the cells are at the top of the container.</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-direction-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-direction-column-reverse.xht index 2c72416e3b2..652d3d4bb0d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-direction-column-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-direction-column-reverse.xht @@ -3,7 +3,7 @@ <title>CSS Flexible Box Test: flex-direction proprety - column-reverse</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> - <link href="reference/ttwf-reftest-flex-direction-column-ref.xht" rel="match" /> + <link href="reference/ttwf-reftest-flex-direction-column-reverse-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 diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-wrap.xht index e76a503f7bf..db14e539c73 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-wrap.xht @@ -3,7 +3,7 @@ <title>CSS Flexible Box Test: flex-wrap proprety - wrap</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> - <link href="reference/ttwf-reftest-flex-inline-ref.xht" rel="match" /> + <link href="reference/ttwf-reftest-flex-wrap-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 diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-1.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-1.xht index 86f94427de5..e666d4aadaa 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-1.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-1.xht @@ -56,12 +56,6 @@ </td> </tr> </tbody> - <tbody id="s1.3"> - <tr><th colspan="4" scope="rowgroup"> - <a href="#s1.3">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#values">1.3 Values</a></th></tr> - <!-- 0 tests --> - </tbody> </table> </body> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-10.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-10.xht index 35908a48f61..5698a6995a2 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-10.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-10.xht @@ -170,12 +170,54 @@ <a href="http://www.w3.org/TR/css-flexbox-1/#pagination-algo">10.1 Sample Flex Fragmentation Algorithm</a></th></tr> <!-- 0 tests --> </tbody> + <tbody id="s10.1.#example-bb213bd3"> + <!-- 0 tests --> + </tbody> <tbody id="s.#abstract"> <!-- 0 tests --> </tbody> <tbody id="s.#acknowledgments"> <!-- 0 tests --> </tbody> + <tbody id="s.#biblio-css-align-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-break-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-cascade-4"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-display-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-images-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-overflow-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-position-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-pseudo-4"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-sizing-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-text-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-ui-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-values-3"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#biblio-css-writing-modes-3"> + <!-- 0 tests --> + </tbody> <tbody id="s.#biblio-css21"> <!-- 0 tests --> </tbody> @@ -185,16 +227,19 @@ <tbody id="s.#biblio-css3-break"> <!-- 0 tests --> </tbody> + <tbody id="s.#biblio-css3-display"> + <!-- 0 tests --> + </tbody> <tbody id="s.#biblio-css3-sizing"> <!-- 0 tests --> </tbody> <tbody id="s.#biblio-css3-writing-modes"> <!-- 0 tests --> </tbody> - <tbody id="s.#biblio-css3ui"> + <tbody id="s.#biblio-css3col"> <!-- 0 tests --> </tbody> - <tbody id="s.#biblio-css3val"> + <tbody id="s.#biblio-css3ui"> <!-- 0 tests --> </tbody> <tbody id="s.#biblio-html40"> @@ -290,6 +335,48 @@ <tbody id="s.#change-201403-substantive"> <!-- 0 tests --> </tbody> + <tbody id="s.#change-201409-algo-breaks"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-align-content-wrapping"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-clamped-specified"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-clarify"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-content"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-display-longhands"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-flexed-definite-container"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-inner-base-size"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-layout-vs-size"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-min-auto-specified-size"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-neither"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-substantive"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-table-wrappers"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#change-201409-unclamped-size"> + <!-- 0 tests --> + </tbody> <tbody id="s.#changes"> <!-- 0 tests --> </tbody> @@ -305,6 +392,9 @@ <tbody id="s.#changes-201403"> <!-- 0 tests --> </tbody> + <tbody id="s.#changes-201409"> + <!-- 0 tests --> + </tbody> <tbody id="s.#clarify-2012-abspos-items"> <!-- 0 tests --> </tbody> @@ -353,16 +443,28 @@ <tbody id="s.#conventions"> <!-- 0 tests --> </tbody> + <tbody id="s.#example-0401c357"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#example-cd819179"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#example-f839f6c8"> + <!-- 0 tests --> + </tbody> <tbody id="s.#experimental"> <!-- 0 tests --> </tbody> <tbody id="s.#index"> <!-- 0 tests --> </tbody> - <tbody id="s.#informative"> + <tbody id="s.#index-defined-elsewhere"> + <!-- 0 tests --> + </tbody> + <tbody id="s.#index-defined-here"> <!-- 0 tests --> </tbody> - <tbody id="s.#issues-index"> + <tbody id="s.#informative"> <!-- 0 tests --> </tbody> <tbody id="s.#normative"> 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 f26ada2c884..43d4130d34f 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 @@ -42,16 +42,16 @@ <tbody id="s2.#cross-dimension"> <!-- 0 tests --> </tbody> - <tbody id="s2.#cross-end"> - <!-- 0 tests --> - </tbody> <tbody id="s2.#cross-size"> <!-- 0 tests --> </tbody> <tbody id="s2.#cross-size-property"> <!-- 0 tests --> </tbody> - <tbody id="s2.#cross-start"> + <tbody id="s2.#cross_end"> + <!-- 0 tests --> + </tbody> + <tbody id="s2.#cross_start"> <!-- 0 tests --> </tbody> <tbody id="s2.#flex-container"> @@ -372,16 +372,16 @@ <tbody id="s2.#main-dimension"> <!-- 0 tests --> </tbody> - <tbody id="s2.#main-end"> - <!-- 0 tests --> - </tbody> <tbody id="s2.#main-size"> <!-- 0 tests --> </tbody> <tbody id="s2.#main-size-property"> <!-- 0 tests --> </tbody> - <tbody id="s2.#main-start"> + <tbody id="s2.#main_end"> + <!-- 0 tests --> + </tbody> + <tbody id="s2.#main_start"> <!-- 0 tests --> </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 80bbd705885..e3bf234bbb8 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 (58 tests)</h2> + <h2>Flex Items (57 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -231,6 +231,12 @@ </td> </tr> </tbody> + <tbody id="s4.#example-f7107939"> + <!-- 0 tests --> + </tbody> + <tbody id="s4.#flex_level"> + <!-- 0 tests --> + </tbody> <tbody id="s4.#table-items"> <!-- 0 tests --> </tbody> @@ -272,25 +278,17 @@ </td> </tr> </tbody> - <tbody id="s4.1.#static-position-rectangle"> + <tbody id="s4.1.#example-5860ae02"> + <!-- 0 tests --> + </tbody> + <tbody id="s4.1.#static_position-rectangle"> <!-- 0 tests --> </tbody> <tbody id="s4.2"> <tr><th colspan="4" scope="rowgroup"> <a href="#s4.2">+</a> <a href="http://www.w3.org/TR/css-flexbox-1/#item-margins">4.2 Flex Item Margins and Paddings</a></th></tr> - <!-- 3 tests --> - <tr id="flex-container-margin-4.2" class="primary"> - <td><strong> - <a href="flex-container-margin.xht">flex-container-margin</a></strong></td> - <td><a href="reference/flex-container-margin-ref.xht">=</a> </td> - <td></td> - <td>flex-container-margin-not-collapse-with-content-margin - <ul class="assert"> - <li>The margins of adjacent flex items do not collapse.</li> - </ul> - </td> - </tr> + <!-- 2 tests --> <tr id="flex-margin-no-collapse-4.2" class=""> <td> <a href="flex-margin-no-collapse.xht">flex-margin-no-collapse</a></td> @@ -423,6 +421,9 @@ <tbody id="s4.4.#collapsed-flex-item"> <!-- 0 tests --> </tbody> + <tbody id="s4.4.#example-f6817be4"> + <!-- 0 tests --> + </tbody> <tbody id="s4.4.#nav-about"> <!-- 0 tests --> </tbody> @@ -572,7 +573,7 @@ <tbody id="s4.5.#min-size-opt"> <!-- 0 tests --> </tbody> - <tbody id="s4.5.#valdef-min-width-min-height-auto"> + <tbody id="s4.5.#valdef-min-width-auto"> <!-- 0 tests --> </tbody> </table> 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 e416d9b40a3..fbdfd0d712e 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 (123 tests)</h2> + <h2>Ordering and Orientation (129 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -263,7 +263,7 @@ <tr id="ttwf-reftest-flex-direction-column-reverse-5.1" class="primary"> <td><strong> <a href="ttwf-reftest-flex-direction-column-reverse.xht">ttwf-reftest-flex-direction-column-reverse</a></strong></td> - <td><a href="reference/ttwf-reftest-flex-direction-column-ref.xht">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-direction-column-reverse-ref.xht">=</a> </td> <td></td> <td>flex-direction proprety - column-reverse <ul class="assert"> @@ -284,7 +284,7 @@ </tr> </tbody> <tbody id="s5.1.#propdef-flex-direction"> - <!-- 1 tests --> + <!-- 7 tests --> <tr id="flex-margin-no-collapse-5.1.#propdef-flex-direction" class="primary"> <td><strong> <a href="flex-margin-no-collapse.xht">flex-margin-no-collapse</a></strong></td> @@ -296,6 +296,54 @@ </ul> </td> </tr> + <tr id="flexbox-writing-mode-001-5.1.#propdef-flex-direction" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-001.xht">flexbox-writing-mode-001</a></strong></td> + <td><a href="reference/flexbox-writing-mode-001-ref.xht">=</a> </td> + <td></td> + <td>Try various flex-flow values, with 'direction: ltr' and 'writing-mode: horizontal-tb' + </td> + </tr> + <tr id="flexbox-writing-mode-002-5.1.#propdef-flex-direction" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-002.xht">flexbox-writing-mode-002</a></strong></td> + <td><a href="reference/flexbox-writing-mode-002-ref.xht">=</a> </td> + <td></td> + <td>Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-rl' + </td> + </tr> + <tr id="flexbox-writing-mode-003-5.1.#propdef-flex-direction" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-003.xht">flexbox-writing-mode-003</a></strong></td> + <td><a href="reference/flexbox-writing-mode-003-ref.xht">=</a> </td> + <td></td> + <td>Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-lr' + </td> + </tr> + <tr id="flexbox-writing-mode-004-5.1.#propdef-flex-direction" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-004.xht">flexbox-writing-mode-004</a></strong></td> + <td><a href="reference/flexbox-writing-mode-004-ref.xht">=</a> </td> + <td></td> + <td>Try various flex-flow values, with 'direction: rtl' and 'writing-mode: horizontal-tb' + </td> + </tr> + <tr id="flexbox-writing-mode-005-5.1.#propdef-flex-direction" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-005.xht">flexbox-writing-mode-005</a></strong></td> + <td><a href="reference/flexbox-writing-mode-005-ref.xht">=</a> </td> + <td></td> + <td>Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-rl' + </td> + </tr> + <tr id="flexbox-writing-mode-006-5.1.#propdef-flex-direction" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-006.xht">flexbox-writing-mode-006</a></strong></td> + <td><a href="reference/flexbox-writing-mode-006-ref.xht">=</a> </td> + <td></td> + <td>Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-lr' + </td> + </tr> </tbody> <tbody id="s5.1.#valdef-flex-direction-column"> <!-- 0 tests --> @@ -740,7 +788,7 @@ <tr id="ttwf-reftest-flex-wrap-5.2.#propdef-flex-wrap" class="primary"> <td><strong> <a href="ttwf-reftest-flex-wrap.xht">ttwf-reftest-flex-wrap</a></strong></td> - <td><a href="reference/ttwf-reftest-flex-inline-ref.xht">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-wrap-ref.xht">=</a> </td> <td></td> <td>flex-wrap proprety - wrap <ul class="assert"> @@ -802,6 +850,9 @@ </td> </tr> </tbody> + <tbody id="s5.3.#example-ce59c06d"> + <!-- 0 tests --> + </tbody> <tbody id="s5.3.#propdef-flex-flow"> <!-- 52 tests --> <tr id="css-box-justify-content-5.3.#propdef-flex-flow" class=""> @@ -1313,7 +1364,10 @@ </td> </tr> </tbody> - <tbody id="s5.4.#order-modified-document-order"> + <tbody id="s5.4.#example-6155594a"> + <!-- 0 tests --> + </tbody> + <tbody id="s5.4.#order_modified-document-order"> <!-- 0 tests --> </tbody> <tbody id="s5.4.#propdef-order"> @@ -1456,11 +1510,11 @@ </ul> </td> </tr> - <tr id="order_value-5.4.#propdef-order" class="primary"> + <tr id="order_value-5.4.#propdef-order" class="primary script"> <td><strong> <a href="order_value.xht">order_value</a></strong></td> <td></td> - <td></td> + <td><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>order_check <ul class="assert"> <li>Check if the web engine can indentify order property.</li> @@ -1488,6 +1542,9 @@ <a href="http://www.w3.org/TR/css-flexbox-1/#order-accessibility">5.4.1 Reordering and Accessibility</a></th></tr> <!-- 0 tests --> </tbody> + <tbody id="s5.4.1.#example-465c9ea3"> + <!-- 0 tests --> + </tbody> </table> </body> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-6.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-6.xht index e11e607c3e0..3f2bdafcb5d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-6.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-6.xht @@ -46,13 +46,19 @@ </td> </tr> </tbody> + <tbody id="s6.#example-c8b950d1"> + <!-- 0 tests --> + </tbody> + <tbody id="s6.#example-e4bd6579"> + <!-- 0 tests --> + </tbody> <tbody id="s6.#flex-line"> <!-- 0 tests --> </tbody> - <tbody id="s6.#multi-line"> + <tbody id="s6.#multi_line"> <!-- 0 tests --> </tbody> - <tbody id="s6.#single-line"> + <tbody id="s6.#single_line"> <!-- 0 tests --> </tbody> </table> 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 11ecbc451ce..181788e79bf 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 @@ -931,9 +931,6 @@ </td> </tr> </tbody> - <tbody id="s7.1.#valdef-flex-auto"> - <!-- 0 tests --> - </tbody> <tbody id="s7.1.#valdef-flex-flex-basis"> <!-- 0 tests --> </tbody> @@ -946,12 +943,12 @@ <tbody id="s7.1.#valdef-flex-none"> <!-- 0 tests --> </tbody> - <tbody id="s7.2"> + <tbody id="s7.1.1"> <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.2">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-common">7.2 Common Values of flex</a></th></tr> + <a href="#s7.1.1">+</a> + <a href="http://www.w3.org/TR/css-flexbox-1/#flex-common">7.1.1 Common Values of flex</a></th></tr> <!-- 5 tests --> - <tr id="flexbox_flex-auto-7.2" class="primary"> + <tr id="flexbox_flex-auto-7.1.1" class="primary"> <td><strong> <a href="flexbox_flex-auto.xht">flexbox_flex-auto</a></strong></td> <td><a href="reference/flexbox_flex-auto-ref.xht">=</a> </td> @@ -959,7 +956,7 @@ <td>flexbox | flex: auto </td> </tr> - <tr id="flexbox_flex-initial-7.2" class="primary"> + <tr id="flexbox_flex-initial-7.1.1" class="primary"> <td><strong> <a href="flexbox_flex-initial.xht">flexbox_flex-initial</a></strong></td> <td><a href="reference/flexbox_flex-initial-ref.xht">=</a> </td> @@ -967,7 +964,7 @@ <td>flexbox | flex: initial </td> </tr> - <tr id="flexbox_flex-initial-2-7.2" class="primary"> + <tr id="flexbox_flex-initial-2-7.1.1" class="primary"> <td><strong> <a href="flexbox_flex-initial-2.xht">flexbox_flex-initial-2</a></strong></td> <td><a href="reference/flexbox_flex-initial-2-ref.xht">=</a> </td> @@ -975,7 +972,7 @@ <td>flexbox | flex: initial </td> </tr> - <tr id="flexbox_flex-natural-7.2" class="primary"> + <tr id="flexbox_flex-natural-7.1.1" class="primary"> <td><strong> <a href="flexbox_flex-natural.xht">flexbox_flex-natural</a></strong></td> <td><a href="reference/flexbox_flex-natural-ref.xht">=</a> </td> @@ -983,7 +980,7 @@ <td>flexbox | flex: larger integer </td> </tr> - <tr id="flexbox_flex-none-7.2" class="primary"> + <tr id="flexbox_flex-none-7.1.1" class="primary"> <td><strong> <a href="flexbox_flex-none.xht">flexbox_flex-none</a></strong></td> <td><a href="reference/flexbox_flex-none-ref.xht">=</a> </td> @@ -992,24 +989,24 @@ </td> </tr> </tbody> - <tbody id="s7.2.#flex-initial"> + <tbody id="s7.1.1.#flex-initial"> <!-- 0 tests --> </tbody> - <tbody id="s7.3"> + <tbody id="s7.2"> <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.3">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-components">7.3 Components of Flexibility</a></th></tr> + <a href="#s7.2">+</a> + <a href="http://www.w3.org/TR/css-flexbox-1/#flex-components">7.2 Components of Flexibility</a></th></tr> <!-- 0 tests --> </tbody> - <tbody id="s7.3.1"> + <tbody id="s7.2.1"> <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.3.1">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-grow-property">7.3.1 The flex-grow property</a></th></tr> + <a href="#s7.2.1">+</a> + <a href="http://www.w3.org/TR/css-flexbox-1/#flex-grow-property">7.2.1 The flex-grow property</a></th></tr> <!-- 0 tests --> </tbody> - <tbody id="s7.3.1.#propdef-flex-grow"> + <tbody id="s7.2.1.#propdef-flex-grow"> <!-- 13 tests --> - <tr id="autoheight-regions-in-fixed-sized-flexbox-001-7.3.1.#propdef-flex-grow" class="ahem"> + <tr id="autoheight-regions-in-fixed-sized-flexbox-001-7.2.1.#propdef-flex-grow" class="ahem"> <td> <a href="autoheight-regions-in-fixed-sized-flexbox-001.xht">autoheight-regions-in-fixed-sized-flexbox-001</a></td> <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-001-ref.xht">=</a> </td> @@ -1020,7 +1017,7 @@ </ul> </td> </tr> - <tr id="autoheight-regions-in-fixed-sized-flexbox-002-7.3.1.#propdef-flex-grow" class="ahem"> + <tr id="autoheight-regions-in-fixed-sized-flexbox-002-7.2.1.#propdef-flex-grow" class="ahem"> <td> <a href="autoheight-regions-in-fixed-sized-flexbox-002.xht">autoheight-regions-in-fixed-sized-flexbox-002</a></td> <td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-002-ref.xht">=</a> </td> @@ -1031,7 +1028,7 @@ </ul> </td> </tr> - <tr id="css-flexbox-img-expand-evenly-7.3.1.#propdef-flex-grow" class="primary"> + <tr id="css-flexbox-img-expand-evenly-7.2.1.#propdef-flex-grow" class="primary"> <td><strong> <a href="css-flexbox-img-expand-evenly.xht">css-flexbox-img-expand-evenly</a></strong></td> <td><a href="reference/css-flexbox-img-expand-evenly-ref.xht">=</a> </td> @@ -1042,7 +1039,7 @@ </ul> </td> </tr> - <tr id="flex-grow-001-7.3.1.#propdef-flex-grow" class="primary"> + <tr id="flex-grow-001-7.2.1.#propdef-flex-grow" class="primary"> <td><strong> <a href="flex-grow-001.xht">flex-grow-001</a></strong></td> <td><a href="reference/flex-grow-001-ref.xht">=</a> </td> @@ -1053,7 +1050,7 @@ </ul> </td> </tr> - <tr id="flex-grow-002-7.3.1.#propdef-flex-grow" class="primary"> + <tr id="flex-grow-002-7.2.1.#propdef-flex-grow" class="primary"> <td><strong> <a href="flex-grow-002.xht">flex-grow-002</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1064,7 +1061,7 @@ </ul> </td> </tr> - <tr id="flex-grow-003-7.3.1.#propdef-flex-grow" class="primary"> + <tr id="flex-grow-003-7.2.1.#propdef-flex-grow" class="primary"> <td><strong> <a href="flex-grow-003.xht">flex-grow-003</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1075,7 +1072,7 @@ </ul> </td> </tr> - <tr id="flex-grow-004-7.3.1.#propdef-flex-grow" class="primary"> + <tr id="flex-grow-004-7.2.1.#propdef-flex-grow" class="primary"> <td><strong> <a href="flex-grow-004.xht">flex-grow-004</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1086,7 +1083,7 @@ </ul> </td> </tr> - <tr id="flex-grow-005-7.3.1.#propdef-flex-grow" class="primary"> + <tr id="flex-grow-005-7.2.1.#propdef-flex-grow" class="primary"> <td><strong> <a href="flex-grow-005.xht">flex-grow-005</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1097,7 +1094,7 @@ </ul> </td> </tr> - <tr id="flex-grow-006-7.3.1.#propdef-flex-grow" class="primary"> + <tr id="flex-grow-006-7.2.1.#propdef-flex-grow" class="primary"> <td><strong> <a href="flex-grow-006.xht">flex-grow-006</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1108,7 +1105,7 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_flex-grow-0-7.3.1.#propdef-flex-grow" class="primary dom"> + <tr id="flexbox_computedstyle_flex-grow-0-7.2.1.#propdef-flex-grow" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-grow-0.xht">flexbox_computedstyle_flex-grow-0</a></strong></td> <td></td> @@ -1116,7 +1113,7 @@ <td>flexbox | computed style | flex-grow: 0 </td> </tr> - <tr id="flexbox_computedstyle_flex-grow-invalid-7.3.1.#propdef-flex-grow" class="primary dom"> + <tr id="flexbox_computedstyle_flex-grow-invalid-7.2.1.#propdef-flex-grow" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-grow-invalid.xht">flexbox_computedstyle_flex-grow-invalid</a></strong></td> <td></td> @@ -1124,7 +1121,7 @@ <td>flexbox | computed style | flex-grow: negative </td> </tr> - <tr id="flexbox_computedstyle_flex-grow-number-7.3.1.#propdef-flex-grow" class="primary dom"> + <tr id="flexbox_computedstyle_flex-grow-number-7.2.1.#propdef-flex-grow" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-grow-number.xht">flexbox_computedstyle_flex-grow-number</a></strong></td> <td></td> @@ -1132,7 +1129,7 @@ <td>flexbox | computed style | flex-grow: number </td> </tr> - <tr id="flexbox_interactive_flex-grow-transitions-7.3.1.#propdef-flex-grow" class="primary interact"> + <tr id="flexbox_interactive_flex-grow-transitions-7.2.1.#propdef-flex-grow" class="primary interact"> <td><strong> <a href="flexbox_interactive_flex-grow-transitions.xht">flexbox_interactive_flex-grow-transitions</a></strong></td> <td></td> @@ -1141,18 +1138,18 @@ </td> </tr> </tbody> - <tbody id="s7.3.1.#valdef-flex-grow-number"> + <tbody id="s7.2.1.#valdef-flex-grow-number"> <!-- 0 tests --> </tbody> - <tbody id="s7.3.2"> + <tbody id="s7.2.2"> <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.3.2">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-shrink-property">7.3.2 The flex-shrink property</a></th></tr> + <a href="#s7.2.2">+</a> + <a href="http://www.w3.org/TR/css-flexbox-1/#flex-shrink-property">7.2.2 The flex-shrink property</a></th></tr> <!-- 0 tests --> </tbody> - <tbody id="s7.3.2.#propdef-flex-shrink"> + <tbody id="s7.2.2.#propdef-flex-shrink"> <!-- 12 tests --> - <tr id="flex-shrink-001-7.3.2.#propdef-flex-shrink" class="primary"> + <tr id="flex-shrink-001-7.2.2.#propdef-flex-shrink" class="primary"> <td><strong> <a href="flex-shrink-001.xht">flex-shrink-001</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1163,7 +1160,7 @@ </ul> </td> </tr> - <tr id="flex-shrink-002-7.3.2.#propdef-flex-shrink" class="primary"> + <tr id="flex-shrink-002-7.2.2.#propdef-flex-shrink" class="primary"> <td><strong> <a href="flex-shrink-002.xht">flex-shrink-002</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1174,7 +1171,7 @@ </ul> </td> </tr> - <tr id="flex-shrink-003-7.3.2.#propdef-flex-shrink" class="primary"> + <tr id="flex-shrink-003-7.2.2.#propdef-flex-shrink" class="primary"> <td><strong> <a href="flex-shrink-003.xht">flex-shrink-003</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1185,7 +1182,7 @@ </ul> </td> </tr> - <tr id="flex-shrink-004-7.3.2.#propdef-flex-shrink" class="primary"> + <tr id="flex-shrink-004-7.2.2.#propdef-flex-shrink" class="primary"> <td><strong> <a href="flex-shrink-004.xht">flex-shrink-004</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1196,7 +1193,7 @@ </ul> </td> </tr> - <tr id="flex-shrink-005-7.3.2.#propdef-flex-shrink" class="primary"> + <tr id="flex-shrink-005-7.2.2.#propdef-flex-shrink" class="primary"> <td><strong> <a href="flex-shrink-005.xht">flex-shrink-005</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1207,7 +1204,7 @@ </ul> </td> </tr> - <tr id="flex-shrink-006-7.3.2.#propdef-flex-shrink" class="primary"> + <tr id="flex-shrink-006-7.2.2.#propdef-flex-shrink" class="primary"> <td><strong> <a href="flex-shrink-006.xht">flex-shrink-006</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1218,7 +1215,7 @@ </ul> </td> </tr> - <tr id="flex-shrink-007-7.3.2.#propdef-flex-shrink" class="primary"> + <tr id="flex-shrink-007-7.2.2.#propdef-flex-shrink" class="primary"> <td><strong> <a href="flex-shrink-007.xht">flex-shrink-007</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1229,7 +1226,7 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_flex-shrink-0-7.3.2.#propdef-flex-shrink" class="primary dom"> + <tr id="flexbox_computedstyle_flex-shrink-0-7.2.2.#propdef-flex-shrink" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-shrink-0.xht">flexbox_computedstyle_flex-shrink-0</a></strong></td> <td></td> @@ -1237,7 +1234,7 @@ <td>flexbox | computed style | flex-shrink: 0 </td> </tr> - <tr id="flexbox_computedstyle_flex-shrink-invalid-7.3.2.#propdef-flex-shrink" class="primary dom"> + <tr id="flexbox_computedstyle_flex-shrink-invalid-7.2.2.#propdef-flex-shrink" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-shrink-invalid.xht">flexbox_computedstyle_flex-shrink-invalid</a></strong></td> <td></td> @@ -1245,7 +1242,7 @@ <td>flexbox | computed style | flex-shrink: negative </td> </tr> - <tr id="flexbox_computedstyle_flex-shrink-number-7.3.2.#propdef-flex-shrink" class="primary dom"> + <tr id="flexbox_computedstyle_flex-shrink-number-7.2.2.#propdef-flex-shrink" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-shrink-number.xht">flexbox_computedstyle_flex-shrink-number</a></strong></td> <td></td> @@ -1253,7 +1250,7 @@ <td>flexbox | computed style | flex-shrink: number </td> </tr> - <tr id="flexbox_interactive_flex-shrink-transitions-7.3.2.#propdef-flex-shrink" class="primary interact"> + <tr id="flexbox_interactive_flex-shrink-transitions-7.2.2.#propdef-flex-shrink" class="primary interact"> <td><strong> <a href="flexbox_interactive_flex-shrink-transitions.xht">flexbox_interactive_flex-shrink-transitions</a></strong></td> <td></td> @@ -1261,7 +1258,7 @@ <td>flexbox | transitioned flex-shrink </td> </tr> - <tr id="flexbox_interactive_flex-shrink-transitions-invalid-7.3.2.#propdef-flex-shrink" class="primary interact"> + <tr id="flexbox_interactive_flex-shrink-transitions-invalid-7.2.2.#propdef-flex-shrink" class="primary interact"> <td><strong> <a href="flexbox_interactive_flex-shrink-transitions-invalid.xht">flexbox_interactive_flex-shrink-transitions-invalid</a></strong></td> <td></td> @@ -1270,15 +1267,15 @@ </td> </tr> </tbody> - <tbody id="s7.3.2.#valdef-flex-shrink-number"> + <tbody id="s7.2.2.#valdef-flex-shrink-number"> <!-- 0 tests --> </tbody> - <tbody id="s7.3.3"> + <tbody id="s7.2.3"> <tr><th colspan="4" scope="rowgroup"> - <a href="#s7.3.3">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property">7.3.3 The flex-basis property</a></th></tr> + <a href="#s7.2.3">+</a> + <a href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property">7.2.3 The flex-basis property</a></th></tr> <!-- 10 tests --> - <tr id="flexbox_computedstyle_flex-basis-0-7.3.3" class="primary dom"> + <tr id="flexbox_computedstyle_flex-basis-0-7.2.3" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-basis-0.xht">flexbox_computedstyle_flex-basis-0</a></strong></td> <td></td> @@ -1286,7 +1283,7 @@ <td>flexbox | computed style | flex-basis: 0 </td> </tr> - <tr id="flexbox_computedstyle_flex-basis-0percent-7.3.3" class="primary dom"> + <tr id="flexbox_computedstyle_flex-basis-0percent-7.2.3" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-basis-0percent.xht">flexbox_computedstyle_flex-basis-0percent</a></strong></td> <td></td> @@ -1294,7 +1291,7 @@ <td>flexbox | computed style | flex-basis: 0% </td> </tr> - <tr id="flexbox_computedstyle_flex-basis-auto-7.3.3" class="primary dom"> + <tr id="flexbox_computedstyle_flex-basis-auto-7.2.3" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-basis-auto.xht">flexbox_computedstyle_flex-basis-auto</a></strong></td> <td></td> @@ -1302,7 +1299,7 @@ <td>flexbox | computed style | flex-basis: auto </td> </tr> - <tr id="flexbox_computedstyle_flex-basis-percent-7.3.3" class="primary dom"> + <tr id="flexbox_computedstyle_flex-basis-percent-7.2.3" class="primary dom"> <td><strong> <a href="flexbox_computedstyle_flex-basis-percent.xht">flexbox_computedstyle_flex-basis-percent</a></strong></td> <td></td> @@ -1310,7 +1307,7 @@ <td>flexbox | computed style | flex-basis: percent </td> </tr> - <tr id="flexbox_flex-basis-7.3.3" class="primary"> + <tr id="flexbox_flex-basis-7.2.3" class="primary"> <td><strong> <a href="flexbox_flex-basis.xht">flexbox_flex-basis</a></strong></td> <td><a href="reference/flexbox_flex-basis-ref.xht">=</a> </td> @@ -1318,7 +1315,7 @@ <td>flexbox | flex-basis: percentage </td> </tr> - <tr id="flexbox_flex-basis-shrink-7.3.3" class="primary"> + <tr id="flexbox_flex-basis-shrink-7.2.3" class="primary"> <td><strong> <a href="flexbox_flex-basis-shrink.xht">flexbox_flex-basis-shrink</a></strong></td> <td><a href="reference/flexbox_flex-basis-shrink-ref.xht">=</a> </td> @@ -1326,7 +1323,7 @@ <td>flexbox | flex-basis: percentage, flex-shrink: +integer </td> </tr> - <tr id="flexbox_flex-natural-mixed-basis-7.3.3" class="primary"> + <tr id="flexbox_flex-natural-mixed-basis-7.2.3" class="primary"> <td><strong> <a href="flexbox_flex-natural-mixed-basis.xht">flexbox_flex-natural-mixed-basis</a></strong></td> <td><a href="reference/flexbox_flex-natural-mixed-basis-ref.xht">=</a> </td> @@ -1334,7 +1331,7 @@ <td>flexbox | flex: larger integer, mixed basis </td> </tr> - <tr id="flexbox_flex-natural-mixed-basis-auto-7.3.3" class="primary"> + <tr id="flexbox_flex-natural-mixed-basis-auto-7.2.3" class="primary"> <td><strong> <a href="flexbox_flex-natural-mixed-basis-auto.xht">flexbox_flex-natural-mixed-basis-auto</a></strong></td> <td><a href="reference/flexbox_flex-natural-mixed-basis-auto-ref.xht">=</a> </td> @@ -1342,7 +1339,7 @@ <td>flexbox | flex: larger integer, mixed basis, auto </td> </tr> - <tr id="flexbox_flex-natural-variable-auto-basis-7.3.3" class="primary"> + <tr id="flexbox_flex-natural-variable-auto-basis-7.2.3" class="primary"> <td><strong> <a href="flexbox_flex-natural-variable-auto-basis.xht">flexbox_flex-natural-variable-auto-basis</a></strong></td> <td><a href="reference/flexbox_flex-natural-variable-auto-basis-ref.xht">=</a> </td> @@ -1350,7 +1347,7 @@ <td>flexbox | flex: larger integer, auto basis </td> </tr> - <tr id="flexbox_interactive_flex-basis-transitions-7.3.3" class="primary interact"> + <tr id="flexbox_interactive_flex-basis-transitions-7.2.3" class="primary interact"> <td><strong> <a href="flexbox_interactive_flex-basis-transitions.xht">flexbox_interactive_flex-basis-transitions</a></strong></td> <td></td> @@ -1359,12 +1356,15 @@ </td> </tr> </tbody> - <tbody id="s7.3.3.#issue-753aff05"> + <tbody id="s7.2.3.#auto"> + <!-- 0 tests --> + </tbody> + <tbody id="s7.2.3.#content"> <!-- 0 tests --> </tbody> - <tbody id="s7.3.3.#propdef-flex-basis"> + <tbody id="s7.2.3.#propdef-flex-basis"> <!-- 9 tests --> - <tr id="flex-basis-001-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-001-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-001.xht">flex-basis-001</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1375,7 +1375,7 @@ </ul> </td> </tr> - <tr id="flex-basis-002-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-002-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-002.xht">flex-basis-002</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1386,7 +1386,7 @@ </ul> </td> </tr> - <tr id="flex-basis-003-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-003-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-003.xht">flex-basis-003</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1397,7 +1397,7 @@ </ul> </td> </tr> - <tr id="flex-basis-004-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-004-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-004.xht">flex-basis-004</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1408,7 +1408,7 @@ </ul> </td> </tr> - <tr id="flex-basis-005-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-005-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-005.xht">flex-basis-005</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1419,7 +1419,7 @@ </ul> </td> </tr> - <tr id="flex-basis-006-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-006-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-006.xht">flex-basis-006</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1430,7 +1430,7 @@ </ul> </td> </tr> - <tr id="flex-basis-007-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-007-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-007.xht">flex-basis-007</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1441,7 +1441,7 @@ </ul> </td> </tr> - <tr id="flex-basis-008-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flex-basis-008-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flex-basis-008.xht">flex-basis-008</a></strong></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> @@ -1452,7 +1452,7 @@ </ul> </td> </tr> - <tr id="flexbox_flex-natural-variable-zero-basis-7.3.3.#propdef-flex-basis" class="primary"> + <tr id="flexbox_flex-natural-variable-zero-basis-7.2.3.#propdef-flex-basis" class="primary"> <td><strong> <a href="flexbox_flex-natural-variable-zero-basis.xht">flexbox_flex-natural-variable-zero-basis</a></strong></td> <td><a href="reference/flexbox_flex-natural-variable-zero-basis-ref.xht">=</a> </td> @@ -1461,9 +1461,6 @@ </td> </tr> </tbody> - <tbody id="s7.3.3.#valdef-flex-basis-main-size"> - <!-- 0 tests --> - </tbody> </table> </body> 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 64b38295610..c7245adcb4e 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 @@ -101,6 +101,12 @@ <tbody id="s8.1.#auto-bar"> <!-- 0 tests --> </tbody> + <tbody id="s8.1.#example-30f9440a"> + <!-- 0 tests --> + </tbody> + <tbody id="s8.1.#example-c2f4f7f3"> + <!-- 0 tests --> + </tbody> <tbody id="s8.1.#login"> <!-- 0 tests --> </tbody> @@ -1282,19 +1288,19 @@ <tbody id="s8.3.#stretched"> <!-- 0 tests --> </tbody> - <tbody id="s8.3.#valdef-align-items-align-self-baseline"> + <tbody id="s8.3.#valdef-align-items-baseline"> <!-- 0 tests --> </tbody> - <tbody id="s8.3.#valdef-align-items-align-self-center"> + <tbody id="s8.3.#valdef-align-items-center"> <!-- 0 tests --> </tbody> - <tbody id="s8.3.#valdef-align-items-align-self-flex-end"> + <tbody id="s8.3.#valdef-align-items-flex-end"> <!-- 0 tests --> </tbody> - <tbody id="s8.3.#valdef-align-items-align-self-flex-start"> + <tbody id="s8.3.#valdef-align-items-flex-start"> <!-- 0 tests --> </tbody> - <tbody id="s8.3.#valdef-align-items-align-self-stretch"> + <tbody id="s8.3.#valdef-align-items-stretch"> <!-- 0 tests --> </tbody> <tbody id="s8.3.#valdef-align-self-auto"> @@ -1586,7 +1592,7 @@ <a href="ttwf-reftest-flex-align-content-center.xht">ttwf-reftest-flex-align-content-center</a></strong></td> <td><a href="reference/ttwf-reftest-flex-align-content-center-ref.xht">=</a> </td> <td></td> - <td>align-content proprety - center + <td>align-content property - center <ul class="assert"> <li>Statement describing what the test case is asserting</li> </ul> @@ -1597,7 +1603,7 @@ <a href="ttwf-reftest-flex-align-content-end.xht">ttwf-reftest-flex-align-content-end</a></strong></td> <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.xht">=</a> </td> <td></td> - <td>align-content proprety - flex-end + <td>align-content property - flex-end <ul class="assert"> <li>Statement describing what the test case is asserting</li> </ul> @@ -1606,9 +1612,9 @@ <tr id="ttwf-reftest-flex-align-content-space-around-8.4" class="primary"> <td><strong> <a href="ttwf-reftest-flex-align-content-space-around.xht">ttwf-reftest-flex-align-content-space-around</a></strong></td> - <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.xht">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-align-content-space-around-ref.xht">=</a> </td> <td></td> - <td>align-content proprety - flex-end + <td>align-content property - space-around <ul class="assert"> <li>Statement describing what the test case is asserting</li> </ul> @@ -1617,9 +1623,9 @@ <tr id="ttwf-reftest-flex-align-content-space-between-8.4" class="primary"> <td><strong> <a href="ttwf-reftest-flex-align-content-space-between.xht">ttwf-reftest-flex-align-content-space-between</a></strong></td> - <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.xht">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-align-content-space-between-ref.xht">=</a> </td> <td></td> - <td>align-content proprety - flex-end + <td>align-content property - space-between <ul class="assert"> <li>Statement describing what the test case is asserting</li> </ul> @@ -1628,9 +1634,9 @@ <tr id="ttwf-reftest-flex-align-content-start-8.4" class="primary"> <td><strong> <a href="ttwf-reftest-flex-align-content-start.xht">ttwf-reftest-flex-align-content-start</a></strong></td> - <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.xht">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-align-content-start-ref.xht">=</a> </td> <td></td> - <td>align-content proprety - flex-end + <td>align-content property - flex-start <ul class="assert"> <li>Statement describing what the test case is asserting</li> </ul> @@ -1776,10 +1782,10 @@ </td> </tr> </tbody> - <tbody id="s8.5.#cross-axis-baseline"> + <tbody id="s8.5.#cross_axis-baseline"> <!-- 0 tests --> </tbody> - <tbody id="s8.5.#main-axis-baseline"> + <tbody id="s8.5.#main_axis-baseline"> <!-- 0 tests --> </tbody> </table> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-9.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-9.xht index 4eb9bb6d64b..176fa40ff48 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-9.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-9.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Layout Algorithm (58 tests)</h2> + <h2>Flex Layout Algorithm (61 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -31,7 +31,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s9">+</a> <a href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm">9 Flex Layout Algorithm</a></th></tr> - <!-- 46 tests --> + <!-- 49 tests --> <tr id="autoheight-flexbox-001-9" class=""> <td> <a href="autoheight-flexbox-001.xht">autoheight-flexbox-001</a></td> @@ -447,6 +447,30 @@ <td>Testing sizing of an auto-sized vertical flex container with min-width and max-width constraints </td> </tr> + <tr id="flexbox-writing-mode-007-9" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-007.xht">flexbox-writing-mode-007</a></strong></td> + <td><a href="reference/flexbox-writing-mode-007-ref.xht">=</a> </td> + <td></td> + <td>Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode + </td> + </tr> + <tr id="flexbox-writing-mode-008-9" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-008.xht">flexbox-writing-mode-008</a></strong></td> + <td><a href="reference/flexbox-writing-mode-008-ref.xht">=</a> </td> + <td></td> + <td>Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode + </td> + </tr> + <tr id="flexbox-writing-mode-009-9" class="primary"> + <td><strong> + <a href="flexbox-writing-mode-009.xht">flexbox-writing-mode-009</a></strong></td> + <td><a href="reference/flexbox-writing-mode-009-ref.xht">=</a> </td> + <td></td> + <td>Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode + </td> + </tr> <tr id="row-flexbox-break-9" class="ahem"> <td> <a href="row-flexbox-break.xht">row-flexbox-break</a></td> @@ -486,6 +510,9 @@ <tbody id="s9.2.#algo-main-item"> <!-- 0 tests --> </tbody> + <tbody id="s9.2.#example-5ea64ac4"> + <!-- 0 tests --> + </tbody> <tbody id="s9.2.#flex-base-size"> <!-- 0 tests --> </tbody> @@ -690,16 +717,16 @@ <a href="http://www.w3.org/TR/css-flexbox-1/#intrinsic-sizes">9.9 Intrinsic Sizes</a></th></tr> <!-- 0 tests --> </tbody> - <tbody id="s9.9.#max-content-cross-size"> + <tbody id="s9.9.#max_content-cross-size"> <!-- 0 tests --> </tbody> - <tbody id="s9.9.#max-content-main-size"> + <tbody id="s9.9.#max_content-main-size"> <!-- 0 tests --> </tbody> - <tbody id="s9.9.#min-content-cross-size"> + <tbody id="s9.9.#min_content-cross-size"> <!-- 0 tests --> </tbody> - <tbody id="s9.9.#min-content-main-size"> + <tbody id="s9.9.#min_content-main-size"> <!-- 0 tests --> </tbody> </table> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flex-container-margin.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flex-container-margin.xht deleted file mode 100644 index 4e2b5d8e963..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flex-container-margin.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>CSS Test: flex-container-margin-not-collapse-with-content-margin</title> -<link href="http://www.github.com/sskyy" rel="author" title="houzhenyu" /> -<link href="http://dev.w3.org/csswg/css-flexbox-1/#item-margins" rel="help" /> -<link href="reference/flex-container-margin-ref.xht" rel="match" /> -<meta content="The margins of adjacent flex items do not collapse." name="assert" /> -<style> - .flex-container{ - display: flex; - margin:20px; - background: #333; - } - .flex-item{ - width:50px; - height:50px; - margin:20px; - background: #eee; - } -</style> -</head> -<body> - <div class="flex-container"> - <div class="flex-item"></div> - <div class="flex-item"></div> - <div class="flex-item"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flex-margin-no-collapse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flex-margin-no-collapse.xht index e732ad6805b..b0ff656e29e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flex-margin-no-collapse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flex-margin-no-collapse.xht @@ -21,6 +21,7 @@ width: 100px; height: 100px; background-color: green; + flex: none; } #box1 { @@ -49,4 +50,5 @@ <div class="box" id="box2"></div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-001.xht new file mode 100644 index 00000000000..57397b1db2e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-001.xht @@ -0,0 +1,77 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test: Try various flex-flow values, with 'direction: ltr' and 'writing-mode: horizontal-tb'</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help" /> + <link href="reference/flexbox-writing-mode-001-ref.xht" rel="match" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + direction: ltr; + writing-mode: horizontal-tb; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div style="flex-flow: row wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + <div style="flex-flow: column wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-002.xht new file mode 100644 index 00000000000..43b346bf277 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-002.xht @@ -0,0 +1,77 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test: Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-rl'</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help" /> + <link href="reference/flexbox-writing-mode-002-ref.xht" rel="match" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + direction: ltr; + writing-mode: vertical-rl; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div style="flex-flow: row wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + <div style="flex-flow: column wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-003.xht new file mode 100644 index 00000000000..3a591cea980 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-003.xht @@ -0,0 +1,77 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test: Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-lr'</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help" /> + <link href="reference/flexbox-writing-mode-003-ref.xht" rel="match" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + direction: ltr; + writing-mode: vertical-lr; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div style="flex-flow: row wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + <div style="flex-flow: column wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-004.xht new file mode 100644 index 00000000000..adfbab431b8 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-004.xht @@ -0,0 +1,77 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test: Try various flex-flow values, with 'direction: rtl' and 'writing-mode: horizontal-tb'</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help" /> + <link href="reference/flexbox-writing-mode-004-ref.xht" rel="match" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + direction: rtl; + writing-mode: horizontal-tb; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div style="flex-flow: row wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + <div style="flex-flow: column wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-005.xht new file mode 100644 index 00000000000..3eee7a62f2b --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-005.xht @@ -0,0 +1,77 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test: Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-rl'</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help" /> + <link href="reference/flexbox-writing-mode-005-ref.xht" rel="match" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + direction: rtl; + writing-mode: vertical-rl; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div style="flex-flow: row wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + <div style="flex-flow: column wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-006.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-006.xht new file mode 100644 index 00000000000..6719f1cfed7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-006.xht @@ -0,0 +1,77 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test: Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-lr'</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction" rel="help" /> + <link href="reference/flexbox-writing-mode-006-ref.xht" rel="match" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + direction: rtl; + writing-mode: vertical-lr; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div style="flex-flow: row wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: row-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + <div style="flex-flow: column wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div style="flex-flow: column-reverse wrap-reverse" class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-007.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-007.xht new file mode 100644 index 00000000000..6da4b02e24e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-007.xht @@ -0,0 +1,74 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test: Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> + <link href="http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode" rel="help" /> + <link href="reference/flexbox-writing-mode-007-ref.xht" rel="match" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + writing-mode: horizontal-tb; + flex-flow: row wrap; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + + /* Classes applied to flex container, to customize its children + * (which should not affect their sizing): + */ + .kids_horizontal_tb > * { + writing-mode: horizontal-tb; + } + .kids_vertical_lr > * { + writing-mode: vertical-lr; + } + .kids_vertical_rl > * { + writing-mode: vertical-rl; + } + + </style> +</head> +<body> + <div class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_horizontal_tb"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_vertical_lr"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_vertical_rl"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-008.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-008.xht new file mode 100644 index 00000000000..40cd0717f59 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-008.xht @@ -0,0 +1,74 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test: Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> + <link href="http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode" rel="help" /> + <link href="reference/flexbox-writing-mode-008-ref.xht" rel="match" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + writing-mode: vertical-lr; + flex-flow: row wrap; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + + /* Classes applied to flex container, to customize its children + * (which should not affect their sizing): + */ + .kids_horizontal_tb > * { + writing-mode: horizontal-tb; + } + .kids_vertical_lr > * { + writing-mode: vertical-lr; + } + .kids_vertical_rl > * { + writing-mode: vertical-rl; + } + + </style> +</head> +<body> + <div class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_horizontal_tb"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_vertical_lr"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_vertical_rl"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-009.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-009.xht new file mode 100644 index 00000000000..81d43b61550 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-writing-mode-009.xht @@ -0,0 +1,74 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test: Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm" rel="help" /> + <link href="http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode" rel="help" /> + <link href="reference/flexbox-writing-mode-009-ref.xht" rel="match" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + display: flex; + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + writing-mode: vertical-rl; + flex-flow: row wrap; + } + .flexContainer > * { + width: 20px; + height: 15px; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + + /* Classes applied to flex container, to customize its children + * (which should not affect their sizing): + */ + .kids_horizontal_tb > * { + writing-mode: horizontal-tb; + } + .kids_vertical_lr > * { + writing-mode: vertical-lr; + } + .kids_vertical_rl > * { + writing-mode: vertical-rl; + } + + </style> +</head> +<body> + <div class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_horizontal_tb"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_vertical_lr"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer kids_vertical_rl"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/order_value.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/order_value.xht index cc993fa4687..a73bd67fc11 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/order_value.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/order_value.xht @@ -16,8 +16,8 @@ order: -1; } </style> - <script src='/resources/testharness.js"'></script> - <script src='/resources/testharnessreport.js"'></script> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> </head> <body> <div id="log"></div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-container-margin-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-container-margin-ref.xht deleted file mode 100644 index 38187fe38ca..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-container-margin-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>CSS Test: flex-container-margin-not-collapse-with-content-margin</title> -<link href="http://www.github.com/sskyy" rel="author" title="houzhenyu" /> -<style> - .flex-container{ - display:block; - margin:20px; - background: #333; - line-height: 0px; - } - .flex-item{ - display: inline-block; - width:50px; - height:50px; - margin:20px 20px; - background: #eee; - } - .flex-item.first{ - margin-left:20px; - } - .flex-item.last{ - margin-right: 20px; - } -</style> -</head> -<body> - <div class="flex-container"> - <div class="flex-item first"></div><div class="flex-item"></div><div class="flex-item last"></div> - </div> - - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-001-ref.xht new file mode 100644 index 00000000000..3dd9c2f6a0b --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-001-ref.xht @@ -0,0 +1,75 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + /* Testcase has direction: ltr; */ + /* Testcase has writing-mode: horizontal-tb; */ + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"><!-- row wrap --> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- row wrap-reverse --> + <div class="item3"></div><div class="item4"></div> + <div class="item1"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap --> + <div class="item2"></div><div class="item1"></div> + <div class="item4"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap-reverse --> + <div class="item4"></div><div class="item3"></div> + <div class="item2"></div><div class="item1"></div> + </div> + + <div class="flexContainer"><!-- column wrap --> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- column wrap-reverse --> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap --> + <div class="item2"></div><div class="item4"></div> + <div class="item1"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap-reverse --> + <div class="item4"></div><div class="item2"></div> + <div class="item3"></div><div class="item1"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-002-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-002-ref.xht new file mode 100644 index 00000000000..dfcf6f299d3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-002-ref.xht @@ -0,0 +1,75 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + /* Testcase has direction: ltr; */ + /* Testcase has writing-mode: vertical-rl; */ + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"><!-- row wrap --> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- row wrap-reverse --> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap --> + <div class="item4"></div><div class="item2"></div> + <div class="item3"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap-reverse --> + <div class="item2"></div><div class="item4"></div> + <div class="item1"></div><div class="item3"></div> + </div> + + <div class="flexContainer"><!-- column wrap --> + <div class="item2"></div><div class="item1"></div> + <div class="item4"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- column wrap-reverse --> + <div class="item4"></div><div class="item3"></div> + <div class="item2"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap --> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap-reverse --> + <div class="item3"></div><div class="item4"></div> + <div class="item1"></div><div class="item2"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-003-ref.xht new file mode 100644 index 00000000000..06ec4b44c7a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-003-ref.xht @@ -0,0 +1,75 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + /* Testcase has direction: ltr; */ + /* Testcase has writing-mode: vertical-lr; */ + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"><!-- row wrap --> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- row wrap-reverse --> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap --> + <div class="item2"></div><div class="item4"></div> + <div class="item1"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap-reverse --> + <div class="item4"></div><div class="item2"></div> + <div class="item3"></div><div class="item1"></div> + </div> + + <div class="flexContainer"><!-- column wrap --> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- column wrap-reverse --> + <div class="item3"></div><div class="item4"></div> + <div class="item1"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap --> + <div class="item2"></div><div class="item1"></div> + <div class="item4"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap-reverse --> + <div class="item4"></div><div class="item3"></div> + <div class="item2"></div><div class="item1"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-004-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-004-ref.xht new file mode 100644 index 00000000000..c097c0de621 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-004-ref.xht @@ -0,0 +1,75 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + /* Testcase has direction: rtl; */ + /* Testcase has writing-mode: horizontal-tb; */ + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"><!-- row wrap --> + <div class="item2"></div><div class="item1"></div> + <div class="item4"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- row wrap-reverse --> + <div class="item4"></div><div class="item3"></div> + <div class="item2"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap --> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap-reverse --> + <div class="item3"></div><div class="item4"></div> + <div class="item1"></div><div class="item2"></div> + </div> + + <div class="flexContainer"><!-- column wrap --> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- column wrap-reverse --> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap --> + <div class="item4"></div><div class="item2"></div> + <div class="item3"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap-reverse --> + <div class="item2"></div><div class="item4"></div> + <div class="item1"></div><div class="item3"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-005-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-005-ref.xht new file mode 100644 index 00000000000..c6e566c1be0 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-005-ref.xht @@ -0,0 +1,75 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + /* Testcase has direction: rtl; */ + /* Testcase has writing-mode: vertical-rl; */ + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"><!-- row wrap --> + <div class="item4"></div><div class="item2"></div> + <div class="item3"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- row wrap-reverse --> + <div class="item2"></div><div class="item4"></div> + <div class="item1"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap --> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap-reverse --> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + + <div class="flexContainer"><!-- column wrap --> + <div class="item4"></div><div class="item3"></div> + <div class="item2"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- column wrap-reverse --> + <div class="item2"></div><div class="item1"></div> + <div class="item4"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap --> + <div class="item3"></div><div class="item4"></div> + <div class="item1"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap-reverse --> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-006-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-006-ref.xht new file mode 100644 index 00000000000..da554ffeed6 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-006-ref.xht @@ -0,0 +1,75 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + /* Testcase has direction: rtl; */ + /* Testcase has writing-mode: vertical-lr; */ + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"><!-- row wrap --> + <div class="item2"></div><div class="item4"></div> + <div class="item1"></div><div class="item3"></div> + </div> + <div class="flexContainer"><!-- row wrap-reverse --> + <div class="item4"></div><div class="item2"></div> + <div class="item3"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap --> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- row-reverse wrap-reverse --> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + + <div class="flexContainer"><!-- column wrap --> + <div class="item3"></div><div class="item4"></div> + <div class="item1"></div><div class="item2"></div> + </div> + <div class="flexContainer"><!-- column wrap-reverse --> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap --> + <div class="item4"></div><div class="item3"></div> + <div class="item2"></div><div class="item1"></div> + </div> + <div class="flexContainer"><!-- column-reverse wrap-reverse --> + <div class="item2"></div><div class="item1"></div> + <div class="item4"></div><div class="item3"></div> + </div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-007-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-007-ref.xht new file mode 100644 index 00000000000..8d93f8a2e32 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-007-ref.xht @@ -0,0 +1,55 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + <div class="flexContainer"> + <div class="item1"></div><div class="item2"></div> + <div class="item3"></div><div class="item4"></div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-008-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-008-ref.xht new file mode 100644 index 00000000000..fd584eaec58 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-008-ref.xht @@ -0,0 +1,55 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + <div class="flexContainer"> + <div class="item1"></div><div class="item3"></div> + <div class="item2"></div><div class="item4"></div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-009-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-009-ref.xht new file mode 100644 index 00000000000..2753f654518 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-writing-mode-009-ref.xht @@ -0,0 +1,55 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <meta charset="utf-8" /> + <style> + .flexContainer { + width: 40px; + height: 30px; + border: 1px solid gray; + margin-bottom: 5px; + } + .flexContainer > * { + width: 20px; + height: 15px; + float: left; + } + .item1 { + /* Note: flex items are ordered as "CMYK": cyan, magenta, yellow, black */ + background: cyan; + } + .item2 { + background: magenta; + } + .item3 { + background: yellow; + } + .item4 { + background: black; + } + </style> +</head> +<body> + <div class="flexContainer"> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></div> + </div> + <div class="flexContainer"> + <div class="item3"></div><div class="item1"></div> + <div class="item4"></div><div class="item2"></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-align-content-center-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-align-content-center-ref.xht index 2006d61565f..d3d3cd72266 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-align-content-center-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-align-content-center-ref.xht @@ -1,6 +1,6 @@ <!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 proprety - center</title> + <title>CSS Flexible Box Test: align-content property - center</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> <style type="text/css"> .container { @@ -26,7 +26,7 @@ </style> </head> <body> - <p>The test passed if you see a 2*2 table.</p> + <p>The test passed if you see a centered 2*2 table.</p> <div class="container"> <span>first</span> <span>second</span> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-align-content-end-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-align-content-end-ref.xht index 317a6b35f01..8d1576c78af 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-align-content-end-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-align-content-end-ref.xht @@ -1,6 +1,6 @@ <!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 proprety - flex-end</title> + <title>CSS Flexible Box Test: align-content property - flex-end</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> <style type="text/css"> .container { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-align-content-space-between-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-align-content-space-between-ref.xht new file mode 100644 index 00000000000..3ff6255d21d --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-align-content-space-between-ref.xht @@ -0,0 +1,38 @@ +<!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; + } + .first, .second { + margin-bottom: 112px; + } + span { + height: 2em; + display: inline-block; + background: green; + color: white; + margin: 1em; + width: 8em; + float: left; + } + </style> +</head> +<body> + <p>The test passed if you see a 2*2 table and all the cells are spaced equally apart.</p> + <div class="container"> + <span class="first">first</span> + <span class="second">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-align-content-start-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-align-content-start-ref.xht new file mode 100644 index 00000000000..77ab3099ac0 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-align-content-start-ref.xht @@ -0,0 +1,35 @@ +<!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 - flex-start</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: 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 top of the 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-column-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-direction-column-reverse-ref.xht new file mode 100644 index 00000000000..dbebba77d51 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-direction-column-reverse-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: flex-direction proprety - column-reverse</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; + background: red; + margin: 1em 0; + border: 1px solid black; + } + span ~ span { + margin: 2em 1em 1em; + } + span { + display: block; + background: green; + color: white; + margin: 1em; + width: 8em; + } + </style> +</head> +<body> + <p>The test passed if you see all the cells are arraged vertically and reversed.</p> + <div class="container"> + <span>forth</span> + <span>third</span> + <span>second</span> + <span>first</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 7817c57e510..88a3a6222ce 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 @@ -6,7 +6,6 @@ .container { position: relative; display: flex; - flex-direction: row-reverse; background: red; margin: 1em 0; border: 1px solid black; 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/xhtml1print/reference/ttwf-reftest-flex-wrap-ref.xht index d55e5c26256..92f5a9f6156 100644 --- 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/xhtml1print/reference/ttwf-reftest-flex-wrap-ref.xht @@ -1,26 +1,35 @@ <!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> + <title>CSS Flexible Box Test: flex-wrap proprety - wrap</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; + background: red; + margin: 1em 0; + border: 1px solid black; + width: 20em; + height: 6.5em; } - .greenSquare { + span { display: inline-block; - margin-top: -200px; background: green; - } + color: white; + margin: 1em; + width: 8em; + float: left; + } </style> </head> <body> - <p>The test passed if you see a green block which its text is 'Success! -'.</p> + <p>The test passed if you see a 2 * 2 table on the page.</p> <div class="container"> - <!-- This is the square that should not be visible if the test passes --> - <div class="greenSquare">Success!</div> + <span>first</span> + <span>second</span> + <span>third</span> + <span>forth</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 7267c7e88cf..64653047780 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 @@ -584,14 +584,6 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="flex-container-margin" class=""> - <tr> - <td rowspan="1" title="flex-container-margin-not-collapse-with-content-margin"> - <a href="flex-container-margin.xht">flex-container-margin</a></td> - <td><a href="reference/flex-container-margin-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> <tbody id="flex-direction" class=""> <tr> <td rowspan="1" title="flex flow direction"> @@ -2056,6 +2048,78 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="flexbox-writing-mode-001" class=""> + <tr> + <td rowspan="1" title="Try various flex-flow values, with 'direction: ltr' and 'writing-mode: horizontal-tb'"> + <a href="flexbox-writing-mode-001.xht">flexbox-writing-mode-001</a></td> + <td><a href="reference/flexbox-writing-mode-001-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-002" class=""> + <tr> + <td rowspan="1" title="Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-rl'"> + <a href="flexbox-writing-mode-002.xht">flexbox-writing-mode-002</a></td> + <td><a href="reference/flexbox-writing-mode-002-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-003" class=""> + <tr> + <td rowspan="1" title="Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-lr'"> + <a href="flexbox-writing-mode-003.xht">flexbox-writing-mode-003</a></td> + <td><a href="reference/flexbox-writing-mode-003-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-004" class=""> + <tr> + <td rowspan="1" title="Try various flex-flow values, with 'direction: rtl' and 'writing-mode: horizontal-tb'"> + <a href="flexbox-writing-mode-004.xht">flexbox-writing-mode-004</a></td> + <td><a href="reference/flexbox-writing-mode-004-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-005" class=""> + <tr> + <td rowspan="1" title="Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-rl'"> + <a href="flexbox-writing-mode-005.xht">flexbox-writing-mode-005</a></td> + <td><a href="reference/flexbox-writing-mode-005-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-006" class=""> + <tr> + <td rowspan="1" title="Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-lr'"> + <a href="flexbox-writing-mode-006.xht">flexbox-writing-mode-006</a></td> + <td><a href="reference/flexbox-writing-mode-006-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-007" class=""> + <tr> + <td rowspan="1" title="Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode"> + <a href="flexbox-writing-mode-007.xht">flexbox-writing-mode-007</a></td> + <td><a href="reference/flexbox-writing-mode-007-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-008" class=""> + <tr> + <td rowspan="1" title="Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode"> + <a href="flexbox-writing-mode-008.xht">flexbox-writing-mode-008</a></td> + <td><a href="reference/flexbox-writing-mode-008-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-writing-mode-009" class=""> + <tr> + <td rowspan="1" title="Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode"> + <a href="flexbox-writing-mode-009.xht">flexbox-writing-mode-009</a></td> + <td><a href="reference/flexbox-writing-mode-009-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="flexbox_absolute-atomic" class=""> <tr> <td rowspan="1" title="flexbox | abspos atomic flexitems"> @@ -3802,7 +3866,7 @@ </tbody> <tbody id="ttwf-reftest-flex-align-content-center" class=""> <tr> - <td rowspan="1" title="align-content proprety - center"> + <td rowspan="1" title="align-content property - center"> <a href="ttwf-reftest-flex-align-content-center.xht">ttwf-reftest-flex-align-content-center</a></td> <td><a href="reference/ttwf-reftest-flex-align-content-center-ref.xht">=</a> </td> <td rowspan="1"></td> @@ -3810,7 +3874,7 @@ </tbody> <tbody id="ttwf-reftest-flex-align-content-end" class=""> <tr> - <td rowspan="1" title="align-content proprety - flex-end"> + <td rowspan="1" title="align-content property - flex-end"> <a href="ttwf-reftest-flex-align-content-end.xht">ttwf-reftest-flex-align-content-end</a></td> <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.xht">=</a> </td> <td rowspan="1"></td> @@ -3818,25 +3882,25 @@ </tbody> <tbody id="ttwf-reftest-flex-align-content-space-around" class=""> <tr> - <td rowspan="1" title="align-content proprety - flex-end"> + <td rowspan="1" title="align-content property - space-around"> <a href="ttwf-reftest-flex-align-content-space-around.xht">ttwf-reftest-flex-align-content-space-around</a></td> - <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.xht">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-align-content-space-around-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> <tbody id="ttwf-reftest-flex-align-content-space-between" class=""> <tr> - <td rowspan="1" title="align-content proprety - flex-end"> + <td rowspan="1" title="align-content property - space-between"> <a href="ttwf-reftest-flex-align-content-space-between.xht">ttwf-reftest-flex-align-content-space-between</a></td> - <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.xht">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-align-content-space-between-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> <tbody id="ttwf-reftest-flex-align-content-start" class=""> <tr> - <td rowspan="1" title="align-content proprety - flex-end"> + <td rowspan="1" title="align-content property - flex-start"> <a href="ttwf-reftest-flex-align-content-start.xht">ttwf-reftest-flex-align-content-start</a></td> - <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.xht">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-align-content-start-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -3860,7 +3924,7 @@ <tr> <td rowspan="1" title="flex-direction proprety - column-reverse"> <a href="ttwf-reftest-flex-direction-column-reverse.xht">ttwf-reftest-flex-direction-column-reverse</a></td> - <td><a href="reference/ttwf-reftest-flex-direction-column-ref.xht">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-direction-column-reverse-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -3884,7 +3948,7 @@ <tr> <td rowspan="1" title="flex-wrap proprety - wrap"> <a href="ttwf-reftest-flex-wrap.xht">ttwf-reftest-flex-wrap</a></td> - <td><a href="reference/ttwf-reftest-flex-inline-ref.xht">=</a> </td> + <td><a href="reference/ttwf-reftest-flex-wrap-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> 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 3a01817404c..f4687c773ca 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 @@ -69,7 +69,6 @@ flex-basis-006.xht == reference/ref-filled-green-100px-square.xht flex-basis-007.xht == reference/ref-filled-green-100px-square.xht flex-basis-008.xht == reference/ref-filled-green-100px-square.xht flex-box-wrap.xht == reference/flex-box-wrap-ref.xht -flex-container-margin.xht == reference/flex-container-margin-ref.xht flex-direction.xht == reference/flex-direction.xht flex-direction-modify.xht == reference/flex-direction-modify.xht flex-direction-with-element-insert.xht == reference/flex-direction-with-element-insert.xht @@ -253,6 +252,15 @@ flexbox-whitespace-handling-002.xht == reference/flexbox-whitespace-handling-002 flexbox-with-pseudo-elements-001.xht == reference/flexbox-with-pseudo-elements-001-ref.xht flexbox-with-pseudo-elements-002.xht == reference/flexbox-with-pseudo-elements-002-ref.xht flexbox-with-pseudo-elements-003.xht == reference/flexbox-with-pseudo-elements-003-ref.xht +flexbox-writing-mode-001.xht == reference/flexbox-writing-mode-001-ref.xht +flexbox-writing-mode-002.xht == reference/flexbox-writing-mode-002-ref.xht +flexbox-writing-mode-003.xht == reference/flexbox-writing-mode-003-ref.xht +flexbox-writing-mode-004.xht == reference/flexbox-writing-mode-004-ref.xht +flexbox-writing-mode-005.xht == reference/flexbox-writing-mode-005-ref.xht +flexbox-writing-mode-006.xht == reference/flexbox-writing-mode-006-ref.xht +flexbox-writing-mode-007.xht == reference/flexbox-writing-mode-007-ref.xht +flexbox-writing-mode-008.xht == reference/flexbox-writing-mode-008-ref.xht +flexbox-writing-mode-009.xht == reference/flexbox-writing-mode-009-ref.xht flexbox_absolute-atomic.xht == reference/flexbox_absolute-atomic-ref.xht flexbox_align-content-center.xht == reference/flexbox_align-content-center-ref.xht flexbox_align-content-flexend.xht == reference/flexbox_align-content-flexend-ref.xht @@ -473,14 +481,14 @@ regions-flexbox-004.xht == reference/regions-flexbox-002-ref.xht row-flexbox-break.xht == reference/row-flexbox-break-ref.xht ttwf-reftest-flex-align-content-center.xht == reference/ttwf-reftest-flex-align-content-center-ref.xht ttwf-reftest-flex-align-content-end.xht == reference/ttwf-reftest-flex-align-content-end-ref.xht -ttwf-reftest-flex-align-content-space-around.xht == reference/ttwf-reftest-flex-align-content-end-ref.xht -ttwf-reftest-flex-align-content-space-between.xht == reference/ttwf-reftest-flex-align-content-end-ref.xht -ttwf-reftest-flex-align-content-start.xht == reference/ttwf-reftest-flex-align-content-end-ref.xht +ttwf-reftest-flex-align-content-space-around.xht == reference/ttwf-reftest-flex-align-content-space-around-ref.xht +ttwf-reftest-flex-align-content-space-between.xht == reference/ttwf-reftest-flex-align-content-space-between-ref.xht +ttwf-reftest-flex-align-content-start.xht == reference/ttwf-reftest-flex-align-content-start-ref.xht 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-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-order.xht == reference/ttwf-reftest-flex-order-ref.xht -ttwf-reftest-flex-wrap.xht == reference/ttwf-reftest-flex-inline-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 visibility-regions-in-flexbox.xht == reference/visibility-regions-in-flexbox-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 813acb27f5e..9823b1c7b97 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 @@ -37,12 +37,12 @@ <tbody id="s4"> <tr><th><a href="chapter-4.xht">Chapter 4 - Flex Items</a></th> - <td>(58 Tests)</td></tr> + <td>(57 Tests)</td></tr> </tbody> <tbody id="s5"> <tr><th><a href="chapter-5.xht">Chapter 5 - Ordering and Orientation</a></th> - <td>(123 Tests)</td></tr> + <td>(129 Tests)</td></tr> </tbody> <tbody id="s6"> <tr><th><a href="chapter-6.xht">Chapter 6 - @@ -62,7 +62,7 @@ <tbody id="s9"> <tr><th><a href="chapter-9.xht">Chapter 9 - Flex Layout Algorithm</a></th> - <td>(58 Tests)</td></tr> + <td>(61 Tests)</td></tr> </tbody> <tbody id="s10"> <tr><th><a href="chapter-10.xht">Chapter 10 - diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-align-content-center.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-align-content-center.xht index 938f06357f9..27130febf9e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-align-content-center.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-align-content-center.xht @@ -1,6 +1,6 @@ <!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 proprety - center</title> + <title>CSS Flexible Box Test: align-content property - center</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> <link href="reference/ttwf-reftest-flex-align-content-center-ref.xht" rel="match" /> @@ -29,7 +29,7 @@ </style> </head> <body> - <p>The test passed if you see a 2*2 table.</p> + <p>The test passed if you see a centered 2*2 table.</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-align-content-end.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-align-content-end.xht index fc36d46f8af..ffd2e97f29d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-align-content-end.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-align-content-end.xht @@ -1,6 +1,6 @@ <!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 proprety - flex-end</title> + <title>CSS Flexible Box Test: align-content property - flex-end</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> <link href="reference/ttwf-reftest-flex-align-content-end-ref.xht" rel="match" /> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-align-content-space-around.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-align-content-space-around.xht index c4eef3dedcb..c5a4fce24de 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-align-content-space-around.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-align-content-space-around.xht @@ -1,9 +1,9 @@ <!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 proprety - flex-end</title> + <title>CSS Flexible Box Test: align-content property - space-around</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="reference/ttwf-reftest-flex-align-content-end-ref.xht" rel="match" /> + <link href="reference/ttwf-reftest-flex-align-content-space-around-ref.xht" rel="match" /> <meta content="Statement describing what the test case is asserting" name="assert" /> <style type="text/css"> .container { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-align-content-space-between.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-align-content-space-between.xht index 10c3dcc6cf1..622301739eb 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-align-content-space-between.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-align-content-space-between.xht @@ -1,9 +1,9 @@ <!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 proprety - flex-end</title> + <title>CSS Flexible Box Test: align-content property - space-between</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="reference/ttwf-reftest-flex-align-content-end-ref.xht" rel="match" /> + <link href="reference/ttwf-reftest-flex-align-content-space-between-ref.xht" rel="match" /> <meta content="Statement describing what the test case is asserting" name="assert" /> <style type="text/css"> .container { @@ -29,7 +29,7 @@ </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> + <p>The test passed if you see a 2*2 table and all the cells are spaced equally apart.</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-align-content-start.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-align-content-start.xht index 3e67a1e9525..5014c497b9f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-align-content-start.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-align-content-start.xht @@ -1,9 +1,9 @@ <!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 proprety - flex-end</title> + <title>CSS Flexible Box Test: align-content property - flex-start</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> - <link href="reference/ttwf-reftest-flex-align-content-end-ref.xht" rel="match" /> + <link href="reference/ttwf-reftest-flex-align-content-start-ref.xht" rel="match" /> <meta content="Statement describing what the test case is asserting" name="assert" /> <style type="text/css"> .container { @@ -29,7 +29,7 @@ </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> + <p>The test passed if you see a 2*2 table and all the cells are at the top of the container.</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-direction-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-direction-column-reverse.xht index 2c72416e3b2..652d3d4bb0d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-direction-column-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-direction-column-reverse.xht @@ -3,7 +3,7 @@ <title>CSS Flexible Box Test: flex-direction proprety - column-reverse</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" rel="help" /> - <link href="reference/ttwf-reftest-flex-direction-column-ref.xht" rel="match" /> + <link href="reference/ttwf-reftest-flex-direction-column-reverse-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 diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-wrap.xht index e76a503f7bf..db14e539c73 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-wrap.xht @@ -3,7 +3,7 @@ <title>CSS Flexible Box Test: flex-wrap proprety - wrap</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> - <link href="reference/ttwf-reftest-flex-inline-ref.xht" rel="match" /> + <link href="reference/ttwf-reftest-flex-wrap-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 |