diff options
| author | Ms2ger <Ms2ger@gmail.com> | 2016-06-06 10:11:00 +0200 |
|---|---|---|
| committer | Ms2ger <Ms2ger@gmail.com> | 2016-06-06 15:47:08 +0200 |
| commit | 12fa92b4d6371e3fd96a4223142992e02a1d1dbe (patch) | |
| tree | 900d578975aeb7869a1e1f670d8b4f0693e7c680 /tests/wpt/css-tests/css-flexbox-1_dev | |
| parent | 1bc94c132e6820293c2178bf95991518b1e8a677 (diff) | |
| download | servo-12fa92b4d6371e3fd96a4223142992e02a1d1dbe.tar.gz servo-12fa92b4d6371e3fd96a4223142992e02a1d1dbe.zip | |
Update CSS tests to revision 611d962e1b6ae62ec89ab994c9f787e84ce11b15
Diffstat (limited to 'tests/wpt/css-tests/css-flexbox-1_dev')
287 files changed, 7437 insertions, 4895 deletions
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 6b01f183288..8798c85fcc9 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 @@ -303,43 +303,43 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_flex-direction-column-2.#flex-direction" class="dom"> + <tr id="flexbox_computedstyle_flex-direction-column-2.#flex-direction" class="dom script"> <td> <a href="flexbox_computedstyle_flex-direction-column.htm">flexbox_computedstyle_flex-direction-column</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-direction: column </td> </tr> - <tr id="flexbox_computedstyle_flex-direction-column-reverse-2.#flex-direction" class="dom"> + <tr id="flexbox_computedstyle_flex-direction-column-reverse-2.#flex-direction" class="dom script"> <td> <a href="flexbox_computedstyle_flex-direction-column-reverse.htm">flexbox_computedstyle_flex-direction-column-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-direction: column-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-direction-invalid-2.#flex-direction" class="dom"> + <tr id="flexbox_computedstyle_flex-direction-invalid-2.#flex-direction" class="dom script"> <td> <a href="flexbox_computedstyle_flex-direction-invalid.htm">flexbox_computedstyle_flex-direction-invalid</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-direction: row </td> </tr> - <tr id="flexbox_computedstyle_flex-direction-row-2.#flex-direction" class="dom"> + <tr id="flexbox_computedstyle_flex-direction-row-2.#flex-direction" class="dom script"> <td> <a href="flexbox_computedstyle_flex-direction-row.htm">flexbox_computedstyle_flex-direction-row</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-direction: row </td> </tr> - <tr id="flexbox_computedstyle_flex-direction-row-reverse-2.#flex-direction" class="dom"> + <tr id="flexbox_computedstyle_flex-direction-row-reverse-2.#flex-direction" class="dom script"> <td> <a href="flexbox_computedstyle_flex-direction-row-reverse.htm">flexbox_computedstyle_flex-direction-row-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-direction: row-reverse </td> </tr> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-3.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-3.htm index 367d1b0b48d..a4f4873cbf8 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-3.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-3.htm @@ -180,19 +180,19 @@ <td>flexbox | multicol on flexbox items </td> </tr> - <tr id="flexbox_computedstyle_display-3" class="dom"> + <tr id="flexbox_computedstyle_display-3" class="dom script"> <td> <a href="flexbox_computedstyle_display.htm">flexbox_computedstyle_display</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | display: flex </td> </tr> - <tr id="flexbox_computedstyle_display-inline-3" class="dom"> + <tr id="flexbox_computedstyle_display-inline-3" class="dom script"> <td> <a href="flexbox_computedstyle_display-inline.htm">flexbox_computedstyle_display-inline</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | display: inline-flex </td> </tr> 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 05dc67af614..38cdfa396d9 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 @@ -713,19 +713,19 @@ <td>Testing min-width:auto & 'overflow' interaction </td> </tr> - <tr id="flexbox_computedstyle_min-height-auto-4.5" class="dom"> + <tr id="flexbox_computedstyle_min-height-auto-4.5" class="dom script"> <td> <a href="flexbox_computedstyle_min-height-auto.htm">flexbox_computedstyle_min-height-auto</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | min-height: auto </td> </tr> - <tr id="flexbox_computedstyle_min-width-auto-4.5" class="dom"> + <tr id="flexbox_computedstyle_min-width-auto-4.5" class="dom script"> <td> <a href="flexbox_computedstyle_min-width-auto.htm">flexbox_computedstyle_min-width-auto</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | min-width: auto </td> </tr> 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 41074524954..1d3faa2da62 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 @@ -347,35 +347,35 @@ </tbody> <tbody id="s5.1.#valdef-flex-direction-column"> <!-- 6 tests --> - <tr id="flexbox_computedstyle_flex-flow-column-5.1.#valdef-flex-direction-column" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-5.1.#valdef-flex-direction-column" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column.htm">flexbox_computedstyle_flex-flow-column</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.1.#valdef-flex-direction-column" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.1.#valdef-flex-direction-column" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-nowrap.htm">flexbox_computedstyle_flex-flow-column-nowrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.1.#valdef-flex-direction-column" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.1.#valdef-flex-direction-column" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-wrap.htm">flexbox_computedstyle_flex-flow-column-wrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.1.#valdef-flex-direction-column" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.1.#valdef-flex-direction-column" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.htm">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column wrap-reverse </td> </tr> @@ -398,27 +398,27 @@ </tbody> <tbody id="s5.1.#valdef-flex-direction-column-reverse"> <!-- 5 tests --> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-5.1.#valdef-flex-direction-column-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-5.1.#valdef-flex-direction-column-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse.htm">flexbox_computedstyle_flex-flow-column-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.1.#valdef-flex-direction-column-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.1.#valdef-flex-direction-column-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.1.#valdef-flex-direction-column-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.1.#valdef-flex-direction-column-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.htm">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse wrap </td> </tr> @@ -441,70 +441,70 @@ </tbody> <tbody id="s5.1.#valdef-flex-direction-row"> <!-- 4 tests --> - <tr id="flexbox_computedstyle_flex-flow-row-5.1.#valdef-flex-direction-row" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-5.1.#valdef-flex-direction-row" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row.htm">flexbox_computedstyle_flex-flow-row</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.1.#valdef-flex-direction-row" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.1.#valdef-flex-direction-row" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-nowrap.htm">flexbox_computedstyle_flex-flow-row-nowrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.1.#valdef-flex-direction-row" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.1.#valdef-flex-direction-row" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-wrap.htm">flexbox_computedstyle_flex-flow-row-wrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.1.#valdef-flex-direction-row" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.1.#valdef-flex-direction-row" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.htm">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row wrap-reverse </td> </tr> </tbody> <tbody id="s5.1.#valdef-flex-direction-row-reverse"> <!-- 4 tests --> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse.htm">flexbox_computedstyle_flex-flow-row-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.1.#valdef-flex-direction-row-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.1.#valdef-flex-direction-row-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.htm">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse wrap-reverse </td> </tr> @@ -829,35 +829,35 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_flex-wrap-invalid-5.2.#propdef-flex-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-wrap-invalid-5.2.#propdef-flex-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-wrap-invalid.htm">flexbox_computedstyle_flex-wrap-invalid</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-wrap: wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-wrap-nowrap-5.2.#propdef-flex-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-wrap-nowrap-5.2.#propdef-flex-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-wrap-nowrap.htm">flexbox_computedstyle_flex-wrap-nowrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-wrap: nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-wrap-wrap-5.2.#propdef-flex-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-wrap-wrap-5.2.#propdef-flex-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-wrap-wrap.htm">flexbox_computedstyle_flex-wrap-wrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-wrap: wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-wrap-wrap-reverse-5.2.#propdef-flex-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-wrap-wrap-reverse-5.2.#propdef-flex-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-wrap-wrap-reverse.htm">flexbox_computedstyle_flex-wrap-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-wrap: wrap-reverse </td> </tr> @@ -962,86 +962,86 @@ </tbody> <tbody id="s5.2.#valdef-flex-wrap-nowrap"> <!-- 5 tests --> - <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-nowrap.htm">flexbox_computedstyle_flex-flow-column-nowrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-nowrap.htm">flexbox_computedstyle_flex-flow-nowrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-nowrap.htm">flexbox_computedstyle_flex-flow-row-nowrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse nowrap </td> </tr> </tbody> <tbody id="s5.2.#valdef-flex-wrap-wrap"> <!-- 6 tests --> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.htm">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-wrap.htm">flexbox_computedstyle_flex-flow-column-wrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.htm">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-wrap.htm">flexbox_computedstyle_flex-flow-row-wrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-wrap.htm">flexbox_computedstyle_flex-flow-wrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: wrap </td> </tr> @@ -1056,27 +1056,27 @@ </tbody> <tbody id="s5.2.#valdef-flex-wrap-wrap-reverse"> <!-- 5 tests --> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.htm">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column wrap-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse wrap-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.htm">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row wrap-reverse </td> </tr> @@ -1418,139 +1418,139 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column.htm">flexbox_computedstyle_flex-flow-column</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-nowrap.htm">flexbox_computedstyle_flex-flow-column-nowrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse.htm">flexbox_computedstyle_flex-flow-column-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.htm">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-wrap.htm">flexbox_computedstyle_flex-flow-column-wrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.htm">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column wrap-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-nowrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-nowrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-nowrap.htm">flexbox_computedstyle_flex-flow-nowrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row.htm">flexbox_computedstyle_flex-flow-row</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-nowrap.htm">flexbox_computedstyle_flex-flow-row-nowrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse.htm">flexbox_computedstyle_flex-flow-row-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.htm">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse wrap-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-wrap.htm">flexbox_computedstyle_flex-flow-row-wrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.htm">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row wrap-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-wrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-wrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-wrap.htm">flexbox_computedstyle_flex-flow-wrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: wrap </td> </tr> @@ -1834,43 +1834,43 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_order-5.4.#propdef-order" class="dom"> + <tr id="flexbox_computedstyle_order-5.4.#propdef-order" class="dom script"> <td> <a href="flexbox_computedstyle_order.htm">flexbox_computedstyle_order</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | order: 0 </td> </tr> - <tr id="flexbox_computedstyle_order-inherit-5.4.#propdef-order" class="dom"> + <tr id="flexbox_computedstyle_order-inherit-5.4.#propdef-order" class="dom script"> <td> <a href="flexbox_computedstyle_order-inherit.htm">flexbox_computedstyle_order-inherit</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | order: -1 </td> </tr> - <tr id="flexbox_computedstyle_order-integer-5.4.#propdef-order" class="dom"> + <tr id="flexbox_computedstyle_order-integer-5.4.#propdef-order" class="dom script"> <td> <a href="flexbox_computedstyle_order-integer.htm">flexbox_computedstyle_order-integer</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | order: integer </td> </tr> - <tr id="flexbox_computedstyle_order-invalid-5.4.#propdef-order" class="dom"> + <tr id="flexbox_computedstyle_order-invalid-5.4.#propdef-order" class="dom script"> <td> <a href="flexbox_computedstyle_order-invalid.htm">flexbox_computedstyle_order-invalid</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | order: noninteger </td> </tr> - <tr id="flexbox_computedstyle_order-negative-5.4.#propdef-order" class="dom"> + <tr id="flexbox_computedstyle_order-negative-5.4.#propdef-order" class="dom script"> <td> <a href="flexbox_computedstyle_order-negative.htm">flexbox_computedstyle_order-negative</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | order: -1 </td> </tr> 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 fab695e3983..1c085c64f3e 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 @@ -863,59 +863,59 @@ </tbody> <tbody id="s7.1.#propdef-flex"> <!-- 7 tests --> - <tr id="flexbox_computedstyle_flex-shorthand-7.1.#propdef-flex" class="dom"> + <tr id="flexbox_computedstyle_flex-shorthand-7.1.#propdef-flex" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shorthand.htm">flexbox_computedstyle_flex-shorthand</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex: invalid </td> </tr> - <tr id="flexbox_computedstyle_flex-shorthand-0-auto-7.1.#propdef-flex" class="dom"> + <tr id="flexbox_computedstyle_flex-shorthand-0-auto-7.1.#propdef-flex" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shorthand-0-auto.htm">flexbox_computedstyle_flex-shorthand-0-auto</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex: 0 auto </td> </tr> - <tr id="flexbox_computedstyle_flex-shorthand-auto-7.1.#propdef-flex" class="dom"> + <tr id="flexbox_computedstyle_flex-shorthand-auto-7.1.#propdef-flex" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shorthand-auto.htm">flexbox_computedstyle_flex-shorthand-auto</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex: auto </td> </tr> - <tr id="flexbox_computedstyle_flex-shorthand-initial-7.1.#propdef-flex" class="dom"> + <tr id="flexbox_computedstyle_flex-shorthand-initial-7.1.#propdef-flex" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shorthand-initial.htm">flexbox_computedstyle_flex-shorthand-initial</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex: initial </td> </tr> - <tr id="flexbox_computedstyle_flex-shorthand-invalid-7.1.#propdef-flex" class="dom"> + <tr id="flexbox_computedstyle_flex-shorthand-invalid-7.1.#propdef-flex" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shorthand-invalid.htm">flexbox_computedstyle_flex-shorthand-invalid</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex: invalid </td> </tr> - <tr id="flexbox_computedstyle_flex-shorthand-none-7.1.#propdef-flex" class="dom"> + <tr id="flexbox_computedstyle_flex-shorthand-none-7.1.#propdef-flex" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shorthand-none.htm">flexbox_computedstyle_flex-shorthand-none</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex: auto </td> </tr> - <tr id="flexbox_computedstyle_flex-shorthand-number-7.1.#propdef-flex" class="dom"> + <tr id="flexbox_computedstyle_flex-shorthand-number-7.1.#propdef-flex" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shorthand-number.htm">flexbox_computedstyle_flex-shorthand-number</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex: number </td> </tr> @@ -1100,27 +1100,27 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_flex-grow-0-7.2.1.#propdef-flex-grow" class="dom"> + <tr id="flexbox_computedstyle_flex-grow-0-7.2.1.#propdef-flex-grow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-grow-0.htm">flexbox_computedstyle_flex-grow-0</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-grow: 0 </td> </tr> - <tr id="flexbox_computedstyle_flex-grow-invalid-7.2.1.#propdef-flex-grow" class="dom"> + <tr id="flexbox_computedstyle_flex-grow-invalid-7.2.1.#propdef-flex-grow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-grow-invalid.htm">flexbox_computedstyle_flex-grow-invalid</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-grow: negative </td> </tr> - <tr id="flexbox_computedstyle_flex-grow-number-7.2.1.#propdef-flex-grow" class="dom"> + <tr id="flexbox_computedstyle_flex-grow-number-7.2.1.#propdef-flex-grow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-grow-number.htm">flexbox_computedstyle_flex-grow-number</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-grow: number </td> </tr> @@ -1221,27 +1221,27 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_flex-shrink-0-7.2.2.#propdef-flex-shrink" class="dom"> + <tr id="flexbox_computedstyle_flex-shrink-0-7.2.2.#propdef-flex-shrink" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shrink-0.htm">flexbox_computedstyle_flex-shrink-0</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-shrink: 0 </td> </tr> - <tr id="flexbox_computedstyle_flex-shrink-invalid-7.2.2.#propdef-flex-shrink" class="dom"> + <tr id="flexbox_computedstyle_flex-shrink-invalid-7.2.2.#propdef-flex-shrink" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shrink-invalid.htm">flexbox_computedstyle_flex-shrink-invalid</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-shrink: negative </td> </tr> - <tr id="flexbox_computedstyle_flex-shrink-number-7.2.2.#propdef-flex-shrink" class="dom"> + <tr id="flexbox_computedstyle_flex-shrink-number-7.2.2.#propdef-flex-shrink" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shrink-number.htm">flexbox_computedstyle_flex-shrink-number</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-shrink: number </td> </tr> @@ -1270,35 +1270,35 @@ <a href="#s7.2.3">+</a> <a href="https://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.2.3" class="dom"> + <tr id="flexbox_computedstyle_flex-basis-0-7.2.3" class="dom script"> <td> <a href="flexbox_computedstyle_flex-basis-0.htm">flexbox_computedstyle_flex-basis-0</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-basis: 0 </td> </tr> - <tr id="flexbox_computedstyle_flex-basis-0percent-7.2.3" class="dom"> + <tr id="flexbox_computedstyle_flex-basis-0percent-7.2.3" class="dom script"> <td> <a href="flexbox_computedstyle_flex-basis-0percent.htm">flexbox_computedstyle_flex-basis-0percent</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-basis: 0% </td> </tr> - <tr id="flexbox_computedstyle_flex-basis-auto-7.2.3" class="dom"> + <tr id="flexbox_computedstyle_flex-basis-auto-7.2.3" class="dom script"> <td> <a href="flexbox_computedstyle_flex-basis-auto.htm">flexbox_computedstyle_flex-basis-auto</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-basis: auto </td> </tr> - <tr id="flexbox_computedstyle_flex-basis-percent-7.2.3" class="dom"> + <tr id="flexbox_computedstyle_flex-basis-percent-7.2.3" class="dom script"> <td> <a href="flexbox_computedstyle_flex-basis-percent.htm">flexbox_computedstyle_flex-basis-percent</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-basis: percent </td> </tr> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-8.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-8.htm index e362f31f037..886d3114d28 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 @@ -222,43 +222,43 @@ <td>flexbox |css-box-justify-content </td> </tr> - <tr id="flexbox_computedstyle_justify-content-center-8.2.#propdef-justify-content" class="dom"> + <tr id="flexbox_computedstyle_justify-content-center-8.2.#propdef-justify-content" class="dom script"> <td> <a href="flexbox_computedstyle_justify-content-center.htm">flexbox_computedstyle_justify-content-center</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | justify-content: center </td> </tr> - <tr id="flexbox_computedstyle_justify-content-flex-end-8.2.#propdef-justify-content" class="dom"> + <tr id="flexbox_computedstyle_justify-content-flex-end-8.2.#propdef-justify-content" class="dom script"> <td> <a href="flexbox_computedstyle_justify-content-flex-end.htm">flexbox_computedstyle_justify-content-flex-end</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | justify-content: flex-end </td> </tr> - <tr id="flexbox_computedstyle_justify-content-flex-start-8.2.#propdef-justify-content" class="dom"> + <tr id="flexbox_computedstyle_justify-content-flex-start-8.2.#propdef-justify-content" class="dom script"> <td> <a href="flexbox_computedstyle_justify-content-flex-start.htm">flexbox_computedstyle_justify-content-flex-start</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | justify-content: flex-start </td> </tr> - <tr id="flexbox_computedstyle_justify-content-space-around-8.2.#propdef-justify-content" class="dom"> + <tr id="flexbox_computedstyle_justify-content-space-around-8.2.#propdef-justify-content" class="dom script"> <td> <a href="flexbox_computedstyle_justify-content-space-around.htm">flexbox_computedstyle_justify-content-space-around</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | justify-content: space-around </td> </tr> - <tr id="flexbox_computedstyle_justify-content-space-between-8.2.#propdef-justify-content" class="dom"> + <tr id="flexbox_computedstyle_justify-content-space-between-8.2.#propdef-justify-content" class="dom script"> <td> <a href="flexbox_computedstyle_justify-content-space-between.htm">flexbox_computedstyle_justify-content-space-between</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | justify-content: space-between </td> </tr> @@ -1053,51 +1053,51 @@ <td>flexbox | align-self: stretch </td> </tr> - <tr id="flexbox_computedstyle_align-items-baseline-8.3.#propdef-align-items" class="dom"> + <tr id="flexbox_computedstyle_align-items-baseline-8.3.#propdef-align-items" class="dom script"> <td> <a href="flexbox_computedstyle_align-items-baseline.htm">flexbox_computedstyle_align-items-baseline</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-items: baseline </td> </tr> - <tr id="flexbox_computedstyle_align-items-center-8.3.#propdef-align-items" class="dom"> + <tr id="flexbox_computedstyle_align-items-center-8.3.#propdef-align-items" class="dom script"> <td> <a href="flexbox_computedstyle_align-items-center.htm">flexbox_computedstyle_align-items-center</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-items: center </td> </tr> - <tr id="flexbox_computedstyle_align-items-flex-end-8.3.#propdef-align-items" class="dom"> + <tr id="flexbox_computedstyle_align-items-flex-end-8.3.#propdef-align-items" class="dom script"> <td> <a href="flexbox_computedstyle_align-items-flex-end.htm">flexbox_computedstyle_align-items-flex-end</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-items: flex-end </td> </tr> - <tr id="flexbox_computedstyle_align-items-flex-start-8.3.#propdef-align-items" class="dom"> + <tr id="flexbox_computedstyle_align-items-flex-start-8.3.#propdef-align-items" class="dom script"> <td> <a href="flexbox_computedstyle_align-items-flex-start.htm">flexbox_computedstyle_align-items-flex-start</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-items: flex-start </td> </tr> - <tr id="flexbox_computedstyle_align-items-invalid-8.3.#propdef-align-items" class="dom"> + <tr id="flexbox_computedstyle_align-items-invalid-8.3.#propdef-align-items" class="dom script"> <td> <a href="flexbox_computedstyle_align-items-invalid.htm">flexbox_computedstyle_align-items-invalid</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-items: invalid </td> </tr> - <tr id="flexbox_computedstyle_align-items-stretch-8.3.#propdef-align-items" class="dom"> + <tr id="flexbox_computedstyle_align-items-stretch-8.3.#propdef-align-items" class="dom script"> <td> <a href="flexbox_computedstyle_align-items-stretch.htm">flexbox_computedstyle_align-items-stretch</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-items: stretch </td> </tr> @@ -1247,51 +1247,51 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_align-self-baseline-8.3.#propdef-align-self" class="dom"> + <tr id="flexbox_computedstyle_align-self-baseline-8.3.#propdef-align-self" class="dom script"> <td> <a href="flexbox_computedstyle_align-self-baseline.htm">flexbox_computedstyle_align-self-baseline</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-self: baseline </td> </tr> - <tr id="flexbox_computedstyle_align-self-center-8.3.#propdef-align-self" class="dom"> + <tr id="flexbox_computedstyle_align-self-center-8.3.#propdef-align-self" class="dom script"> <td> <a href="flexbox_computedstyle_align-self-center.htm">flexbox_computedstyle_align-self-center</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-self: center </td> </tr> - <tr id="flexbox_computedstyle_align-self-flex-end-8.3.#propdef-align-self" class="dom"> + <tr id="flexbox_computedstyle_align-self-flex-end-8.3.#propdef-align-self" class="dom script"> <td> <a href="flexbox_computedstyle_align-self-flex-end.htm">flexbox_computedstyle_align-self-flex-end</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-self: flex-end </td> </tr> - <tr id="flexbox_computedstyle_align-self-flex-start-8.3.#propdef-align-self" class="dom"> + <tr id="flexbox_computedstyle_align-self-flex-start-8.3.#propdef-align-self" class="dom script"> <td> <a href="flexbox_computedstyle_align-self-flex-start.htm">flexbox_computedstyle_align-self-flex-start</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-self: flex-start </td> </tr> - <tr id="flexbox_computedstyle_align-self-invalid-8.3.#propdef-align-self" class="dom"> + <tr id="flexbox_computedstyle_align-self-invalid-8.3.#propdef-align-self" class="dom script"> <td> <a href="flexbox_computedstyle_align-self-invalid.htm">flexbox_computedstyle_align-self-invalid</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-self: invalid </td> </tr> - <tr id="flexbox_computedstyle_align-self-stretch-8.3.#propdef-align-self" class="dom"> + <tr id="flexbox_computedstyle_align-self-stretch-8.3.#propdef-align-self" class="dom script"> <td> <a href="flexbox_computedstyle_align-self-stretch.htm">flexbox_computedstyle_align-self-stretch</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-self: stretch </td> </tr> @@ -1558,43 +1558,43 @@ <td>flexbox | align-content: stretch </td> </tr> - <tr id="flexbox_computedstyle_align-content-center-8.4" class="dom"> + <tr id="flexbox_computedstyle_align-content-center-8.4" class="dom script"> <td> <a href="flexbox_computedstyle_align-content-center.htm">flexbox_computedstyle_align-content-center</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-content: center </td> </tr> - <tr id="flexbox_computedstyle_align-content-flex-end-8.4" class="dom"> + <tr id="flexbox_computedstyle_align-content-flex-end-8.4" class="dom script"> <td> <a href="flexbox_computedstyle_align-content-flex-end.htm">flexbox_computedstyle_align-content-flex-end</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-content: flex-end </td> </tr> - <tr id="flexbox_computedstyle_align-content-flex-start-8.4" class="dom"> + <tr id="flexbox_computedstyle_align-content-flex-start-8.4" class="dom script"> <td> <a href="flexbox_computedstyle_align-content-flex-start.htm">flexbox_computedstyle_align-content-flex-start</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-content: flex-start </td> </tr> - <tr id="flexbox_computedstyle_align-content-space-around-8.4" class="dom"> + <tr id="flexbox_computedstyle_align-content-space-around-8.4" class="dom script"> <td> <a href="flexbox_computedstyle_align-content-space-around.htm">flexbox_computedstyle_align-content-space-around</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-content: space-around </td> </tr> - <tr id="flexbox_computedstyle_align-content-space-between-8.4" class="dom"> + <tr id="flexbox_computedstyle_align-content-space-between-8.4" class="dom script"> <td> <a href="flexbox_computedstyle_align-content-space-between.htm">flexbox_computedstyle_align-content-space-between</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-content: space-between </td> </tr> 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 3b7f6ecf69e..9cbe9fff0c3 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 (68 tests)</h2> + <h2>Flex Layout Algorithm (74 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -517,7 +517,7 @@ <!-- 0 tests --> </tbody> <tbody id="s9.2.#hypothetical-main-size"> - <!-- 2 tests --> + <!-- 8 tests --> <tr id="flex-aspect-ratio-img-column-001-9.2.#hypothetical-main-size" class="primary"> <td><strong> <a href="flex-aspect-ratio-img-column-001.htm">flex-aspect-ratio-img-column-001</a></strong></td> @@ -534,6 +534,54 @@ <td>Aspect ratio handling of images </td> </tr> + <tr id="flexbox-intrinsic-ratio-001-9.2.#hypothetical-main-size" class="primary"> + <td><strong> + <a href="flexbox-intrinsic-ratio-001.htm">flexbox-intrinsic-ratio-001</a></strong></td> + <td><a href="reference/flexbox-intrinsic-ratio-001-ref.htm">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-002-9.2.#hypothetical-main-size" class="primary"> + <td><strong> + <a href="flexbox-intrinsic-ratio-002.htm">flexbox-intrinsic-ratio-002</a></strong></td> + <td><a href="reference/flexbox-intrinsic-ratio-001-ref.htm">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-003-9.2.#hypothetical-main-size" class="primary"> + <td><strong> + <a href="flexbox-intrinsic-ratio-003.htm">flexbox-intrinsic-ratio-003</a></strong></td> + <td><a href="reference/flexbox-intrinsic-ratio-003-ref.htm">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-004-9.2.#hypothetical-main-size" class="primary"> + <td><strong> + <a href="flexbox-intrinsic-ratio-004.htm">flexbox-intrinsic-ratio-004</a></strong></td> + <td><a href="reference/flexbox-intrinsic-ratio-004-ref.htm">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-005-9.2.#hypothetical-main-size" class="primary"> + <td><strong> + <a href="flexbox-intrinsic-ratio-005.htm">flexbox-intrinsic-ratio-005</a></strong></td> + <td><a href="reference/flexbox-intrinsic-ratio-005-ref.htm">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-006-9.2.#hypothetical-main-size" class="primary"> + <td><strong> + <a href="flexbox-intrinsic-ratio-006.htm">flexbox-intrinsic-ratio-006</a></strong></td> + <td><a href="reference/flexbox-intrinsic-ratio-006-ref.htm">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio. + </td> + </tr> </tbody> <tbody id="s9.3"> <tr><th colspan="4" scope="rowgroup"> @@ -720,7 +768,55 @@ </tr> </tbody> <tbody id="s9.4.#hypothetical-cross-size"> - <!-- 0 tests --> + <!-- 6 tests --> + <tr id="flexbox-intrinsic-ratio-001-9.4.#hypothetical-cross-size" class=""> + <td> + <a href="flexbox-intrinsic-ratio-001.htm">flexbox-intrinsic-ratio-001</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-001-ref.htm">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-002-9.4.#hypothetical-cross-size" class=""> + <td> + <a href="flexbox-intrinsic-ratio-002.htm">flexbox-intrinsic-ratio-002</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-001-ref.htm">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-003-9.4.#hypothetical-cross-size" class=""> + <td> + <a href="flexbox-intrinsic-ratio-003.htm">flexbox-intrinsic-ratio-003</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-003-ref.htm">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-004-9.4.#hypothetical-cross-size" class=""> + <td> + <a href="flexbox-intrinsic-ratio-004.htm">flexbox-intrinsic-ratio-004</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-004-ref.htm">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-005-9.4.#hypothetical-cross-size" class=""> + <td> + <a href="flexbox-intrinsic-ratio-005.htm">flexbox-intrinsic-ratio-005</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-005-ref.htm">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-006-9.4.#hypothetical-cross-size" class=""> + <td> + <a href="flexbox-intrinsic-ratio-006.htm">flexbox-intrinsic-ratio-006</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-006-ref.htm">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio. + </td> + </tr> </tbody> <tbody id="s9.4.#strut-size"> <!-- 0 tests --> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-intrinsic-ratio-001.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-intrinsic-ratio-001.htm new file mode 100644 index 00000000000..fe96f740b22 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-intrinsic-ratio-001.htm @@ -0,0 +1,124 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <meta charset="utf-8"> + <title> + CSS Test: Testing how explicit main-size & cross-size constraints + influence sizing on non-stretched flex item w/ intrinsic ratio. + </title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help"> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help"> + <link href="reference/flexbox-intrinsic-ratio-001-ref.htm" rel="match"> + <style> + .flexbox { + display: flex; + flex-direction: row; + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + justify-content: flex-start; + align-items: flex-start; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png"> + </div> + <br> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="height: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="flex: 0 0 30px"> + </div> + <br> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-height: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + min-height: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px; + min-height: 30px"> + </div> + <br> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + max-height: 6px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 6px; + max-height: 10px"> + </div> + <br> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + max-height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + min-height: 30px"> + </div> + <br> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + max-height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + height: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + min-height: 30px"> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-intrinsic-ratio-002.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-intrinsic-ratio-002.htm new file mode 100644 index 00000000000..ef702bb43e4 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-intrinsic-ratio-002.htm @@ -0,0 +1,124 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <meta charset="utf-8"> + <title> + CSS Test: Testing how explicit main-size & cross-size constraints + influence sizing on non-stretched flex item w/ intrinsic ratio. + </title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help"> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help"> + <link href="reference/flexbox-intrinsic-ratio-001-ref.htm" rel="match"> + <style> + .flexbox { + display: flex; + flex-direction: column; + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + justify-content: flex-start; + align-items: flex-start; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png"> + </div> + <br> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="height: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="flex: 0 0 30px"> + </div> + <br> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-height: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + min-height: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px; + min-height: 30px"> + </div> + <br> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + max-height: 6px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 6px; + max-height: 10px"> + </div> + <br> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + max-height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + min-height: 30px"> + </div> + <br> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + max-height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + height: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + min-height: 30px"> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-intrinsic-ratio-003.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-intrinsic-ratio-003.htm new file mode 100644 index 00000000000..78fba668c7e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-intrinsic-ratio-003.htm @@ -0,0 +1,124 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <meta charset="utf-8"> + <title> + CSS Test: Testing how explicit main-size & cross-size constraints + influence sizing on stretched flex item w/ intrinsic ratio. + </title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help"> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help"> + <link href="reference/flexbox-intrinsic-ratio-003-ref.htm" rel="match"> + <style> + .flexbox { + display: flex; + flex-direction: row; + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + justify-content: flex-start; + align-items: stretch; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png"> + </div> + <br> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="height: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="flex: 0 0 30px"> + </div> + <br> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-height: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + min-height: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px; + min-height: 30px"> + </div> + <br> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + max-height: 6px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 6px; + max-height: 10px"> + </div> + <br> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + max-height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + min-height: 30px"> + </div> + <br> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + max-height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + height: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + min-height: 30px"> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-intrinsic-ratio-004.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-intrinsic-ratio-004.htm new file mode 100644 index 00000000000..c0b0b8ac715 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-intrinsic-ratio-004.htm @@ -0,0 +1,124 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <meta charset="utf-8"> + <title> + CSS Test: Testing how explicit main-size & cross-size constraints + influence sizing on stretched flex item w/ intrinsic ratio. + </title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help"> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help"> + <link href="reference/flexbox-intrinsic-ratio-004-ref.htm" rel="match"> + <style> + .flexbox { + display: flex; + flex-direction: column; + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + justify-content: flex-start; + align-items: stretch; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png"> + </div> + <br> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="height: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="flex: 0 0 30px"> + </div> + <br> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-height: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + min-height: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px; + min-height: 30px"> + </div> + <br> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + max-height: 6px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 6px; + max-height: 10px"> + </div> + <br> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + max-height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + min-height: 30px"> + </div> + <br> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + max-height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + height: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + min-height: 30px"> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-intrinsic-ratio-005.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-intrinsic-ratio-005.htm new file mode 100644 index 00000000000..f6a569f85f0 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-intrinsic-ratio-005.htm @@ -0,0 +1,126 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <meta charset="utf-8"> + <title> + CSS Test: Testing how explicit main-size & cross-size constraints + influence sizing on non-stretched flexible flex item w/ intrinsic ratio. + </title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help"> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help"> + <link href="reference/flexbox-intrinsic-ratio-005-ref.htm" rel="match"> + <style> + .flexbox { + display: flex; + flex-direction: row; + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + justify-content: flex-start; + align-items: flex-start; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + flex: 1; + + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png"> + </div> + <br> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="height: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="flex: 1 1 30px"> + </div> + <br> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-height: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + min-height: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px; + min-height: 30px"> + </div> + <br> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + max-height: 6px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 6px; + max-height: 10px"> + </div> + <br> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + max-height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + min-height: 30px"> + </div> + <br> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + max-height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + height: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + min-height: 30px"> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-intrinsic-ratio-006.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-intrinsic-ratio-006.htm new file mode 100644 index 00000000000..f4e6bc35c8e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-intrinsic-ratio-006.htm @@ -0,0 +1,126 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <meta charset="utf-8"> + <title> + CSS Test: Testing how explicit main-size & cross-size constraints + influence sizing on non-stretched flexible flex item w/ intrinsic ratio. + </title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help"> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help"> + <link href="reference/flexbox-intrinsic-ratio-006-ref.htm" rel="match"> + <style> + .flexbox { + display: flex; + flex-direction: column; + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + justify-content: flex-start; + align-items: flex-start; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + flex: 1; + + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png"> + </div> + <br> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="height: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="flex: 1 1 30px"> + </div> + <br> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-height: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + min-height: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px; + min-height: 30px"> + </div> + <br> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + max-height: 6px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 6px; + max-height: 10px"> + </div> + <br> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + max-height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + min-height: 30px"> + </div> + <br> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + max-height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + height: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + min-height: 30px"> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-content-center.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-content-center.htm index 4daffece51b..beb28c55cb1 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-content-center.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-content-center.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | align-content: center</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; align-content: center; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-content") == - "center"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-content"), + "center"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-content-flex-end.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-content-flex-end.htm index 324e9f694a3..05d5f2a2c3d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-content-flex-end.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-content-flex-end.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | align-content: flex-end</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; align-content: flex-end; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-content") == - "flex-end"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-content"), + "flex-end"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-content-flex-start.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-content-flex-start.htm index 5fccde540d1..56ddd5c2ce7 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-content-flex-start.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-content-flex-start.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | align-content: flex-start</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; align-content: flex-start; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-content") == - "flex-start"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-content"), + "flex-start"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-content-space-around.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-content-space-around.htm index 8af2ec1ef5f..debe9745216 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-content-space-around.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-content-space-around.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | align-content: space-around</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; align-content: space-around; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-content") == - "space-around"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-content"), + "space-around"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-content-space-between.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-content-space-between.htm index 82f23d849ed..6c9e2a3024a 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-content-space-between.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-content-space-between.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | align-content: space-between</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; align-content: space-between; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-content") == - "space-between"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-content"), + "space-between"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-baseline.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-baseline.htm index 46bafadac80..9284c1772ac 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-baseline.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-baseline.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | align-items: baseline</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; align-items: baseline; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-items") == - "baseline"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-items"), + "baseline"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-center.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-center.htm index 478cc787a67..7ee3138b450 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-center.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-center.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | align-items: center</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; align-items: center; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-items") == - "center"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-items"), + "center"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-flex-end.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-flex-end.htm index 67d248a3c8c..e43881289be 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-flex-end.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-flex-end.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | align-items: flex-end</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; align-items: flex-end; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-items") == - "flex-end"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-items"), + "flex-end"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-flex-start.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-flex-start.htm index 54d595d3ffa..273496596f7 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-flex-start.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-flex-start.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | align-items: flex-start</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; align-items: flex-start; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-items") == - "flex-start"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-items"), + "flex-start"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-invalid.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-invalid.htm index 36a7ae723a3..dfeac22ae3b 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-invalid.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-invalid.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | align-items: invalid</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; align-items: damer; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-items") == - "stretch"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-items"), + "stretch"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-stretch.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-stretch.htm index 22ee5d8fae9..247f927642d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-stretch.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-items-stretch.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | align-items: stretch</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; align-items: stretch; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-items") == - "stretch"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-items"), + "stretch"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-baseline.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-baseline.htm index 8d42630c105..396aa7dd087 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-baseline.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-baseline.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | align-self: baseline</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; align-self: baseline; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-self") == - "baseline"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-self"), + "baseline"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-center.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-center.htm index a96876134a7..da83157f823 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-center.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-center.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | align-self: center</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; align-self: center; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-self") == - "center"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-self"), + "center"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-flex-end.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-flex-end.htm index 72c85f42010..68655bcb28e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-flex-end.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-flex-end.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | align-self: flex-end</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; align-self: flex-end; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-self") == - "flex-end"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-self"), + "flex-end"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-flex-start.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-flex-start.htm index 4ee90475f7e..acda4a3e599 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-flex-start.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-flex-start.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | align-self: flex-start</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; align-self: flex-start; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-self") == - "flex-start"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-self"), + "flex-start"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-invalid.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-invalid.htm index 8f6a0c7f228..672c43955ff 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-invalid.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-invalid.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | align-self: invalid</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; align-self: damer; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-self") == - "stretch"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-self"), + "stretch"); +}); </script> -</body></html> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-stretch.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-stretch.htm index 5dbd1db31e1..ac2735e4ca8 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-stretch.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_align-self-stretch.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | align-self: stretch</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; align-self: stretch; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-self") == - "stretch"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-self"), + "stretch"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_display-inline.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_display-inline.htm index 19a11dc713f..7992a5ef205 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_display-inline.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_display-inline.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | display: inline-flex</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; display: inline-flex; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("display") == - "inline-flex"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("display"), + "inline-flex"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_display.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_display.htm index 02543695a50..51a2f89a0dc 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_display.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_display.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | display: flex</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; display: flex; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("display") == - "flex"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("display"), + "flex"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-basis-0.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-basis-0.htm index c89792926c7..f91377be5ac 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-basis-0.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-basis-0.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | flex-basis: 0</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-basis: 0; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-basis") == - "0px"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "0px"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-basis-0percent.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-basis-0percent.htm index 60b730f5fd3..9a8f270a7e1 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-basis-0percent.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-basis-0percent.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | flex-basis: 0%</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-basis: 0%; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-basis") == - "0px"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "0px"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-basis-auto.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-basis-auto.htm index 6f0513cbd69..98ba14b7aeb 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-basis-auto.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-basis-auto.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | flex-basis: auto</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-basis: auto; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-basis") == - "auto"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-basis-percent.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-basis-percent.htm index a87d086874d..971d405153b 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-basis-percent.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-basis-percent.htm @@ -2,26 +2,27 @@ <html><head><title>flexbox | computed style | flex-basis: percent</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> -body { +html { display: flex; width: 100px; } -div { +body { color: red; + margin: 0; flex-basis: 100%; } -.PASS {color: black;} </style> -</head><body><div id="test"><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> - var test = document.getElementById("test"); +test(function() { + var body = document.body; - var passed = - getComputedStyle(test).getPropertyValue("flex-basis") == - "100%"; - test.textContent = test.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "100%"); +}); </script> -</body></html> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-direction-column-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-direction-column-reverse.htm index 7953f489656..169b6f9c021 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-direction-column-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-direction-column-reverse.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | flex-direction: column-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-direction: column-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-direction") == - "column-reverse"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column-reverse"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-direction-column.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-direction-column.htm index 8522de695e9..0a333f1c6d3 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-direction-column.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-direction-column.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | flex-direction: column</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-direction: column; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-direction") == - "column"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-direction-invalid.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-direction-invalid.htm index f8cd61eeb5a..e0356ae58ec 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-direction-invalid.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-direction-invalid.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | flex-direction: row</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-direction: damer; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-direction") == - "row"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-direction-row-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-direction-row-reverse.htm index dd8f1b9945b..8270734ecf0 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-direction-row-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-direction-row-reverse.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | flex-direction: row-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-direction: row-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-direction") == - "row-reverse"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row-reverse"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-direction-row.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-direction-row.htm index bcbaaf798c6..b04722a4473 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-direction-row.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-direction-row.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | flex-direction: row</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-direction: row; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-direction") == - "row"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-nowrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-nowrap.htm index 8603f62c04d..d93e10a8381 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-nowrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-nowrap.htm @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-flow: column nowrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "column" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm index fdc39311184..dcd782f33ca 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-flow: column-reverse nowrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "column-reverse" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column-reverse"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-wrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-wrap.htm index 8cadd17fd2c..10be17740e3 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-wrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-wrap.htm @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-flow: column-reverse wrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "column-reverse" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column-reverse"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse.htm index b82d31e47f0..83b6730ed42 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse.htm @@ -3,24 +3,24 @@ <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-flow: column-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "column-reverse" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column-reverse"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap-reverse.htm index aea45c4c5ef..a9b639c1fb8 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap-reverse.htm @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-flow: column wrap-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "column" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap-reverse"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap-reverse"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap.htm index 50edf7b23f3..502e6f06a2b 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap.htm @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-flow: column wrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "column" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column.htm index f02d2bcd4f2..ce6e62d60c6 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column.htm @@ -3,24 +3,24 @@ <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-flow: column; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "column" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-nowrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-nowrap.htm index 02475f9b3e6..98e0036670c 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-nowrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-nowrap.htm @@ -3,24 +3,24 @@ <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-flow: nowrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-nowrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-nowrap.htm index 6b78c8ee4ab..4d98a6c3e5c 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-nowrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-nowrap.htm @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-flow: row nowrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm index 3ea7738d61b..cb4b37928d0 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-flow: row-reverse nowrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row-reverse" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row-reverse"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm index efaa13d661d..38f928cabd0 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-flow: row-reverse wrap-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row-reverse" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap-reverse"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row-reverse"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap-reverse"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap.htm index 5d21058e17d..123b46210d3 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap.htm @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-flow: row-reverse wrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row-reverse" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row-reverse"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse.htm index c54c3cb83c0..da92b5e5198 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse.htm @@ -3,24 +3,24 @@ <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-flow: row-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row-reverse" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row-reverse"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap-reverse.htm index d434c924705..15c1702356d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap-reverse.htm @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-flow: row wrap-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap-reverse"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap-reverse"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap.htm index de6cc22543e..49008f955fd 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap.htm @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-flow: row wrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row.htm index 35f32e11925..ec4a4c7e373 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row.htm @@ -3,24 +3,24 @@ <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-flow: row; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-wrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-wrap.htm index c124c8ab922..5a7f6c966a7 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-wrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-wrap.htm @@ -3,24 +3,24 @@ <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-flow: wrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-grow-0.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-grow-0.htm index e0e91f3db99..b6bc9aeeb1b 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-grow-0.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-grow-0.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | flex-grow: 0</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-grow: 0; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-grow") == - "0"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "0"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-grow-invalid.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-grow-invalid.htm index bfbb9065da4..35c1760d423 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-grow-invalid.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-grow-invalid.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | flex-grow: negative</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-grow: -1; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-grow") == - "0"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "0"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-grow-number.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-grow-number.htm index 3d8c25b0c9b..da7be4623ed 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-grow-number.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-grow-number.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | flex-grow: number</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-grow: 666; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-grow") == - "666"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "666"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-0-auto.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-0-auto.htm index 1c716081cc1..6008cbc7f5a 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-0-auto.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-0-auto.htm @@ -2,26 +2,26 @@ <html><head><title>flexbox | computed style | flex: 0 auto</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex: initial; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-grow") == - "0" && - getComputedStyle(body).getPropertyValue("flex-shrink") == - "1" && - getComputedStyle(body).getPropertyValue("flex-basis") == - "auto"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "0"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "1"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-auto.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-auto.htm index 2b282464d9a..12f22c9595a 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-auto.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-auto.htm @@ -2,26 +2,26 @@ <html><head><title>flexbox | computed style | flex: auto</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex: auto; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-grow") == - "1" && - getComputedStyle(body).getPropertyValue("flex-shrink") == - "1" && - getComputedStyle(body).getPropertyValue("flex-basis") == - "auto"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "1"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "1"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-initial.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-initial.htm index 76c78d13e3e..cdb131a9807 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-initial.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-initial.htm @@ -2,26 +2,26 @@ <html><head><title>flexbox | computed style | flex: initial</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex: initial; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-grow") == - "0" && - getComputedStyle(body).getPropertyValue("flex-shrink") == - "1" && - getComputedStyle(body).getPropertyValue("flex-basis") == - "auto"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "0"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "1"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-invalid.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-invalid.htm index c739259c284..7a96443b9ae 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-invalid.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-invalid.htm @@ -2,26 +2,26 @@ <html><head><title>flexbox | computed style | flex: invalid</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex: 0 1 1; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-grow") == - "0" && - getComputedStyle(body).getPropertyValue("flex-shrink") == - "1" && - getComputedStyle(body).getPropertyValue("flex-basis") == - "auto"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "0"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "1"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-none.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-none.htm index a48a546849f..5fd249c990b 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-none.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-none.htm @@ -2,26 +2,26 @@ <html><head><title>flexbox | computed style | flex: auto</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex: none; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-grow") == - "0" && - getComputedStyle(body).getPropertyValue("flex-shrink") == - "0" && - getComputedStyle(body).getPropertyValue("flex-basis") == - "auto"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "0"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "0"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-number.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-number.htm index 1af999502e4..aa4b78a8db8 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-number.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand-number.htm @@ -2,26 +2,26 @@ <html><head><title>flexbox | computed style | flex: number</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex: 666; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-grow") == - "666" && - getComputedStyle(body).getPropertyValue("flex-shrink") == - "1" && - getComputedStyle(body).getPropertyValue("flex-basis") == - "0px"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "666"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "1"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "0px"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand.htm index 2db1e1d481c..6b2e45b50a5 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shorthand.htm @@ -2,26 +2,26 @@ <html><head><title>flexbox | computed style | flex: invalid</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex: 666 666 666px; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-grow") == - "666" && - getComputedStyle(body).getPropertyValue("flex-shrink") == - "666" && - getComputedStyle(body).getPropertyValue("flex-basis") == - "666px"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "666"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "666"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "666px"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shrink-0.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shrink-0.htm index dff3df0672e..b9e0767d0e3 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shrink-0.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shrink-0.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | flex-shrink: 0</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-shrink: 0; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-shrink") == - "0"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "0"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shrink-invalid.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shrink-invalid.htm index 22a21e1f9e6..598ac55c467 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shrink-invalid.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shrink-invalid.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | flex-shrink: negative</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-shrink: -1; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-shrink") == - "1"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "1"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shrink-number.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shrink-number.htm index eb7717c59de..a31960dfc30 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shrink-number.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-shrink-number.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | flex-shrink: number</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-shrink: 666; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-shrink") == - "666"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "666"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-wrap-invalid.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-wrap-invalid.htm index 6864de62793..e45d7ab7a26 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-wrap-invalid.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-wrap-invalid.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | flex-wrap: wrap</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-wrap: damer; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-wrap-nowrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-wrap-nowrap.htm index 60ea86e815e..f4fb8f70304 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-wrap-nowrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-wrap-nowrap.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | flex-wrap: nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-wrap: nowrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-wrap-wrap-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-wrap-wrap-reverse.htm index 5b92e4e8af3..068231b3f36 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-wrap-wrap-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-wrap-wrap-reverse.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | flex-wrap: wrap-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-wrap: wrap-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap-reverse"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap-reverse"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-wrap-wrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-wrap-wrap.htm index 81aa2a72401..5eb8b3de35b 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-wrap-wrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-wrap-wrap.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | flex-wrap: wrap</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; flex-wrap: wrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_justify-content-center.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_justify-content-center.htm index 2b9d88a921f..29f53c8be82 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_justify-content-center.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_justify-content-center.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | justify-content: center</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; justify-content: center; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("justify-content") == - "center"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("justify-content"), + "center"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_justify-content-flex-end.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_justify-content-flex-end.htm index e1d6b40700e..c056f0ae076 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_justify-content-flex-end.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_justify-content-flex-end.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | justify-content: flex-end</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; justify-content: flex-end; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("justify-content") == - "flex-end"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("justify-content"), + "flex-end"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_justify-content-flex-start.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_justify-content-flex-start.htm index 4a872657b36..43da6927cf8 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_justify-content-flex-start.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_justify-content-flex-start.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | justify-content: flex-start</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; justify-content: flex-start; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("justify-content") == - "flex-start"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("justify-content"), + "flex-start"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_justify-content-space-around.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_justify-content-space-around.htm index 6765b988eb4..a0de79fda57 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_justify-content-space-around.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_justify-content-space-around.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | justify-content: space-around</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; justify-content: space-around; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("justify-content") == - "space-around"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("justify-content"), + "space-around"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_justify-content-space-between.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_justify-content-space-between.htm index 74666892e0b..1a9befebb7e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_justify-content-space-between.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_justify-content-space-between.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | justify-content: space-between</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; justify-content: space-between; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("justify-content") == - "space-between"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("justify-content"), + "space-between"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_min-height-auto.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_min-height-auto.htm index 4630d935298..f801d0d6f75 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_min-height-auto.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_min-height-auto.htm @@ -2,7 +2,8 @@ <html><head><title>flexbox | computed style | min-height: auto</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> html { @@ -13,15 +14,14 @@ body { color: red; min-height: auto; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("min-height") == - "auto"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("min-height"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_min-width-auto.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_min-width-auto.htm index 278cc80b3ac..beb7f265996 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_min-width-auto.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_min-width-auto.htm @@ -2,7 +2,8 @@ <html><head><title>flexbox | computed style | min-width: auto</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> html { @@ -12,15 +13,14 @@ body { color: red; min-width: auto; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("min-width") == - "auto"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("min-width"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order-inherit.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order-inherit.htm index c353c8679a9..88fdd7b6491 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order-inherit.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order-inherit.htm @@ -2,7 +2,8 @@ <html><head><title>flexbox | computed style | order: -1</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> html { @@ -12,15 +13,14 @@ body { color: red; order: inherit; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("order") == - "666"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("order"), + "666"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order-integer.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order-integer.htm index 08229886d4a..4f57299f25b 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order-integer.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order-integer.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | order: integer</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; order: 5; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("order") == - "5"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("order"), + "5"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order-invalid.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order-invalid.htm index 97bb116319b..db06793fdde 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order-invalid.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order-invalid.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | order: noninteger</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; order: 1.5; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("order") == - "0"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("order"), + "0"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order-negative.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order-negative.htm index b2da298af85..08865027c8e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order-negative.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order-negative.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | order: -1</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; order: -1; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("order") == - "-1"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("order"), + "-1"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order.htm index 9c482c6a3a7..5fe3ac04fae 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_order.htm @@ -2,22 +2,22 @@ <html><head><title>flexbox | computed style | order: 0</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help"> -<link href="reference/ref-pass-body.htm" rel="match"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags"> <style> body { color: red; order: 0; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("order") == - "0"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("order"), + "0"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-intrinsic-ratio-001-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-intrinsic-ratio-001-ref.htm new file mode 100644 index 00000000000..5568ef54f39 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-intrinsic-ratio-001-ref.htm @@ -0,0 +1,121 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <meta charset="utf-8"> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <style> + .flexbox { + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + vertical-align: top; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png"> + </div> + <br> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 30px"> + </div> + <br> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 34px"> + </div> + <br> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 6px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 6px"> + </div> + <br> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px"> + </div> + <br> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px"> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-intrinsic-ratio-003-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-intrinsic-ratio-003-ref.htm new file mode 100644 index 00000000000..94f2f44ae6e --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-intrinsic-ratio-003-ref.htm @@ -0,0 +1,122 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <meta charset="utf-8"> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <style> + .flexbox { + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + vertical-align: top; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 16px; + height: 40px"> + </div> + <br> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 40px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 40px"> + </div> + <br> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 40px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 40px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 40px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 40px"> + </div> + <br> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 40px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 6px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 10px"> + </div> + <br> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 40px"> + </div> + <br> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 40px"> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-intrinsic-ratio-004-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-intrinsic-ratio-004-ref.htm new file mode 100644 index 00000000000..a7c0fb7f887 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-intrinsic-ratio-004-ref.htm @@ -0,0 +1,122 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <meta charset="utf-8"> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <style> + .flexbox { + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + vertical-align: top; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 16px"> + </div> + <br> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 30px"> + </div> + <br> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 34px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 34px"> + </div> + <br> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 6px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 6px"> + </div> + <br> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px"> + </div> + <br> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px"> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-intrinsic-ratio-005-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-intrinsic-ratio-005-ref.htm new file mode 100644 index 00000000000..58030121182 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-intrinsic-ratio-005-ref.htm @@ -0,0 +1,122 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <meta charset="utf-8"> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <style> + .flexbox { + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + vertical-align: top; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px"> + </div> + <br> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px"> + </div> + <br> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px"> + </div> + <br> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 6px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 6px"> + </div> + <br> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px"> + </div> + <br> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px"> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-intrinsic-ratio-006-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-intrinsic-ratio-006-ref.htm new file mode 100644 index 00000000000..1cafe295115 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-intrinsic-ratio-006-ref.htm @@ -0,0 +1,122 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--><html><head> + <meta charset="utf-8"> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert"> + <style> + .flexbox { + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + vertical-align: top; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px"> + </div> + <br> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 40px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px"> + </div> + <br> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px"> + </div> + <br> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 40px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 6px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 10px"> + </div> + <br> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 40px"> + </div> + <br> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 40px"> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 40px"> + </div> + + +</body></html>
\ No newline at end of file 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 030807532f9..b2be8ddc616 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 @@ -1720,6 +1720,54 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="flexbox-intrinsic-ratio-001" class=""> + <tr> + <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio."> + <a href="flexbox-intrinsic-ratio-001.htm">flexbox-intrinsic-ratio-001</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-001-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-intrinsic-ratio-002" class=""> + <tr> + <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio."> + <a href="flexbox-intrinsic-ratio-002.htm">flexbox-intrinsic-ratio-002</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-001-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-intrinsic-ratio-003" class=""> + <tr> + <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio."> + <a href="flexbox-intrinsic-ratio-003.htm">flexbox-intrinsic-ratio-003</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-003-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-intrinsic-ratio-004" class=""> + <tr> + <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio."> + <a href="flexbox-intrinsic-ratio-004.htm">flexbox-intrinsic-ratio-004</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-004-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-intrinsic-ratio-005" class=""> + <tr> + <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio."> + <a href="flexbox-intrinsic-ratio-005.htm">flexbox-intrinsic-ratio-005</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-005-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-intrinsic-ratio-006" class=""> + <tr> + <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio."> + <a href="flexbox-intrinsic-ratio-006.htm">flexbox-intrinsic-ratio-006</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-006-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="flexbox-items-as-stacking-contexts-001" class=""> <tr> <td rowspan="1" title="Testing that 'z-index' property makes flex items form stacking contexts"> @@ -2528,598 +2576,6 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="flexbox_computedstyle_align-content-center" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-content: center"> - <a href="flexbox_computedstyle_align-content-center.htm">flexbox_computedstyle_align-content-center</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-content-flex-end" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-content: flex-end"> - <a href="flexbox_computedstyle_align-content-flex-end.htm">flexbox_computedstyle_align-content-flex-end</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-content-flex-start" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-content: flex-start"> - <a href="flexbox_computedstyle_align-content-flex-start.htm">flexbox_computedstyle_align-content-flex-start</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-content-space-around" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-content: space-around"> - <a href="flexbox_computedstyle_align-content-space-around.htm">flexbox_computedstyle_align-content-space-around</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-content-space-between" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-content: space-between"> - <a href="flexbox_computedstyle_align-content-space-between.htm">flexbox_computedstyle_align-content-space-between</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-items-baseline" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-items: baseline"> - <a href="flexbox_computedstyle_align-items-baseline.htm">flexbox_computedstyle_align-items-baseline</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-items-center" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-items: center"> - <a href="flexbox_computedstyle_align-items-center.htm">flexbox_computedstyle_align-items-center</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-items-flex-end" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-items: flex-end"> - <a href="flexbox_computedstyle_align-items-flex-end.htm">flexbox_computedstyle_align-items-flex-end</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-items-flex-start" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-items: flex-start"> - <a href="flexbox_computedstyle_align-items-flex-start.htm">flexbox_computedstyle_align-items-flex-start</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-items-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-items: invalid"> - <a href="flexbox_computedstyle_align-items-invalid.htm">flexbox_computedstyle_align-items-invalid</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-items-stretch" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-items: stretch"> - <a href="flexbox_computedstyle_align-items-stretch.htm">flexbox_computedstyle_align-items-stretch</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-self-baseline" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-self: baseline"> - <a href="flexbox_computedstyle_align-self-baseline.htm">flexbox_computedstyle_align-self-baseline</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-self-center" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-self: center"> - <a href="flexbox_computedstyle_align-self-center.htm">flexbox_computedstyle_align-self-center</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-self-flex-end" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-self: flex-end"> - <a href="flexbox_computedstyle_align-self-flex-end.htm">flexbox_computedstyle_align-self-flex-end</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-self-flex-start" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-self: flex-start"> - <a href="flexbox_computedstyle_align-self-flex-start.htm">flexbox_computedstyle_align-self-flex-start</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-self-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-self: invalid"> - <a href="flexbox_computedstyle_align-self-invalid.htm">flexbox_computedstyle_align-self-invalid</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-self-stretch" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-self: stretch"> - <a href="flexbox_computedstyle_align-self-stretch.htm">flexbox_computedstyle_align-self-stretch</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_display" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | display: flex"> - <a href="flexbox_computedstyle_display.htm">flexbox_computedstyle_display</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_display-inline" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | display: inline-flex"> - <a href="flexbox_computedstyle_display-inline.htm">flexbox_computedstyle_display-inline</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-basis-0" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-basis: 0"> - <a href="flexbox_computedstyle_flex-basis-0.htm">flexbox_computedstyle_flex-basis-0</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-basis-0percent" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-basis: 0%"> - <a href="flexbox_computedstyle_flex-basis-0percent.htm">flexbox_computedstyle_flex-basis-0percent</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-basis-auto" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-basis: auto"> - <a href="flexbox_computedstyle_flex-basis-auto.htm">flexbox_computedstyle_flex-basis-auto</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-basis-percent" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-basis: percent"> - <a href="flexbox_computedstyle_flex-basis-percent.htm">flexbox_computedstyle_flex-basis-percent</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-direction-column" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-direction: column"> - <a href="flexbox_computedstyle_flex-direction-column.htm">flexbox_computedstyle_flex-direction-column</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-direction-column-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-direction: column-reverse"> - <a href="flexbox_computedstyle_flex-direction-column-reverse.htm">flexbox_computedstyle_flex-direction-column-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-direction-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-direction: row"> - <a href="flexbox_computedstyle_flex-direction-invalid.htm">flexbox_computedstyle_flex-direction-invalid</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-direction-row" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-direction: row"> - <a href="flexbox_computedstyle_flex-direction-row.htm">flexbox_computedstyle_flex-direction-row</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-direction-row-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-direction: row-reverse"> - <a href="flexbox_computedstyle_flex-direction-row-reverse.htm">flexbox_computedstyle_flex-direction-row-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-column" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: column"> - <a href="flexbox_computedstyle_flex-flow-column.htm">flexbox_computedstyle_flex-flow-column</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-column-nowrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: column nowrap"> - <a href="flexbox_computedstyle_flex-flow-column-nowrap.htm">flexbox_computedstyle_flex-flow-column-nowrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-column-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: column-reverse"> - <a href="flexbox_computedstyle_flex-flow-column-reverse.htm">flexbox_computedstyle_flex-flow-column-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-column-reverse-nowrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: column-reverse nowrap"> - <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-column-reverse-wrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: column-reverse wrap"> - <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.htm">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-column-wrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: column wrap"> - <a href="flexbox_computedstyle_flex-flow-column-wrap.htm">flexbox_computedstyle_flex-flow-column-wrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-column-wrap-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: column wrap-reverse"> - <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.htm">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-nowrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: nowrap"> - <a href="flexbox_computedstyle_flex-flow-nowrap.htm">flexbox_computedstyle_flex-flow-nowrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row"> - <a href="flexbox_computedstyle_flex-flow-row.htm">flexbox_computedstyle_flex-flow-row</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row-nowrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row nowrap"> - <a href="flexbox_computedstyle_flex-flow-row-nowrap.htm">flexbox_computedstyle_flex-flow-row-nowrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row-reverse"> - <a href="flexbox_computedstyle_flex-flow-row-reverse.htm">flexbox_computedstyle_flex-flow-row-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row-reverse-nowrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row-reverse nowrap"> - <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row-reverse-wrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row-reverse wrap"> - <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.htm">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row-reverse wrap-reverse"> - <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row-wrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row wrap"> - <a href="flexbox_computedstyle_flex-flow-row-wrap.htm">flexbox_computedstyle_flex-flow-row-wrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row-wrap-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row wrap-reverse"> - <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.htm">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-wrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: wrap"> - <a href="flexbox_computedstyle_flex-flow-wrap.htm">flexbox_computedstyle_flex-flow-wrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-grow-0" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-grow: 0"> - <a href="flexbox_computedstyle_flex-grow-0.htm">flexbox_computedstyle_flex-grow-0</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-grow-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-grow: negative"> - <a href="flexbox_computedstyle_flex-grow-invalid.htm">flexbox_computedstyle_flex-grow-invalid</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-grow-number" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-grow: number"> - <a href="flexbox_computedstyle_flex-grow-number.htm">flexbox_computedstyle_flex-grow-number</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shorthand" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex: invalid"> - <a href="flexbox_computedstyle_flex-shorthand.htm">flexbox_computedstyle_flex-shorthand</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shorthand-0-auto" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex: 0 auto"> - <a href="flexbox_computedstyle_flex-shorthand-0-auto.htm">flexbox_computedstyle_flex-shorthand-0-auto</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shorthand-auto" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex: auto"> - <a href="flexbox_computedstyle_flex-shorthand-auto.htm">flexbox_computedstyle_flex-shorthand-auto</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shorthand-initial" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex: initial"> - <a href="flexbox_computedstyle_flex-shorthand-initial.htm">flexbox_computedstyle_flex-shorthand-initial</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shorthand-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex: invalid"> - <a href="flexbox_computedstyle_flex-shorthand-invalid.htm">flexbox_computedstyle_flex-shorthand-invalid</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shorthand-none" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex: auto"> - <a href="flexbox_computedstyle_flex-shorthand-none.htm">flexbox_computedstyle_flex-shorthand-none</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shorthand-number" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex: number"> - <a href="flexbox_computedstyle_flex-shorthand-number.htm">flexbox_computedstyle_flex-shorthand-number</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shrink-0" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-shrink: 0"> - <a href="flexbox_computedstyle_flex-shrink-0.htm">flexbox_computedstyle_flex-shrink-0</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shrink-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-shrink: negative"> - <a href="flexbox_computedstyle_flex-shrink-invalid.htm">flexbox_computedstyle_flex-shrink-invalid</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shrink-number" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-shrink: number"> - <a href="flexbox_computedstyle_flex-shrink-number.htm">flexbox_computedstyle_flex-shrink-number</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-wrap-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-wrap: wrap"> - <a href="flexbox_computedstyle_flex-wrap-invalid.htm">flexbox_computedstyle_flex-wrap-invalid</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-wrap-nowrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-wrap: nowrap"> - <a href="flexbox_computedstyle_flex-wrap-nowrap.htm">flexbox_computedstyle_flex-wrap-nowrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-wrap-wrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-wrap: wrap"> - <a href="flexbox_computedstyle_flex-wrap-wrap.htm">flexbox_computedstyle_flex-wrap-wrap</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-wrap-wrap-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-wrap: wrap-reverse"> - <a href="flexbox_computedstyle_flex-wrap-wrap-reverse.htm">flexbox_computedstyle_flex-wrap-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_justify-content-center" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | justify-content: center"> - <a href="flexbox_computedstyle_justify-content-center.htm">flexbox_computedstyle_justify-content-center</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_justify-content-flex-end" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | justify-content: flex-end"> - <a href="flexbox_computedstyle_justify-content-flex-end.htm">flexbox_computedstyle_justify-content-flex-end</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_justify-content-flex-start" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | justify-content: flex-start"> - <a href="flexbox_computedstyle_justify-content-flex-start.htm">flexbox_computedstyle_justify-content-flex-start</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_justify-content-space-around" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | justify-content: space-around"> - <a href="flexbox_computedstyle_justify-content-space-around.htm">flexbox_computedstyle_justify-content-space-around</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_justify-content-space-between" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | justify-content: space-between"> - <a href="flexbox_computedstyle_justify-content-space-between.htm">flexbox_computedstyle_justify-content-space-between</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_min-height-auto" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | min-height: auto"> - <a href="flexbox_computedstyle_min-height-auto.htm">flexbox_computedstyle_min-height-auto</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_min-width-auto" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | min-width: auto"> - <a href="flexbox_computedstyle_min-width-auto.htm">flexbox_computedstyle_min-width-auto</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_order" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | order: 0"> - <a href="flexbox_computedstyle_order.htm">flexbox_computedstyle_order</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_order-inherit" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | order: -1"> - <a href="flexbox_computedstyle_order-inherit.htm">flexbox_computedstyle_order-inherit</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_order-integer" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | order: integer"> - <a href="flexbox_computedstyle_order-integer.htm">flexbox_computedstyle_order-integer</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_order-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | order: noninteger"> - <a href="flexbox_computedstyle_order-invalid.htm">flexbox_computedstyle_order-invalid</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_order-negative" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | order: -1"> - <a href="flexbox_computedstyle_order-negative.htm">flexbox_computedstyle_order-negative</a></td> - <td><a href="reference/ref-pass-body.htm">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> <tbody id="flexbox_direction-column" class=""> <tr> <td rowspan="1" title="flexbox | flex-direction: column"> 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 d83308d4362..3999a45c86b 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 @@ -211,6 +211,12 @@ flexbox-flex-wrap-vert-001.htm == reference/flexbox-flex-wrap-vert-001-ref.htm flexbox-flex-wrap-vert-002.htm == reference/flexbox-flex-wrap-vert-002-ref.htm flexbox-flex-wrap-wrap.htm == reference/flexbox-flex-direction-ref.htm flexbox-flex-wrap-wrap-reverse.htm == reference/flexbox-flex-direction-ref.htm +flexbox-intrinsic-ratio-001.htm == reference/flexbox-intrinsic-ratio-001-ref.htm +flexbox-intrinsic-ratio-002.htm == reference/flexbox-intrinsic-ratio-001-ref.htm +flexbox-intrinsic-ratio-003.htm == reference/flexbox-intrinsic-ratio-003-ref.htm +flexbox-intrinsic-ratio-004.htm == reference/flexbox-intrinsic-ratio-004-ref.htm +flexbox-intrinsic-ratio-005.htm == reference/flexbox-intrinsic-ratio-005-ref.htm +flexbox-intrinsic-ratio-006.htm == reference/flexbox-intrinsic-ratio-006-ref.htm flexbox-items-as-stacking-contexts-001.htm == reference/flexbox-items-as-stacking-contexts-001-ref.htm flexbox-items-as-stacking-contexts-002.htm == reference/flexbox-items-as-stacking-contexts-002-ref.htm flexbox-items-as-stacking-contexts-003.htm == reference/flexbox-items-as-stacking-contexts-003-ref.htm @@ -312,80 +318,6 @@ flexbox_box-clear.htm == reference/flexbox_box-clear-ref.htm flexbox_columns.htm == reference/flexbox_columns-ref.htm flexbox_columns-flexitems.htm == reference/flexbox_columns-flexitems-ref.htm flexbox_columns-flexitems-2.htm == reference/flexbox_columns-flexitems-2-ref.htm -flexbox_computedstyle_align-content-center.htm == reference/ref-pass-body.htm -flexbox_computedstyle_align-content-flex-end.htm == reference/ref-pass-body.htm -flexbox_computedstyle_align-content-flex-start.htm == reference/ref-pass-body.htm -flexbox_computedstyle_align-content-space-around.htm == reference/ref-pass-body.htm -flexbox_computedstyle_align-content-space-between.htm == reference/ref-pass-body.htm -flexbox_computedstyle_align-items-baseline.htm == reference/ref-pass-body.htm -flexbox_computedstyle_align-items-center.htm == reference/ref-pass-body.htm -flexbox_computedstyle_align-items-flex-end.htm == reference/ref-pass-body.htm -flexbox_computedstyle_align-items-flex-start.htm == reference/ref-pass-body.htm -flexbox_computedstyle_align-items-invalid.htm == reference/ref-pass-body.htm -flexbox_computedstyle_align-items-stretch.htm == reference/ref-pass-body.htm -flexbox_computedstyle_align-self-baseline.htm == reference/ref-pass-body.htm -flexbox_computedstyle_align-self-center.htm == reference/ref-pass-body.htm -flexbox_computedstyle_align-self-flex-end.htm == reference/ref-pass-body.htm -flexbox_computedstyle_align-self-flex-start.htm == reference/ref-pass-body.htm -flexbox_computedstyle_align-self-invalid.htm == reference/ref-pass-body.htm -flexbox_computedstyle_align-self-stretch.htm == reference/ref-pass-body.htm -flexbox_computedstyle_display.htm == reference/ref-pass-body.htm -flexbox_computedstyle_display-inline.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-basis-0.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-basis-0percent.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-basis-auto.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-basis-percent.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-direction-column.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-direction-column-reverse.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-direction-invalid.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-direction-row.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-direction-row-reverse.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-flow-column.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-flow-column-nowrap.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-flow-column-reverse.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-flow-column-reverse-wrap.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-flow-column-wrap.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-flow-column-wrap-reverse.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-flow-nowrap.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-flow-row.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-flow-row-nowrap.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-flow-row-reverse.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-flow-row-reverse-wrap.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-flow-row-wrap.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-flow-row-wrap-reverse.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-flow-wrap.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-grow-0.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-grow-invalid.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-grow-number.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-shorthand.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-shorthand-0-auto.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-shorthand-auto.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-shorthand-initial.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-shorthand-invalid.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-shorthand-none.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-shorthand-number.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-shrink-0.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-shrink-invalid.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-shrink-number.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-wrap-invalid.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-wrap-nowrap.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-wrap-wrap.htm == reference/ref-pass-body.htm -flexbox_computedstyle_flex-wrap-wrap-reverse.htm == reference/ref-pass-body.htm -flexbox_computedstyle_justify-content-center.htm == reference/ref-pass-body.htm -flexbox_computedstyle_justify-content-flex-end.htm == reference/ref-pass-body.htm -flexbox_computedstyle_justify-content-flex-start.htm == reference/ref-pass-body.htm -flexbox_computedstyle_justify-content-space-around.htm == reference/ref-pass-body.htm -flexbox_computedstyle_justify-content-space-between.htm == reference/ref-pass-body.htm -flexbox_computedstyle_min-height-auto.htm == reference/ref-pass-body.htm -flexbox_computedstyle_min-width-auto.htm == reference/ref-pass-body.htm -flexbox_computedstyle_order.htm == reference/ref-pass-body.htm -flexbox_computedstyle_order-inherit.htm == reference/ref-pass-body.htm -flexbox_computedstyle_order-integer.htm == reference/ref-pass-body.htm -flexbox_computedstyle_order-invalid.htm == reference/ref-pass-body.htm -flexbox_computedstyle_order-negative.htm == reference/ref-pass-body.htm flexbox_direction-column.htm == reference/flexbox_direction-column-ref.htm flexbox_direction-column-reverse.htm == reference/flexbox_direction-column-reverse-ref.htm flexbox_direction-row-reverse.htm == reference/flexbox_direction-row-reverse-ref.htm diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/toc.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/toc.htm index af1a70abaa4..3dbbbb1d7eb 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 @@ -62,7 +62,7 @@ <tbody id="s9"> <tr><th><a href="chapter-9.htm">Chapter 9 - Flex Layout Algorithm</a></th> - <td>(68 Tests)</td></tr> + <td>(74 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/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-flexbox-1_dev/implementation-report-TEMPLATE.data index 6f7a375d8f0..a6ea23a73f0 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 @@ -471,6 +471,18 @@ 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-intrinsic-ratio-001.htm 1a0e59702fd3c88856fea42447a472fb386118ac ? +xhtml1/flexbox-intrinsic-ratio-001.xht 1a0e59702fd3c88856fea42447a472fb386118ac ? +html/flexbox-intrinsic-ratio-002.htm 2e2ee08bae176dca4e9c8a0a95c97d2c2cd13084 ? +xhtml1/flexbox-intrinsic-ratio-002.xht 2e2ee08bae176dca4e9c8a0a95c97d2c2cd13084 ? +html/flexbox-intrinsic-ratio-003.htm 7e1cde3bbb6c64ae8309c63e616e9b8405cb59ea ? +xhtml1/flexbox-intrinsic-ratio-003.xht 7e1cde3bbb6c64ae8309c63e616e9b8405cb59ea ? +html/flexbox-intrinsic-ratio-004.htm 00b807bf6c41cf44a771007215e953f57eac3b44 ? +xhtml1/flexbox-intrinsic-ratio-004.xht 00b807bf6c41cf44a771007215e953f57eac3b44 ? +html/flexbox-intrinsic-ratio-005.htm b1671de7dacb9050e9f30ac809be347d29a905d2 ? +xhtml1/flexbox-intrinsic-ratio-005.xht b1671de7dacb9050e9f30ac809be347d29a905d2 ? +html/flexbox-intrinsic-ratio-006.htm 31a2f488f07f8fa1b2d16a7df17ff44a95d08414 ? +xhtml1/flexbox-intrinsic-ratio-006.xht 31a2f488f07f8fa1b2d16a7df17ff44a95d08414 ? 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 ? @@ -677,154 +689,154 @@ 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 62addb19d645250ca7c38cd420e0c5c72a85bba0 ? -xhtml1/flexbox_computedstyle_align-content-center.xht 62addb19d645250ca7c38cd420e0c5c72a85bba0 ? -html/flexbox_computedstyle_align-content-flex-end.htm 29cad8dd81ecd2834ed996def67b7fe7a2af2fb0 ? -xhtml1/flexbox_computedstyle_align-content-flex-end.xht 29cad8dd81ecd2834ed996def67b7fe7a2af2fb0 ? -html/flexbox_computedstyle_align-content-flex-start.htm f203255eae7bac313f3175a7f0de4e3249ae04d3 ? -xhtml1/flexbox_computedstyle_align-content-flex-start.xht f203255eae7bac313f3175a7f0de4e3249ae04d3 ? -html/flexbox_computedstyle_align-content-space-around.htm ec34f8b1b3833139d5bc895e8dc856e755720e54 ? -xhtml1/flexbox_computedstyle_align-content-space-around.xht ec34f8b1b3833139d5bc895e8dc856e755720e54 ? -html/flexbox_computedstyle_align-content-space-between.htm 97863d2ffa279426e8aad6a8900e80448ce785f9 ? -xhtml1/flexbox_computedstyle_align-content-space-between.xht 97863d2ffa279426e8aad6a8900e80448ce785f9 ? -html/flexbox_computedstyle_align-items-baseline.htm 2ad1fab98161fda41efa9a4952861315a44bfff1 ? -xhtml1/flexbox_computedstyle_align-items-baseline.xht 2ad1fab98161fda41efa9a4952861315a44bfff1 ? -html/flexbox_computedstyle_align-items-center.htm 67bf459031adb99fd33da38532023d4f423de3c2 ? -xhtml1/flexbox_computedstyle_align-items-center.xht 67bf459031adb99fd33da38532023d4f423de3c2 ? -html/flexbox_computedstyle_align-items-flex-end.htm 281f9ad73a196825bf47d65519d4b64aa48ce63a ? -xhtml1/flexbox_computedstyle_align-items-flex-end.xht 281f9ad73a196825bf47d65519d4b64aa48ce63a ? -html/flexbox_computedstyle_align-items-flex-start.htm 0b4ae91b4abcf1713ba786c883dee416e40d1d9a ? -xhtml1/flexbox_computedstyle_align-items-flex-start.xht 0b4ae91b4abcf1713ba786c883dee416e40d1d9a ? -html/flexbox_computedstyle_align-items-invalid.htm a9c458bf2891dda0988bee7c853f2cd204ec5092 ? -xhtml1/flexbox_computedstyle_align-items-invalid.xht a9c458bf2891dda0988bee7c853f2cd204ec5092 ? -html/flexbox_computedstyle_align-items-stretch.htm 9be43311a3ca366cd803dcf17da1202f647f11a4 ? -xhtml1/flexbox_computedstyle_align-items-stretch.xht 9be43311a3ca366cd803dcf17da1202f647f11a4 ? -html/flexbox_computedstyle_align-self-baseline.htm ce1e2923f5c77debac6f55c78a18d7aaac8f6a8a ? -xhtml1/flexbox_computedstyle_align-self-baseline.xht ce1e2923f5c77debac6f55c78a18d7aaac8f6a8a ? -html/flexbox_computedstyle_align-self-center.htm 288b831ba54587ed1ad02f81c25d348de9ab133d ? -xhtml1/flexbox_computedstyle_align-self-center.xht 288b831ba54587ed1ad02f81c25d348de9ab133d ? -html/flexbox_computedstyle_align-self-flex-end.htm 7d4d23359eda048decd404ade4f7972c0cbe4757 ? -xhtml1/flexbox_computedstyle_align-self-flex-end.xht 7d4d23359eda048decd404ade4f7972c0cbe4757 ? -html/flexbox_computedstyle_align-self-flex-start.htm 2515e8e650f8f4765baa0613577666d4e8ff27b0 ? -xhtml1/flexbox_computedstyle_align-self-flex-start.xht 2515e8e650f8f4765baa0613577666d4e8ff27b0 ? -html/flexbox_computedstyle_align-self-invalid.htm 40fdbe1a0acd0769632418a117dda82c44b1e2e9 ? -xhtml1/flexbox_computedstyle_align-self-invalid.xht 40fdbe1a0acd0769632418a117dda82c44b1e2e9 ? -html/flexbox_computedstyle_align-self-stretch.htm dac2da0a5b9d401533649f442f7947b987d71ad5 ? -xhtml1/flexbox_computedstyle_align-self-stretch.xht dac2da0a5b9d401533649f442f7947b987d71ad5 ? -html/flexbox_computedstyle_display-inline.htm 15e33468e7c03922e3f5d5b9213ad751e595fbe1 ? -xhtml1/flexbox_computedstyle_display-inline.xht 15e33468e7c03922e3f5d5b9213ad751e595fbe1 ? -html/flexbox_computedstyle_display.htm e7f6da70160d661c4fdce2d93cce036a70b508b8 ? -xhtml1/flexbox_computedstyle_display.xht e7f6da70160d661c4fdce2d93cce036a70b508b8 ? -html/flexbox_computedstyle_flex-basis-0.htm cf75d173a497479e517a58e9d2ea5563dd58ef14 ? -xhtml1/flexbox_computedstyle_flex-basis-0.xht cf75d173a497479e517a58e9d2ea5563dd58ef14 ? -html/flexbox_computedstyle_flex-basis-0percent.htm adec4138f98318be3f4bd3d4abcf64d315c9c0f5 ? -xhtml1/flexbox_computedstyle_flex-basis-0percent.xht adec4138f98318be3f4bd3d4abcf64d315c9c0f5 ? -html/flexbox_computedstyle_flex-basis-auto.htm 1e0ffb01bda4122e70072b761cab72a991f9931e ? -xhtml1/flexbox_computedstyle_flex-basis-auto.xht 1e0ffb01bda4122e70072b761cab72a991f9931e ? -html/flexbox_computedstyle_flex-basis-percent.htm 8f7a75f379dedb5a8edc286aa68de03eaecd862d ? -xhtml1/flexbox_computedstyle_flex-basis-percent.xht 8f7a75f379dedb5a8edc286aa68de03eaecd862d ? -html/flexbox_computedstyle_flex-direction-column-reverse.htm 3138cf05f8ed9934686234b9c78468edfb1e7ce5 ? -xhtml1/flexbox_computedstyle_flex-direction-column-reverse.xht 3138cf05f8ed9934686234b9c78468edfb1e7ce5 ? -html/flexbox_computedstyle_flex-direction-column.htm e8ed255d8fa1dbd7562021c781fd3ffc58a591ec ? -xhtml1/flexbox_computedstyle_flex-direction-column.xht e8ed255d8fa1dbd7562021c781fd3ffc58a591ec ? -html/flexbox_computedstyle_flex-direction-invalid.htm 46f05c5aa4142bec62b38b79da27996902a14c3b ? -xhtml1/flexbox_computedstyle_flex-direction-invalid.xht 46f05c5aa4142bec62b38b79da27996902a14c3b ? -html/flexbox_computedstyle_flex-direction-row-reverse.htm 46d1c052c605e0d3bcae27d70eaae38bb8b1f89e ? -xhtml1/flexbox_computedstyle_flex-direction-row-reverse.xht 46d1c052c605e0d3bcae27d70eaae38bb8b1f89e ? -html/flexbox_computedstyle_flex-direction-row.htm 4aa1709d56f435eafa955916609cae9fe56cbff2 ? -xhtml1/flexbox_computedstyle_flex-direction-row.xht 4aa1709d56f435eafa955916609cae9fe56cbff2 ? -html/flexbox_computedstyle_flex-flow-column-nowrap.htm aaf329b0654bfe3c287601ebdf6f0adae5b79379 ? -xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht aaf329b0654bfe3c287601ebdf6f0adae5b79379 ? -html/flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm 7710479d7b9b0241c9f6cc7921d88a01375020c8 ? -xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht 7710479d7b9b0241c9f6cc7921d88a01375020c8 ? -html/flexbox_computedstyle_flex-flow-column-reverse-wrap.htm 6eea80b27ffd37ea01ecfc74156f66a7172d5e16 ? -xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht 6eea80b27ffd37ea01ecfc74156f66a7172d5e16 ? -html/flexbox_computedstyle_flex-flow-column-reverse.htm 180397840dea82bbb77a69cb38205cc32b174984 ? -xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht 180397840dea82bbb77a69cb38205cc32b174984 ? -html/flexbox_computedstyle_flex-flow-column-wrap-reverse.htm c363b07aac45dcc7ce4300c0b4899479941d4a8f ? -xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht c363b07aac45dcc7ce4300c0b4899479941d4a8f ? -html/flexbox_computedstyle_flex-flow-column-wrap.htm 1cb63941c5676d176bc51be50328ee15092ab5a8 ? -xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht 1cb63941c5676d176bc51be50328ee15092ab5a8 ? -html/flexbox_computedstyle_flex-flow-column.htm 451b5092b3f83a41cca3413e270218b066c83b94 ? -xhtml1/flexbox_computedstyle_flex-flow-column.xht 451b5092b3f83a41cca3413e270218b066c83b94 ? -html/flexbox_computedstyle_flex-flow-nowrap.htm 8b84de3f8eef756ed68c345e666a9e595e2c08d4 ? -xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht 8b84de3f8eef756ed68c345e666a9e595e2c08d4 ? -html/flexbox_computedstyle_flex-flow-row-nowrap.htm 1e7e9eeb79d7edd9c34102adc09650a759e2361a ? -xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht 1e7e9eeb79d7edd9c34102adc09650a759e2361a ? -html/flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm c79eb44bbc1cc491ebe813a6c7a3980633309c15 ? -xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht c79eb44bbc1cc491ebe813a6c7a3980633309c15 ? -html/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm 701c06efded1f06b17640327987679c5beaf3250 ? -xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht 701c06efded1f06b17640327987679c5beaf3250 ? -html/flexbox_computedstyle_flex-flow-row-reverse-wrap.htm afd99e782b643542e209e037ca8cc0f371f77260 ? -xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht afd99e782b643542e209e037ca8cc0f371f77260 ? -html/flexbox_computedstyle_flex-flow-row-reverse.htm 836cb44fdc0bf2f4b98bbeedbcf2593509985616 ? -xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht 836cb44fdc0bf2f4b98bbeedbcf2593509985616 ? -html/flexbox_computedstyle_flex-flow-row-wrap-reverse.htm a66a4d38ee0a7ad2cc973ee5a0f23576b2f7e483 ? -xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht a66a4d38ee0a7ad2cc973ee5a0f23576b2f7e483 ? -html/flexbox_computedstyle_flex-flow-row-wrap.htm 2bcdc74edd3c7ba5cccccd85ce900d63718f406d ? -xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht 2bcdc74edd3c7ba5cccccd85ce900d63718f406d ? -html/flexbox_computedstyle_flex-flow-row.htm 481dea00bf33a0425aeace3a0a3b09e46264eac0 ? -xhtml1/flexbox_computedstyle_flex-flow-row.xht 481dea00bf33a0425aeace3a0a3b09e46264eac0 ? -html/flexbox_computedstyle_flex-flow-wrap.htm 261d0f5350d4822ace02d270be150185623d9634 ? -xhtml1/flexbox_computedstyle_flex-flow-wrap.xht 261d0f5350d4822ace02d270be150185623d9634 ? -html/flexbox_computedstyle_flex-grow-0.htm c92f9416a0e86440851af99db55aaf26924492d1 ? -xhtml1/flexbox_computedstyle_flex-grow-0.xht c92f9416a0e86440851af99db55aaf26924492d1 ? -html/flexbox_computedstyle_flex-grow-invalid.htm 964e22a3871e0c5f05ea05fb6a38e5b4783955e1 ? -xhtml1/flexbox_computedstyle_flex-grow-invalid.xht 964e22a3871e0c5f05ea05fb6a38e5b4783955e1 ? -html/flexbox_computedstyle_flex-grow-number.htm 24960e520f367b0ce29992148954582d4e43d224 ? -xhtml1/flexbox_computedstyle_flex-grow-number.xht 24960e520f367b0ce29992148954582d4e43d224 ? -html/flexbox_computedstyle_flex-shorthand-0-auto.htm eac4513b139b9474cdc662d896aeccfa2eada009 ? -xhtml1/flexbox_computedstyle_flex-shorthand-0-auto.xht eac4513b139b9474cdc662d896aeccfa2eada009 ? -html/flexbox_computedstyle_flex-shorthand-auto.htm 93123c78d317dc9559678e8259caf6b0c26dea24 ? -xhtml1/flexbox_computedstyle_flex-shorthand-auto.xht 93123c78d317dc9559678e8259caf6b0c26dea24 ? -html/flexbox_computedstyle_flex-shorthand-initial.htm 8cc334ce02bce28ea3452288b2653f857b35a4e6 ? -xhtml1/flexbox_computedstyle_flex-shorthand-initial.xht 8cc334ce02bce28ea3452288b2653f857b35a4e6 ? -html/flexbox_computedstyle_flex-shorthand-invalid.htm 4556711538161200fcb7db90eb35f9e21443ea59 ? -xhtml1/flexbox_computedstyle_flex-shorthand-invalid.xht 4556711538161200fcb7db90eb35f9e21443ea59 ? -html/flexbox_computedstyle_flex-shorthand-none.htm 4628a756415a016ed23a51c48abb6d7833cfcd29 ? -xhtml1/flexbox_computedstyle_flex-shorthand-none.xht 4628a756415a016ed23a51c48abb6d7833cfcd29 ? -html/flexbox_computedstyle_flex-shorthand-number.htm 60acfca58faaa7dceb934bd9232d9a00ffd526bc ? -xhtml1/flexbox_computedstyle_flex-shorthand-number.xht 60acfca58faaa7dceb934bd9232d9a00ffd526bc ? -html/flexbox_computedstyle_flex-shorthand.htm 925dcae2b1c40494ffb2a809edc9873b49c3171a ? -xhtml1/flexbox_computedstyle_flex-shorthand.xht 925dcae2b1c40494ffb2a809edc9873b49c3171a ? -html/flexbox_computedstyle_flex-shrink-0.htm a5edca2a35f7e59ddd75133224005cf2d4d7a7e9 ? -xhtml1/flexbox_computedstyle_flex-shrink-0.xht a5edca2a35f7e59ddd75133224005cf2d4d7a7e9 ? -html/flexbox_computedstyle_flex-shrink-invalid.htm bb694a52bebcf1c4a941c2227e0f3fd49e126a0d ? -xhtml1/flexbox_computedstyle_flex-shrink-invalid.xht bb694a52bebcf1c4a941c2227e0f3fd49e126a0d ? -html/flexbox_computedstyle_flex-shrink-number.htm 8fa0d89f57b6c4a14686961f7a2d31f9d7d2d332 ? -xhtml1/flexbox_computedstyle_flex-shrink-number.xht 8fa0d89f57b6c4a14686961f7a2d31f9d7d2d332 ? -html/flexbox_computedstyle_flex-wrap-invalid.htm bcd00aaf592dd9671011c82131a4433521bbd6d9 ? -xhtml1/flexbox_computedstyle_flex-wrap-invalid.xht bcd00aaf592dd9671011c82131a4433521bbd6d9 ? -html/flexbox_computedstyle_flex-wrap-nowrap.htm 453f2f391bf751800ee4d6b29760d2032a526d7a ? -xhtml1/flexbox_computedstyle_flex-wrap-nowrap.xht 453f2f391bf751800ee4d6b29760d2032a526d7a ? -html/flexbox_computedstyle_flex-wrap-wrap-reverse.htm 63f817b37233a4b45e870d6cfc1e6e598a9a7de2 ? -xhtml1/flexbox_computedstyle_flex-wrap-wrap-reverse.xht 63f817b37233a4b45e870d6cfc1e6e598a9a7de2 ? -html/flexbox_computedstyle_flex-wrap-wrap.htm 8ebc673a8a51285e9c2da9ba372bd0e7a2e7c028 ? -xhtml1/flexbox_computedstyle_flex-wrap-wrap.xht 8ebc673a8a51285e9c2da9ba372bd0e7a2e7c028 ? -html/flexbox_computedstyle_justify-content-center.htm 5d4d0a1cd43a651cc6f6da0e61f4638019bef38d ? -xhtml1/flexbox_computedstyle_justify-content-center.xht 5d4d0a1cd43a651cc6f6da0e61f4638019bef38d ? -html/flexbox_computedstyle_justify-content-flex-end.htm 72491118510586cec847e142b219decc93308854 ? -xhtml1/flexbox_computedstyle_justify-content-flex-end.xht 72491118510586cec847e142b219decc93308854 ? -html/flexbox_computedstyle_justify-content-flex-start.htm 2040fa69912eb6c1c42c690a8edb2c0ddf33d309 ? -xhtml1/flexbox_computedstyle_justify-content-flex-start.xht 2040fa69912eb6c1c42c690a8edb2c0ddf33d309 ? -html/flexbox_computedstyle_justify-content-space-around.htm da0af0ef66852e425682bd285301da530f55d8d4 ? -xhtml1/flexbox_computedstyle_justify-content-space-around.xht da0af0ef66852e425682bd285301da530f55d8d4 ? -html/flexbox_computedstyle_justify-content-space-between.htm 80584aeaf1c1205140eff98f2e722f88230215c3 ? -xhtml1/flexbox_computedstyle_justify-content-space-between.xht 80584aeaf1c1205140eff98f2e722f88230215c3 ? -html/flexbox_computedstyle_min-height-auto.htm aab95f096c3a7eb51281856fffa19d9b025ef818 ? -xhtml1/flexbox_computedstyle_min-height-auto.xht aab95f096c3a7eb51281856fffa19d9b025ef818 ? -html/flexbox_computedstyle_min-width-auto.htm c7b8cf33d103b61e909abfd48fbda8d27361625a ? -xhtml1/flexbox_computedstyle_min-width-auto.xht c7b8cf33d103b61e909abfd48fbda8d27361625a ? -html/flexbox_computedstyle_order-inherit.htm ff0c10ec5872f4507d485ad0df8c99fa0e2a3d03 ? -xhtml1/flexbox_computedstyle_order-inherit.xht ff0c10ec5872f4507d485ad0df8c99fa0e2a3d03 ? -html/flexbox_computedstyle_order-integer.htm 069a507949e7eccbd64a01d58646a663b0f1d500 ? -xhtml1/flexbox_computedstyle_order-integer.xht 069a507949e7eccbd64a01d58646a663b0f1d500 ? -html/flexbox_computedstyle_order-invalid.htm 9d18fb9ab03c106a5b450a989aa5b1f9e7a20df1 ? -xhtml1/flexbox_computedstyle_order-invalid.xht 9d18fb9ab03c106a5b450a989aa5b1f9e7a20df1 ? -html/flexbox_computedstyle_order-negative.htm b438810e317b8dea137d60f3a8ab339fc2a1ec87 ? -xhtml1/flexbox_computedstyle_order-negative.xht b438810e317b8dea137d60f3a8ab339fc2a1ec87 ? -html/flexbox_computedstyle_order.htm 94980b5e1c17d6e6b9978fe38a109c8c88e76c0a ? -xhtml1/flexbox_computedstyle_order.xht 94980b5e1c17d6e6b9978fe38a109c8c88e76c0a ? +html/flexbox_computedstyle_align-content-center.htm ca93e76cbad28999579159a34afbefb418ed18a9 ? +xhtml1/flexbox_computedstyle_align-content-center.xht ca93e76cbad28999579159a34afbefb418ed18a9 ? +html/flexbox_computedstyle_align-content-flex-end.htm 0d2c256d69ddb461c644064be368475b715b326a ? +xhtml1/flexbox_computedstyle_align-content-flex-end.xht 0d2c256d69ddb461c644064be368475b715b326a ? +html/flexbox_computedstyle_align-content-flex-start.htm 9fe0241fbf073734bf6f9e9b987c0ee8a33d91db ? +xhtml1/flexbox_computedstyle_align-content-flex-start.xht 9fe0241fbf073734bf6f9e9b987c0ee8a33d91db ? +html/flexbox_computedstyle_align-content-space-around.htm 513198c70d4656dd1552f197c20bc07c52a47fdf ? +xhtml1/flexbox_computedstyle_align-content-space-around.xht 513198c70d4656dd1552f197c20bc07c52a47fdf ? +html/flexbox_computedstyle_align-content-space-between.htm 0d8836b779970c2bc93730ab7ab71e716e373b28 ? +xhtml1/flexbox_computedstyle_align-content-space-between.xht 0d8836b779970c2bc93730ab7ab71e716e373b28 ? +html/flexbox_computedstyle_align-items-baseline.htm ee806bcfdb77cf7461710fb6497b1497348ca28c ? +xhtml1/flexbox_computedstyle_align-items-baseline.xht ee806bcfdb77cf7461710fb6497b1497348ca28c ? +html/flexbox_computedstyle_align-items-center.htm fd53eadca9f41ebe1334eb4d0b19e9eb6d691302 ? +xhtml1/flexbox_computedstyle_align-items-center.xht fd53eadca9f41ebe1334eb4d0b19e9eb6d691302 ? +html/flexbox_computedstyle_align-items-flex-end.htm f567e08ffd2f7ef0a81e952c420c24e44e8b05d0 ? +xhtml1/flexbox_computedstyle_align-items-flex-end.xht f567e08ffd2f7ef0a81e952c420c24e44e8b05d0 ? +html/flexbox_computedstyle_align-items-flex-start.htm 298d0c23901e5acbeb40cbc018dc4a45c11c5666 ? +xhtml1/flexbox_computedstyle_align-items-flex-start.xht 298d0c23901e5acbeb40cbc018dc4a45c11c5666 ? +html/flexbox_computedstyle_align-items-invalid.htm 9b593ad91249c44d2eeb8d16c54f31ee584a59ec ? +xhtml1/flexbox_computedstyle_align-items-invalid.xht 9b593ad91249c44d2eeb8d16c54f31ee584a59ec ? +html/flexbox_computedstyle_align-items-stretch.htm 1c86df21909b0e6b67c813bd8540f9ec9e0a4265 ? +xhtml1/flexbox_computedstyle_align-items-stretch.xht 1c86df21909b0e6b67c813bd8540f9ec9e0a4265 ? +html/flexbox_computedstyle_align-self-baseline.htm f6a103d643453a3bea050c1d401b1f9b70840238 ? +xhtml1/flexbox_computedstyle_align-self-baseline.xht f6a103d643453a3bea050c1d401b1f9b70840238 ? +html/flexbox_computedstyle_align-self-center.htm d540b8faf99bc2c9303a6b92ee1002617bf7ba08 ? +xhtml1/flexbox_computedstyle_align-self-center.xht d540b8faf99bc2c9303a6b92ee1002617bf7ba08 ? +html/flexbox_computedstyle_align-self-flex-end.htm 3912b3be77078304d9ead87a982a4d67eb1c3abd ? +xhtml1/flexbox_computedstyle_align-self-flex-end.xht 3912b3be77078304d9ead87a982a4d67eb1c3abd ? +html/flexbox_computedstyle_align-self-flex-start.htm a3cf4ad24a9a24cb1c5014b965c5af53eace713b ? +xhtml1/flexbox_computedstyle_align-self-flex-start.xht a3cf4ad24a9a24cb1c5014b965c5af53eace713b ? +html/flexbox_computedstyle_align-self-invalid.htm 631c797565d1105efb498e6bbccae00539a76510 ? +xhtml1/flexbox_computedstyle_align-self-invalid.xht 631c797565d1105efb498e6bbccae00539a76510 ? +html/flexbox_computedstyle_align-self-stretch.htm c70b121f208728bc77776e6346c2728652ec5f31 ? +xhtml1/flexbox_computedstyle_align-self-stretch.xht c70b121f208728bc77776e6346c2728652ec5f31 ? +html/flexbox_computedstyle_display-inline.htm 1b9160b3cf9e8423c0faaf878f755b8e6cda48d4 ? +xhtml1/flexbox_computedstyle_display-inline.xht 1b9160b3cf9e8423c0faaf878f755b8e6cda48d4 ? +html/flexbox_computedstyle_display.htm 5d96bb4e48c38d38e8a513eb92dce1b51712bad3 ? +xhtml1/flexbox_computedstyle_display.xht 5d96bb4e48c38d38e8a513eb92dce1b51712bad3 ? +html/flexbox_computedstyle_flex-basis-0.htm 3b109fc099603ac932cf8f62ee9c5fb950f1a82e ? +xhtml1/flexbox_computedstyle_flex-basis-0.xht 3b109fc099603ac932cf8f62ee9c5fb950f1a82e ? +html/flexbox_computedstyle_flex-basis-0percent.htm 17bcdbe8f8abc72a7221a1b07bb6d8c23a923f0f ? +xhtml1/flexbox_computedstyle_flex-basis-0percent.xht 17bcdbe8f8abc72a7221a1b07bb6d8c23a923f0f ? +html/flexbox_computedstyle_flex-basis-auto.htm e6206e8f82fb310a89f4ec866be5548868e38357 ? +xhtml1/flexbox_computedstyle_flex-basis-auto.xht e6206e8f82fb310a89f4ec866be5548868e38357 ? +html/flexbox_computedstyle_flex-basis-percent.htm cd3ee4fb77cdf8a4546ae56bbb31166cddb0989c ? +xhtml1/flexbox_computedstyle_flex-basis-percent.xht cd3ee4fb77cdf8a4546ae56bbb31166cddb0989c ? +html/flexbox_computedstyle_flex-direction-column-reverse.htm 6a3a62f1c2c8e1a1dc71f688f2037f5468c7e239 ? +xhtml1/flexbox_computedstyle_flex-direction-column-reverse.xht 6a3a62f1c2c8e1a1dc71f688f2037f5468c7e239 ? +html/flexbox_computedstyle_flex-direction-column.htm bc60ebe38ecb8a0f66c918b0ac8ebd6096449d92 ? +xhtml1/flexbox_computedstyle_flex-direction-column.xht bc60ebe38ecb8a0f66c918b0ac8ebd6096449d92 ? +html/flexbox_computedstyle_flex-direction-invalid.htm 89869a6928a21df23d1478792ed40edbf8876fa7 ? +xhtml1/flexbox_computedstyle_flex-direction-invalid.xht 89869a6928a21df23d1478792ed40edbf8876fa7 ? +html/flexbox_computedstyle_flex-direction-row-reverse.htm f1a62c9a5e059a6246cc0eb0cbd89d5852307a94 ? +xhtml1/flexbox_computedstyle_flex-direction-row-reverse.xht f1a62c9a5e059a6246cc0eb0cbd89d5852307a94 ? +html/flexbox_computedstyle_flex-direction-row.htm 445d252eacbcc57c76367f3ee3a6ed2242ff3365 ? +xhtml1/flexbox_computedstyle_flex-direction-row.xht 445d252eacbcc57c76367f3ee3a6ed2242ff3365 ? +html/flexbox_computedstyle_flex-flow-column-nowrap.htm 659f26463cb713c46675d4200c8b78e6886b20ed ? +xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht 659f26463cb713c46675d4200c8b78e6886b20ed ? +html/flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm c37ec2be1c6951b283b23c9bb295ad6ffff0a70e ? +xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht c37ec2be1c6951b283b23c9bb295ad6ffff0a70e ? +html/flexbox_computedstyle_flex-flow-column-reverse-wrap.htm bf609183d3d6ed8b0ebfa2419039a73c1f547936 ? +xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht bf609183d3d6ed8b0ebfa2419039a73c1f547936 ? +html/flexbox_computedstyle_flex-flow-column-reverse.htm 4f4b52e7e0a7fd851dd426795d9d34ed523cebea ? +xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht 4f4b52e7e0a7fd851dd426795d9d34ed523cebea ? +html/flexbox_computedstyle_flex-flow-column-wrap-reverse.htm ed545642f1b2325ad608089ef5fae2eb5cb43e5b ? +xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht ed545642f1b2325ad608089ef5fae2eb5cb43e5b ? +html/flexbox_computedstyle_flex-flow-column-wrap.htm fa968f823a0da3c5e5ab482c85492472a1107983 ? +xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht fa968f823a0da3c5e5ab482c85492472a1107983 ? +html/flexbox_computedstyle_flex-flow-column.htm 6ed21668d5ac1a31ba5b3d868ac26d73237773b1 ? +xhtml1/flexbox_computedstyle_flex-flow-column.xht 6ed21668d5ac1a31ba5b3d868ac26d73237773b1 ? +html/flexbox_computedstyle_flex-flow-nowrap.htm 27c4911d9887e8d5275986943d3f6b037a4de79d ? +xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht 27c4911d9887e8d5275986943d3f6b037a4de79d ? +html/flexbox_computedstyle_flex-flow-row-nowrap.htm bff58f5dd7190d440ebeed3f00ff481954993aad ? +xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht bff58f5dd7190d440ebeed3f00ff481954993aad ? +html/flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm 6bd49db8212814cc2431b9f732d08be497cdfb6c ? +xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht 6bd49db8212814cc2431b9f732d08be497cdfb6c ? +html/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm 69e4710196ad9e79c768395f1260135bdb51d03a ? +xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht 69e4710196ad9e79c768395f1260135bdb51d03a ? +html/flexbox_computedstyle_flex-flow-row-reverse-wrap.htm 32a9fb029738527d400a29d53a35ecd0f604d19d ? +xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht 32a9fb029738527d400a29d53a35ecd0f604d19d ? +html/flexbox_computedstyle_flex-flow-row-reverse.htm 90d5848b70c51efe8ca478ae37a8692ed6b6d358 ? +xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht 90d5848b70c51efe8ca478ae37a8692ed6b6d358 ? +html/flexbox_computedstyle_flex-flow-row-wrap-reverse.htm 286dc0530e91eace5b7e23691dd2db2df9cbb0c6 ? +xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht 286dc0530e91eace5b7e23691dd2db2df9cbb0c6 ? +html/flexbox_computedstyle_flex-flow-row-wrap.htm df91f89286e5dbd8671705be51524dca080e22cb ? +xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht df91f89286e5dbd8671705be51524dca080e22cb ? +html/flexbox_computedstyle_flex-flow-row.htm 74c7385119a3db0a66f59976210dcbec1806b31e ? +xhtml1/flexbox_computedstyle_flex-flow-row.xht 74c7385119a3db0a66f59976210dcbec1806b31e ? +html/flexbox_computedstyle_flex-flow-wrap.htm 24e13e53ac18b32f6ac9e2d7636e3a2a26ceab04 ? +xhtml1/flexbox_computedstyle_flex-flow-wrap.xht 24e13e53ac18b32f6ac9e2d7636e3a2a26ceab04 ? +html/flexbox_computedstyle_flex-grow-0.htm b6b94e15ce2a12f39f0726b351dce2d2b1c608ed ? +xhtml1/flexbox_computedstyle_flex-grow-0.xht b6b94e15ce2a12f39f0726b351dce2d2b1c608ed ? +html/flexbox_computedstyle_flex-grow-invalid.htm 8639557f7f75d3bb8a745005c42380ced315d1a4 ? +xhtml1/flexbox_computedstyle_flex-grow-invalid.xht 8639557f7f75d3bb8a745005c42380ced315d1a4 ? +html/flexbox_computedstyle_flex-grow-number.htm 3df587a58a240082e5c6c5db2f687a6672dcdb0e ? +xhtml1/flexbox_computedstyle_flex-grow-number.xht 3df587a58a240082e5c6c5db2f687a6672dcdb0e ? +html/flexbox_computedstyle_flex-shorthand-0-auto.htm f4b19ca712e183bd6f48401bd6fc66625f1387cb ? +xhtml1/flexbox_computedstyle_flex-shorthand-0-auto.xht f4b19ca712e183bd6f48401bd6fc66625f1387cb ? +html/flexbox_computedstyle_flex-shorthand-auto.htm ef36f6c1d3181301fdb63f61f06de71d99862c50 ? +xhtml1/flexbox_computedstyle_flex-shorthand-auto.xht ef36f6c1d3181301fdb63f61f06de71d99862c50 ? +html/flexbox_computedstyle_flex-shorthand-initial.htm 821e7b1d1d0e65da4278537bdd52418579ddd1a3 ? +xhtml1/flexbox_computedstyle_flex-shorthand-initial.xht 821e7b1d1d0e65da4278537bdd52418579ddd1a3 ? +html/flexbox_computedstyle_flex-shorthand-invalid.htm 82a9d3cdd68ad834f695a441bd46079007bc9166 ? +xhtml1/flexbox_computedstyle_flex-shorthand-invalid.xht 82a9d3cdd68ad834f695a441bd46079007bc9166 ? +html/flexbox_computedstyle_flex-shorthand-none.htm 3555c0e3191e064b145685c52502b07352489b29 ? +xhtml1/flexbox_computedstyle_flex-shorthand-none.xht 3555c0e3191e064b145685c52502b07352489b29 ? +html/flexbox_computedstyle_flex-shorthand-number.htm a564fa7d3a8adae2a8eaebe007b18ac48b211ce3 ? +xhtml1/flexbox_computedstyle_flex-shorthand-number.xht a564fa7d3a8adae2a8eaebe007b18ac48b211ce3 ? +html/flexbox_computedstyle_flex-shorthand.htm 10b4e31620ee15cf16ad854dad647a1649a24253 ? +xhtml1/flexbox_computedstyle_flex-shorthand.xht 10b4e31620ee15cf16ad854dad647a1649a24253 ? +html/flexbox_computedstyle_flex-shrink-0.htm bc71765e3ce77b7bd58161ffda86b33c25ee2bc2 ? +xhtml1/flexbox_computedstyle_flex-shrink-0.xht bc71765e3ce77b7bd58161ffda86b33c25ee2bc2 ? +html/flexbox_computedstyle_flex-shrink-invalid.htm a2d41bad59a2e56ad69d9475dccc8c291f723071 ? +xhtml1/flexbox_computedstyle_flex-shrink-invalid.xht a2d41bad59a2e56ad69d9475dccc8c291f723071 ? +html/flexbox_computedstyle_flex-shrink-number.htm d92d554f7e8f465e18c1198e2d3b8c7dcb1b8fe9 ? +xhtml1/flexbox_computedstyle_flex-shrink-number.xht d92d554f7e8f465e18c1198e2d3b8c7dcb1b8fe9 ? +html/flexbox_computedstyle_flex-wrap-invalid.htm 323d5126e16f5b11d6e494957014a9de0800117b ? +xhtml1/flexbox_computedstyle_flex-wrap-invalid.xht 323d5126e16f5b11d6e494957014a9de0800117b ? +html/flexbox_computedstyle_flex-wrap-nowrap.htm e99bbbf7a40e4a7f1066c8c689fb11f67a3977c6 ? +xhtml1/flexbox_computedstyle_flex-wrap-nowrap.xht e99bbbf7a40e4a7f1066c8c689fb11f67a3977c6 ? +html/flexbox_computedstyle_flex-wrap-wrap-reverse.htm 6649eff5c6574680fb55f424f271e2a203d46337 ? +xhtml1/flexbox_computedstyle_flex-wrap-wrap-reverse.xht 6649eff5c6574680fb55f424f271e2a203d46337 ? +html/flexbox_computedstyle_flex-wrap-wrap.htm 4a96f0883d4431d77cb8ac95d831cf2f2580bd81 ? +xhtml1/flexbox_computedstyle_flex-wrap-wrap.xht 4a96f0883d4431d77cb8ac95d831cf2f2580bd81 ? +html/flexbox_computedstyle_justify-content-center.htm 4c79c70202daed2fbbd939a158a8d2d9577a13c7 ? +xhtml1/flexbox_computedstyle_justify-content-center.xht 4c79c70202daed2fbbd939a158a8d2d9577a13c7 ? +html/flexbox_computedstyle_justify-content-flex-end.htm aff387adaf44bbad0c408445b283c712220b2ed0 ? +xhtml1/flexbox_computedstyle_justify-content-flex-end.xht aff387adaf44bbad0c408445b283c712220b2ed0 ? +html/flexbox_computedstyle_justify-content-flex-start.htm ed57706a5d8b65a4b76d8297be76ea50dfed37a9 ? +xhtml1/flexbox_computedstyle_justify-content-flex-start.xht ed57706a5d8b65a4b76d8297be76ea50dfed37a9 ? +html/flexbox_computedstyle_justify-content-space-around.htm dc0663c6f6308e32c26a3c693fa6637a3ff58d37 ? +xhtml1/flexbox_computedstyle_justify-content-space-around.xht dc0663c6f6308e32c26a3c693fa6637a3ff58d37 ? +html/flexbox_computedstyle_justify-content-space-between.htm 03a533f434d47be8ed2cedb0c93070303ffa4a61 ? +xhtml1/flexbox_computedstyle_justify-content-space-between.xht 03a533f434d47be8ed2cedb0c93070303ffa4a61 ? +html/flexbox_computedstyle_min-height-auto.htm 62bc86b7f36bec42a7425cf7a4333bc428e30788 ? +xhtml1/flexbox_computedstyle_min-height-auto.xht 62bc86b7f36bec42a7425cf7a4333bc428e30788 ? +html/flexbox_computedstyle_min-width-auto.htm 92ce4c29956600e20847f643b0ca9574ae460fbc ? +xhtml1/flexbox_computedstyle_min-width-auto.xht 92ce4c29956600e20847f643b0ca9574ae460fbc ? +html/flexbox_computedstyle_order-inherit.htm 061e4749bc699eceabc64c42d6d10c3b87a0cba1 ? +xhtml1/flexbox_computedstyle_order-inherit.xht 061e4749bc699eceabc64c42d6d10c3b87a0cba1 ? +html/flexbox_computedstyle_order-integer.htm 92c35e38543e9f2d6c97116a3938d8aabe75bf61 ? +xhtml1/flexbox_computedstyle_order-integer.xht 92c35e38543e9f2d6c97116a3938d8aabe75bf61 ? +html/flexbox_computedstyle_order-invalid.htm fa24ab48eb32fe5832e8ae683fae20cacd29b41d ? +xhtml1/flexbox_computedstyle_order-invalid.xht fa24ab48eb32fe5832e8ae683fae20cacd29b41d ? +html/flexbox_computedstyle_order-negative.htm 8d593e848bede01d1e00b57125678aed6550abd5 ? +xhtml1/flexbox_computedstyle_order-negative.xht 8d593e848bede01d1e00b57125678aed6550abd5 ? +html/flexbox_computedstyle_order.htm d574d1c1b84a5c34bd122816a68d6e3e617e8425 ? +xhtml1/flexbox_computedstyle_order.xht d574d1c1b84a5c34bd122816a68d6e3e617e8425 ? html/flexbox_direction-column-reverse.htm 0ac54595950e762ca7752f3dd9f87ecd17aee308 ? xhtml1/flexbox_direction-column-reverse.xht 0ac54595950e762ca7752f3dd9f87ecd17aee308 ? html/flexbox_direction-column.htm 016ee30f42dcea1993ff8772b43f2783f358d30e ? 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 22cc7710c83..56238e94248 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data +++ b/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data @@ -233,6 +233,12 @@ flexbox-flex-wrap-vert-001 reference/flexbox-flex-wrap-vert-001-ref Testing flex flexbox-flex-wrap-vert-002 reference/flexbox-flex-wrap-vert-002-ref Ensure that min-height is honored for vertical multi-line flex containers http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property eaff6cec8d46802c9ab8cc0150cd2ad4eed9d238 `Daniel Holbert`<mailto:dholbert@mozilla.com> flexbox-flex-wrap-wrap reference/flexbox-flex-direction-ref Flex-wrap = wrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap a981ce90ee729f0e17695a587b98bcc742bacaa9 `Gavin Elster`<mailto:gavin.elster@me.com> Test checks that flex elements wrap left-to-right within their flex container when flex-wrap = 'wrap', matching the writing direction. This assumes writing-direction = horizontal-tb', and direction = 'ltr'. flexbox-flex-wrap-wrap-reverse reference/flexbox-flex-direction-ref Flex-wrap = wrap-reverse http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap cf0954a780bc7326c123e90c9c86f3ce3c9b51f0 `Gavin Elster`<mailto:gavin.elster@me.com> Test checks that flex elements wrap left-to-right and bottom-to-top within their flex container when flex-wrap = 'wrap-reverse'. This assumes writing-direction = horizontal-tb', and direction = 'ltr'. +flexbox-intrinsic-ratio-001 reference/flexbox-intrinsic-ratio-001-ref Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio. https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size,https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size 1a0e59702fd3c88856fea42447a472fb386118ac `Daniel Holbert`<mailto:dholbert@mozilla.com> +flexbox-intrinsic-ratio-002 reference/flexbox-intrinsic-ratio-001-ref Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio. https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size,https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size 2e2ee08bae176dca4e9c8a0a95c97d2c2cd13084 `Daniel Holbert`<mailto:dholbert@mozilla.com> +flexbox-intrinsic-ratio-003 reference/flexbox-intrinsic-ratio-003-ref Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio. https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size,https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size 7e1cde3bbb6c64ae8309c63e616e9b8405cb59ea `Daniel Holbert`<mailto:dholbert@mozilla.com> +flexbox-intrinsic-ratio-004 reference/flexbox-intrinsic-ratio-004-ref Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio. https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size,https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size 00b807bf6c41cf44a771007215e953f57eac3b44 `Daniel Holbert`<mailto:dholbert@mozilla.com> +flexbox-intrinsic-ratio-005 reference/flexbox-intrinsic-ratio-005-ref Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio. https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size,https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size b1671de7dacb9050e9f30ac809be347d29a905d2 `Daniel Holbert`<mailto:dholbert@mozilla.com> +flexbox-intrinsic-ratio-006 reference/flexbox-intrinsic-ratio-006-ref Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio. https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size,https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size 31a2f488f07f8fa1b2d16a7df17ff44a95d08414 `Daniel Holbert`<mailto:dholbert@mozilla.com> flexbox-items-as-stacking-contexts-001 reference/flexbox-items-as-stacking-contexts-001-ref Testing that 'z-index' property makes flex items form stacking contexts http://www.w3.org/TR/css-flexbox-1/#painting 24a2f639c8eb38ec564295dfa45f740629d0b8b2 `Daniel Holbert`<mailto:dholbert@mozilla.com> flexbox-items-as-stacking-contexts-002 reference/flexbox-items-as-stacking-contexts-002-ref Testing that flex items paint as pseudo-stacking contexts (like inline-blocks): atomically, in the absence of 'z-index' on descendants http://www.w3.org/TR/css-flexbox-1/#painting c8ea90174cb46e7cad9e0f953fae1cc47e48d753 `Daniel Holbert`<mailto:dholbert@mozilla.com> flexbox-items-as-stacking-contexts-003 reference/flexbox-items-as-stacking-contexts-003-ref Testing that flex items paint as pseudo-stacking contexts (like inline-blocks), instead of full stacking contexts: 'z-index' should let descendants interleave http://www.w3.org/TR/css-flexbox-1/#painting ddab47de6e88e2d8862a119e837149fe6a70f396 `Daniel Holbert`<mailto:dholbert@mozilla.com> @@ -336,80 +342,80 @@ flexbox_box-clear reference/flexbox_box-clear-ref flexbox | cleared box http:// flexbox_columns reference/flexbox_columns-ref flexbox | multicol http://www.w3.org/TR/css-flexbox-1/#flex-containers 297153339eb61889abf033f09bf49f37fef934ce `Opera Software`<http://opera.com> flexbox_columns-flexitems reference/flexbox_columns-flexitems-ref flexbox | multicol on flexbox items http://www.w3.org/TR/css-flexbox-1/#flex-containers bebd2a295c93d54e819399b86a7d3cab5df543ce `Opera Software`<http://opera.com> flexbox_columns-flexitems-2 reference/flexbox_columns-flexitems-2-ref flexbox | multicol on flexbox items http://www.w3.org/TR/css-flexbox-1/#flex-containers 640c16169121a745c0f2504beb052769a91bcadd `Opera Software`<http://opera.com> -flexbox_computedstyle_align-content-center reference/ref-pass-body flexbox | computed style | align-content: center dom http://www.w3.org/TR/css-flexbox-1/#align-content-property 62addb19d645250ca7c38cd420e0c5c72a85bba0 `Opera Software`<http://opera.com> -flexbox_computedstyle_align-content-flex-end reference/ref-pass-body flexbox | computed style | align-content: flex-end dom http://www.w3.org/TR/css-flexbox-1/#align-content-property 29cad8dd81ecd2834ed996def67b7fe7a2af2fb0 `Opera Software`<http://opera.com> -flexbox_computedstyle_align-content-flex-start reference/ref-pass-body flexbox | computed style | align-content: flex-start dom http://www.w3.org/TR/css-flexbox-1/#align-content-property f203255eae7bac313f3175a7f0de4e3249ae04d3 `Opera Software`<http://opera.com> -flexbox_computedstyle_align-content-space-around reference/ref-pass-body flexbox | computed style | align-content: space-around dom http://www.w3.org/TR/css-flexbox-1/#align-content-property ec34f8b1b3833139d5bc895e8dc856e755720e54 `Opera Software`<http://opera.com> -flexbox_computedstyle_align-content-space-between reference/ref-pass-body flexbox | computed style | align-content: space-between dom http://www.w3.org/TR/css-flexbox-1/#align-content-property 97863d2ffa279426e8aad6a8900e80448ce785f9 `Opera Software`<http://opera.com> -flexbox_computedstyle_align-items-baseline reference/ref-pass-body flexbox | computed style | align-items: baseline dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 2ad1fab98161fda41efa9a4952861315a44bfff1 `Opera Software`<http://opera.com> -flexbox_computedstyle_align-items-center reference/ref-pass-body flexbox | computed style | align-items: center dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 67bf459031adb99fd33da38532023d4f423de3c2 `Opera Software`<http://opera.com> -flexbox_computedstyle_align-items-flex-end reference/ref-pass-body flexbox | computed style | align-items: flex-end dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 281f9ad73a196825bf47d65519d4b64aa48ce63a `Opera Software`<http://opera.com> -flexbox_computedstyle_align-items-flex-start reference/ref-pass-body flexbox | computed style | align-items: flex-start dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 0b4ae91b4abcf1713ba786c883dee416e40d1d9a `Opera Software`<http://opera.com> -flexbox_computedstyle_align-items-invalid reference/ref-pass-body flexbox | computed style | align-items: invalid dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-items a9c458bf2891dda0988bee7c853f2cd204ec5092 `Opera Software`<http://opera.com> -flexbox_computedstyle_align-items-stretch reference/ref-pass-body flexbox | computed style | align-items: stretch dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 9be43311a3ca366cd803dcf17da1202f647f11a4 `Opera Software`<http://opera.com> -flexbox_computedstyle_align-self-baseline reference/ref-pass-body flexbox | computed style | align-self: baseline dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-self ce1e2923f5c77debac6f55c78a18d7aaac8f6a8a `Opera Software`<http://opera.com> -flexbox_computedstyle_align-self-center reference/ref-pass-body flexbox | computed style | align-self: center dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 288b831ba54587ed1ad02f81c25d348de9ab133d `Opera Software`<http://opera.com> -flexbox_computedstyle_align-self-flex-end reference/ref-pass-body flexbox | computed style | align-self: flex-end dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 7d4d23359eda048decd404ade4f7972c0cbe4757 `Opera Software`<http://opera.com> -flexbox_computedstyle_align-self-flex-start reference/ref-pass-body flexbox | computed style | align-self: flex-start dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 2515e8e650f8f4765baa0613577666d4e8ff27b0 `Opera Software`<http://opera.com> -flexbox_computedstyle_align-self-invalid reference/ref-pass-body flexbox | computed style | align-self: invalid dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 40fdbe1a0acd0769632418a117dda82c44b1e2e9 `Opera Software`<http://opera.com> -flexbox_computedstyle_align-self-stretch reference/ref-pass-body flexbox | computed style | align-self: stretch dom http://www.w3.org/TR/css-flexbox-1/#propdef-align-self dac2da0a5b9d401533649f442f7947b987d71ad5 `Opera Software`<http://opera.com> -flexbox_computedstyle_display reference/ref-pass-body flexbox | computed style | display: flex dom http://www.w3.org/TR/css-flexbox-1/#flex-containers e7f6da70160d661c4fdce2d93cce036a70b508b8 `Opera Software`<http://opera.com> -flexbox_computedstyle_display-inline reference/ref-pass-body flexbox | computed style | display: inline-flex dom http://www.w3.org/TR/css-flexbox-1/#flex-containers 15e33468e7c03922e3f5d5b9213ad751e595fbe1 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-basis-0 reference/ref-pass-body flexbox | computed style | flex-basis: 0 dom http://www.w3.org/TR/css-flexbox-1/#flex-basis-property cf75d173a497479e517a58e9d2ea5563dd58ef14 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-basis-0percent reference/ref-pass-body flexbox | computed style | flex-basis: 0% dom http://www.w3.org/TR/css-flexbox-1/#flex-basis-property adec4138f98318be3f4bd3d4abcf64d315c9c0f5 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-basis-auto reference/ref-pass-body flexbox | computed style | flex-basis: auto dom http://www.w3.org/TR/css-flexbox-1/#flex-basis-property 1e0ffb01bda4122e70072b761cab72a991f9931e `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-basis-percent reference/ref-pass-body flexbox | computed style | flex-basis: percent dom http://www.w3.org/TR/css-flexbox-1/#flex-basis-property 8f7a75f379dedb5a8edc286aa68de03eaecd862d `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-direction-column reference/ref-pass-body flexbox | computed style | flex-direction: column dom http://www.w3.org/TR/css-flexbox-1/#flex-direction e8ed255d8fa1dbd7562021c781fd3ffc58a591ec `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-direction-column-reverse reference/ref-pass-body flexbox | computed style | flex-direction: column-reverse dom http://www.w3.org/TR/css-flexbox-1/#flex-direction 3138cf05f8ed9934686234b9c78468edfb1e7ce5 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-direction-invalid reference/ref-pass-body flexbox | computed style | flex-direction: row dom http://www.w3.org/TR/css-flexbox-1/#flex-direction 46f05c5aa4142bec62b38b79da27996902a14c3b `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-direction-row reference/ref-pass-body flexbox | computed style | flex-direction: row dom http://www.w3.org/TR/css-flexbox-1/#flex-direction 4aa1709d56f435eafa955916609cae9fe56cbff2 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-direction-row-reverse reference/ref-pass-body flexbox | computed style | flex-direction: row-reverse dom http://www.w3.org/TR/css-flexbox-1/#flex-direction 46d1c052c605e0d3bcae27d70eaae38bb8b1f89e `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-column reference/ref-pass-body flexbox | computed style | flex-flow: column dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column 451b5092b3f83a41cca3413e270218b066c83b94 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-column-nowrap reference/ref-pass-body flexbox | computed style | flex-flow: column nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap aaf329b0654bfe3c287601ebdf6f0adae5b79379 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-column-reverse reference/ref-pass-body flexbox | computed style | flex-flow: column-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse 180397840dea82bbb77a69cb38205cc32b174984 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-column-reverse-nowrap reference/ref-pass-body flexbox | computed style | flex-flow: column-reverse nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap 7710479d7b9b0241c9f6cc7921d88a01375020c8 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-column-reverse-wrap reference/ref-pass-body flexbox | computed style | flex-flow: column-reverse wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap 6eea80b27ffd37ea01ecfc74156f66a7172d5e16 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-column-wrap reference/ref-pass-body flexbox | computed style | flex-flow: column wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap 1cb63941c5676d176bc51be50328ee15092ab5a8 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-column-wrap-reverse reference/ref-pass-body flexbox | computed style | flex-flow: column wrap-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse c363b07aac45dcc7ce4300c0b4899479941d4a8f `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-nowrap reference/ref-pass-body flexbox | computed style | flex-flow: nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap 8b84de3f8eef756ed68c345e666a9e595e2c08d4 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row reference/ref-pass-body flexbox | computed style | flex-flow: row dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row 481dea00bf33a0425aeace3a0a3b09e46264eac0 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row-nowrap reference/ref-pass-body flexbox | computed style | flex-flow: row nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap 1e7e9eeb79d7edd9c34102adc09650a759e2361a `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row-reverse reference/ref-pass-body flexbox | computed style | flex-flow: row-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse 836cb44fdc0bf2f4b98bbeedbcf2593509985616 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row-reverse-nowrap reference/ref-pass-body flexbox | computed style | flex-flow: row-reverse nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap c79eb44bbc1cc491ebe813a6c7a3980633309c15 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row-reverse-wrap reference/ref-pass-body flexbox | computed style | flex-flow: row-reverse wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap afd99e782b643542e209e037ca8cc0f371f77260 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse reference/ref-pass-body flexbox | computed style | flex-flow: row-reverse wrap-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse 701c06efded1f06b17640327987679c5beaf3250 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row-wrap reference/ref-pass-body flexbox | computed style | flex-flow: row wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap 2bcdc74edd3c7ba5cccccd85ce900d63718f406d `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row-wrap-reverse reference/ref-pass-body flexbox | computed style | flex-flow: row wrap-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse a66a4d38ee0a7ad2cc973ee5a0f23576b2f7e483 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-wrap reference/ref-pass-body flexbox | computed style | flex-flow: wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap 261d0f5350d4822ace02d270be150185623d9634 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-grow-0 reference/ref-pass-body flexbox | computed style | flex-grow: 0 dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow c92f9416a0e86440851af99db55aaf26924492d1 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-grow-invalid reference/ref-pass-body flexbox | computed style | flex-grow: negative dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 964e22a3871e0c5f05ea05fb6a38e5b4783955e1 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-grow-number reference/ref-pass-body flexbox | computed style | flex-grow: number dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 24960e520f367b0ce29992148954582d4e43d224 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-shorthand reference/ref-pass-body flexbox | computed style | flex: invalid dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex 925dcae2b1c40494ffb2a809edc9873b49c3171a `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-shorthand-0-auto reference/ref-pass-body flexbox | computed style | flex: 0 auto dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex eac4513b139b9474cdc662d896aeccfa2eada009 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-shorthand-auto reference/ref-pass-body flexbox | computed style | flex: auto dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex 93123c78d317dc9559678e8259caf6b0c26dea24 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-shorthand-initial reference/ref-pass-body flexbox | computed style | flex: initial dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex 8cc334ce02bce28ea3452288b2653f857b35a4e6 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-shorthand-invalid reference/ref-pass-body flexbox | computed style | flex: invalid dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex 4556711538161200fcb7db90eb35f9e21443ea59 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-shorthand-none reference/ref-pass-body flexbox | computed style | flex: auto dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex 4628a756415a016ed23a51c48abb6d7833cfcd29 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-shorthand-number reference/ref-pass-body flexbox | computed style | flex: number dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex 60acfca58faaa7dceb934bd9232d9a00ffd526bc `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-shrink-0 reference/ref-pass-body flexbox | computed style | flex-shrink: 0 dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink a5edca2a35f7e59ddd75133224005cf2d4d7a7e9 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-shrink-invalid reference/ref-pass-body flexbox | computed style | flex-shrink: negative dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink bb694a52bebcf1c4a941c2227e0f3fd49e126a0d `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-shrink-number reference/ref-pass-body flexbox | computed style | flex-shrink: number dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink 8fa0d89f57b6c4a14686961f7a2d31f9d7d2d332 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-wrap-invalid reference/ref-pass-body flexbox | computed style | flex-wrap: wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap bcd00aaf592dd9671011c82131a4433521bbd6d9 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-wrap-nowrap reference/ref-pass-body flexbox | computed style | flex-wrap: nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 453f2f391bf751800ee4d6b29760d2032a526d7a `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-wrap-wrap reference/ref-pass-body flexbox | computed style | flex-wrap: wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 8ebc673a8a51285e9c2da9ba372bd0e7a2e7c028 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-wrap-wrap-reverse reference/ref-pass-body flexbox | computed style | flex-wrap: wrap-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 63f817b37233a4b45e870d6cfc1e6e598a9a7de2 `Opera Software`<http://opera.com> -flexbox_computedstyle_justify-content-center reference/ref-pass-body flexbox | computed style | justify-content: center dom http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content 5d4d0a1cd43a651cc6f6da0e61f4638019bef38d `Opera Software`<http://opera.com> -flexbox_computedstyle_justify-content-flex-end reference/ref-pass-body flexbox | computed style | justify-content: flex-end dom http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content 72491118510586cec847e142b219decc93308854 `Opera Software`<http://opera.com> -flexbox_computedstyle_justify-content-flex-start reference/ref-pass-body flexbox | computed style | justify-content: flex-start dom http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content 2040fa69912eb6c1c42c690a8edb2c0ddf33d309 `Opera Software`<http://opera.com> -flexbox_computedstyle_justify-content-space-around reference/ref-pass-body flexbox | computed style | justify-content: space-around dom http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content da0af0ef66852e425682bd285301da530f55d8d4 `Opera Software`<http://opera.com> -flexbox_computedstyle_justify-content-space-between reference/ref-pass-body flexbox | computed style | justify-content: space-between dom http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content 80584aeaf1c1205140eff98f2e722f88230215c3 `Opera Software`<http://opera.com> -flexbox_computedstyle_min-height-auto reference/ref-pass-body flexbox | computed style | min-height: auto dom http://www.w3.org/TR/css-flexbox-1/#min-size-auto aab95f096c3a7eb51281856fffa19d9b025ef818 `Opera Software`<http://opera.com> -flexbox_computedstyle_min-width-auto reference/ref-pass-body flexbox | computed style | min-width: auto dom http://www.w3.org/TR/css-flexbox-1/#min-size-auto c7b8cf33d103b61e909abfd48fbda8d27361625a `Opera Software`<http://opera.com> -flexbox_computedstyle_order reference/ref-pass-body flexbox | computed style | order: 0 dom http://www.w3.org/TR/css-flexbox-1/#propdef-order 94980b5e1c17d6e6b9978fe38a109c8c88e76c0a `Opera Software`<http://opera.com> -flexbox_computedstyle_order-inherit reference/ref-pass-body flexbox | computed style | order: -1 dom http://www.w3.org/TR/css-flexbox-1/#propdef-order ff0c10ec5872f4507d485ad0df8c99fa0e2a3d03 `Opera Software`<http://opera.com> -flexbox_computedstyle_order-integer reference/ref-pass-body flexbox | computed style | order: integer dom http://www.w3.org/TR/css-flexbox-1/#propdef-order 069a507949e7eccbd64a01d58646a663b0f1d500 `Opera Software`<http://opera.com> -flexbox_computedstyle_order-invalid reference/ref-pass-body flexbox | computed style | order: noninteger dom http://www.w3.org/TR/css-flexbox-1/#propdef-order 9d18fb9ab03c106a5b450a989aa5b1f9e7a20df1 `Opera Software`<http://opera.com> -flexbox_computedstyle_order-negative reference/ref-pass-body flexbox | computed style | order: -1 dom http://www.w3.org/TR/css-flexbox-1/#propdef-order b438810e317b8dea137d60f3a8ab339fc2a1ec87 `Opera Software`<http://opera.com> +flexbox_computedstyle_align-content-center flexbox | computed style | align-content: center dom,script http://www.w3.org/TR/css-flexbox-1/#align-content-property ca93e76cbad28999579159a34afbefb418ed18a9 `Opera Software`<http://opera.com> +flexbox_computedstyle_align-content-flex-end flexbox | computed style | align-content: flex-end dom,script http://www.w3.org/TR/css-flexbox-1/#align-content-property 0d2c256d69ddb461c644064be368475b715b326a `Opera Software`<http://opera.com> +flexbox_computedstyle_align-content-flex-start flexbox | computed style | align-content: flex-start dom,script http://www.w3.org/TR/css-flexbox-1/#align-content-property 9fe0241fbf073734bf6f9e9b987c0ee8a33d91db `Opera Software`<http://opera.com> +flexbox_computedstyle_align-content-space-around flexbox | computed style | align-content: space-around dom,script http://www.w3.org/TR/css-flexbox-1/#align-content-property 513198c70d4656dd1552f197c20bc07c52a47fdf `Opera Software`<http://opera.com> +flexbox_computedstyle_align-content-space-between flexbox | computed style | align-content: space-between dom,script http://www.w3.org/TR/css-flexbox-1/#align-content-property 0d8836b779970c2bc93730ab7ab71e716e373b28 `Opera Software`<http://opera.com> +flexbox_computedstyle_align-items-baseline flexbox | computed style | align-items: baseline dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-items ee806bcfdb77cf7461710fb6497b1497348ca28c `Opera Software`<http://opera.com> +flexbox_computedstyle_align-items-center flexbox | computed style | align-items: center dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-items fd53eadca9f41ebe1334eb4d0b19e9eb6d691302 `Opera Software`<http://opera.com> +flexbox_computedstyle_align-items-flex-end flexbox | computed style | align-items: flex-end dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-items f567e08ffd2f7ef0a81e952c420c24e44e8b05d0 `Opera Software`<http://opera.com> +flexbox_computedstyle_align-items-flex-start flexbox | computed style | align-items: flex-start dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 298d0c23901e5acbeb40cbc018dc4a45c11c5666 `Opera Software`<http://opera.com> +flexbox_computedstyle_align-items-invalid flexbox | computed style | align-items: invalid dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 9b593ad91249c44d2eeb8d16c54f31ee584a59ec `Opera Software`<http://opera.com> +flexbox_computedstyle_align-items-stretch flexbox | computed style | align-items: stretch dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 1c86df21909b0e6b67c813bd8540f9ec9e0a4265 `Opera Software`<http://opera.com> +flexbox_computedstyle_align-self-baseline flexbox | computed style | align-self: baseline dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-self f6a103d643453a3bea050c1d401b1f9b70840238 `Opera Software`<http://opera.com> +flexbox_computedstyle_align-self-center flexbox | computed style | align-self: center dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-self d540b8faf99bc2c9303a6b92ee1002617bf7ba08 `Opera Software`<http://opera.com> +flexbox_computedstyle_align-self-flex-end flexbox | computed style | align-self: flex-end dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 3912b3be77078304d9ead87a982a4d67eb1c3abd `Opera Software`<http://opera.com> +flexbox_computedstyle_align-self-flex-start flexbox | computed style | align-self: flex-start dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-self a3cf4ad24a9a24cb1c5014b965c5af53eace713b `Opera Software`<http://opera.com> +flexbox_computedstyle_align-self-invalid flexbox | computed style | align-self: invalid dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 631c797565d1105efb498e6bbccae00539a76510 `Opera Software`<http://opera.com> +flexbox_computedstyle_align-self-stretch flexbox | computed style | align-self: stretch dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-align-self c70b121f208728bc77776e6346c2728652ec5f31 `Opera Software`<http://opera.com> +flexbox_computedstyle_display flexbox | computed style | display: flex dom,script http://www.w3.org/TR/css-flexbox-1/#flex-containers 5d96bb4e48c38d38e8a513eb92dce1b51712bad3 `Opera Software`<http://opera.com> +flexbox_computedstyle_display-inline flexbox | computed style | display: inline-flex dom,script http://www.w3.org/TR/css-flexbox-1/#flex-containers 1b9160b3cf9e8423c0faaf878f755b8e6cda48d4 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-basis-0 flexbox | computed style | flex-basis: 0 dom,script http://www.w3.org/TR/css-flexbox-1/#flex-basis-property 3b109fc099603ac932cf8f62ee9c5fb950f1a82e `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-basis-0percent flexbox | computed style | flex-basis: 0% dom,script http://www.w3.org/TR/css-flexbox-1/#flex-basis-property 17bcdbe8f8abc72a7221a1b07bb6d8c23a923f0f `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-basis-auto flexbox | computed style | flex-basis: auto dom,script http://www.w3.org/TR/css-flexbox-1/#flex-basis-property e6206e8f82fb310a89f4ec866be5548868e38357 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-basis-percent flexbox | computed style | flex-basis: percent dom,script http://www.w3.org/TR/css-flexbox-1/#flex-basis-property cd3ee4fb77cdf8a4546ae56bbb31166cddb0989c `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-direction-column flexbox | computed style | flex-direction: column dom,script http://www.w3.org/TR/css-flexbox-1/#flex-direction bc60ebe38ecb8a0f66c918b0ac8ebd6096449d92 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-direction-column-reverse flexbox | computed style | flex-direction: column-reverse dom,script http://www.w3.org/TR/css-flexbox-1/#flex-direction 6a3a62f1c2c8e1a1dc71f688f2037f5468c7e239 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-direction-invalid flexbox | computed style | flex-direction: row dom,script http://www.w3.org/TR/css-flexbox-1/#flex-direction 89869a6928a21df23d1478792ed40edbf8876fa7 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-direction-row flexbox | computed style | flex-direction: row dom,script http://www.w3.org/TR/css-flexbox-1/#flex-direction 445d252eacbcc57c76367f3ee3a6ed2242ff3365 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-direction-row-reverse flexbox | computed style | flex-direction: row-reverse dom,script http://www.w3.org/TR/css-flexbox-1/#flex-direction f1a62c9a5e059a6246cc0eb0cbd89d5852307a94 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-column flexbox | computed style | flex-flow: column dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column 6ed21668d5ac1a31ba5b3d868ac26d73237773b1 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-column-nowrap flexbox | computed style | flex-flow: column nowrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap 659f26463cb713c46675d4200c8b78e6886b20ed `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-column-reverse flexbox | computed style | flex-flow: column-reverse dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse 4f4b52e7e0a7fd851dd426795d9d34ed523cebea `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-column-reverse-nowrap flexbox | computed style | flex-flow: column-reverse nowrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap c37ec2be1c6951b283b23c9bb295ad6ffff0a70e `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-column-reverse-wrap flexbox | computed style | flex-flow: column-reverse wrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap bf609183d3d6ed8b0ebfa2419039a73c1f547936 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-column-wrap flexbox | computed style | flex-flow: column wrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap fa968f823a0da3c5e5ab482c85492472a1107983 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-column-wrap-reverse flexbox | computed style | flex-flow: column wrap-reverse dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse ed545642f1b2325ad608089ef5fae2eb5cb43e5b `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-nowrap flexbox | computed style | flex-flow: nowrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap 27c4911d9887e8d5275986943d3f6b037a4de79d `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row flexbox | computed style | flex-flow: row dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row 74c7385119a3db0a66f59976210dcbec1806b31e `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row-nowrap flexbox | computed style | flex-flow: row nowrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap bff58f5dd7190d440ebeed3f00ff481954993aad `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row-reverse flexbox | computed style | flex-flow: row-reverse dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse 90d5848b70c51efe8ca478ae37a8692ed6b6d358 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row-reverse-nowrap flexbox | computed style | flex-flow: row-reverse nowrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap 6bd49db8212814cc2431b9f732d08be497cdfb6c `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row-reverse-wrap flexbox | computed style | flex-flow: row-reverse wrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap 32a9fb029738527d400a29d53a35ecd0f604d19d `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse flexbox | computed style | flex-flow: row-reverse wrap-reverse dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse 69e4710196ad9e79c768395f1260135bdb51d03a `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row-wrap flexbox | computed style | flex-flow: row wrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap df91f89286e5dbd8671705be51524dca080e22cb `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row-wrap-reverse flexbox | computed style | flex-flow: row wrap-reverse dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse 286dc0530e91eace5b7e23691dd2db2df9cbb0c6 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-wrap flexbox | computed style | flex-flow: wrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap 24e13e53ac18b32f6ac9e2d7636e3a2a26ceab04 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-grow-0 flexbox | computed style | flex-grow: 0 dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow b6b94e15ce2a12f39f0726b351dce2d2b1c608ed `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-grow-invalid flexbox | computed style | flex-grow: negative dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 8639557f7f75d3bb8a745005c42380ced315d1a4 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-grow-number flexbox | computed style | flex-grow: number dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 3df587a58a240082e5c6c5db2f687a6672dcdb0e `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-shorthand flexbox | computed style | flex: invalid dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex 10b4e31620ee15cf16ad854dad647a1649a24253 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-shorthand-0-auto flexbox | computed style | flex: 0 auto dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex f4b19ca712e183bd6f48401bd6fc66625f1387cb `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-shorthand-auto flexbox | computed style | flex: auto dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex ef36f6c1d3181301fdb63f61f06de71d99862c50 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-shorthand-initial flexbox | computed style | flex: initial dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex 821e7b1d1d0e65da4278537bdd52418579ddd1a3 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-shorthand-invalid flexbox | computed style | flex: invalid dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex 82a9d3cdd68ad834f695a441bd46079007bc9166 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-shorthand-none flexbox | computed style | flex: auto dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex 3555c0e3191e064b145685c52502b07352489b29 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-shorthand-number flexbox | computed style | flex: number dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex a564fa7d3a8adae2a8eaebe007b18ac48b211ce3 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-shrink-0 flexbox | computed style | flex-shrink: 0 dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink bc71765e3ce77b7bd58161ffda86b33c25ee2bc2 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-shrink-invalid flexbox | computed style | flex-shrink: negative dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink a2d41bad59a2e56ad69d9475dccc8c291f723071 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-shrink-number flexbox | computed style | flex-shrink: number dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink d92d554f7e8f465e18c1198e2d3b8c7dcb1b8fe9 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-wrap-invalid flexbox | computed style | flex-wrap: wrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 323d5126e16f5b11d6e494957014a9de0800117b `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-wrap-nowrap flexbox | computed style | flex-wrap: nowrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap e99bbbf7a40e4a7f1066c8c689fb11f67a3977c6 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-wrap-wrap flexbox | computed style | flex-wrap: wrap dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 4a96f0883d4431d77cb8ac95d831cf2f2580bd81 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-wrap-wrap-reverse flexbox | computed style | flex-wrap: wrap-reverse dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 6649eff5c6574680fb55f424f271e2a203d46337 `Opera Software`<http://opera.com> +flexbox_computedstyle_justify-content-center flexbox | computed style | justify-content: center dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content 4c79c70202daed2fbbd939a158a8d2d9577a13c7 `Opera Software`<http://opera.com> +flexbox_computedstyle_justify-content-flex-end flexbox | computed style | justify-content: flex-end dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content aff387adaf44bbad0c408445b283c712220b2ed0 `Opera Software`<http://opera.com> +flexbox_computedstyle_justify-content-flex-start flexbox | computed style | justify-content: flex-start dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content ed57706a5d8b65a4b76d8297be76ea50dfed37a9 `Opera Software`<http://opera.com> +flexbox_computedstyle_justify-content-space-around flexbox | computed style | justify-content: space-around dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content dc0663c6f6308e32c26a3c693fa6637a3ff58d37 `Opera Software`<http://opera.com> +flexbox_computedstyle_justify-content-space-between flexbox | computed style | justify-content: space-between dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content 03a533f434d47be8ed2cedb0c93070303ffa4a61 `Opera Software`<http://opera.com> +flexbox_computedstyle_min-height-auto flexbox | computed style | min-height: auto dom,script http://www.w3.org/TR/css-flexbox-1/#min-size-auto 62bc86b7f36bec42a7425cf7a4333bc428e30788 `Opera Software`<http://opera.com> +flexbox_computedstyle_min-width-auto flexbox | computed style | min-width: auto dom,script http://www.w3.org/TR/css-flexbox-1/#min-size-auto 92ce4c29956600e20847f643b0ca9574ae460fbc `Opera Software`<http://opera.com> +flexbox_computedstyle_order flexbox | computed style | order: 0 dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-order d574d1c1b84a5c34bd122816a68d6e3e617e8425 `Opera Software`<http://opera.com> +flexbox_computedstyle_order-inherit flexbox | computed style | order: -1 dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-order 061e4749bc699eceabc64c42d6d10c3b87a0cba1 `Opera Software`<http://opera.com> +flexbox_computedstyle_order-integer flexbox | computed style | order: integer dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-order 92c35e38543e9f2d6c97116a3938d8aabe75bf61 `Opera Software`<http://opera.com> +flexbox_computedstyle_order-invalid flexbox | computed style | order: noninteger dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-order fa24ab48eb32fe5832e8ae683fae20cacd29b41d `Opera Software`<http://opera.com> +flexbox_computedstyle_order-negative flexbox | computed style | order: -1 dom,script http://www.w3.org/TR/css-flexbox-1/#propdef-order 8d593e848bede01d1e00b57125678aed6550abd5 `Opera Software`<http://opera.com> flexbox_direction-column reference/flexbox_direction-column-ref flexbox | flex-direction: column http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 016ee30f42dcea1993ff8772b43f2783f358d30e `Opera Software`<http://opera.com> flexbox_direction-column-reverse reference/flexbox_direction-column-reverse-ref flexbox | flex-direction: column-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 0ac54595950e762ca7752f3dd9f87ecd17aee308 `Opera Software`<http://opera.com> flexbox_direction-row-reverse reference/flexbox_direction-row-reverse-ref flexbox | flex-direction: row-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property f1320e1caafb090d6e0cbdc74c873f98dfea7d85 `Opera Software`<http://opera.com> 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 8475923e92e..e2cbbcf226b 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 @@ -303,43 +303,43 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_flex-direction-column-2.#flex-direction" class="dom"> + <tr id="flexbox_computedstyle_flex-direction-column-2.#flex-direction" class="dom script"> <td> <a href="flexbox_computedstyle_flex-direction-column.xht">flexbox_computedstyle_flex-direction-column</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-direction: column </td> </tr> - <tr id="flexbox_computedstyle_flex-direction-column-reverse-2.#flex-direction" class="dom"> + <tr id="flexbox_computedstyle_flex-direction-column-reverse-2.#flex-direction" class="dom script"> <td> <a href="flexbox_computedstyle_flex-direction-column-reverse.xht">flexbox_computedstyle_flex-direction-column-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-direction: column-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-direction-invalid-2.#flex-direction" class="dom"> + <tr id="flexbox_computedstyle_flex-direction-invalid-2.#flex-direction" class="dom script"> <td> <a href="flexbox_computedstyle_flex-direction-invalid.xht">flexbox_computedstyle_flex-direction-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-direction: row </td> </tr> - <tr id="flexbox_computedstyle_flex-direction-row-2.#flex-direction" class="dom"> + <tr id="flexbox_computedstyle_flex-direction-row-2.#flex-direction" class="dom script"> <td> <a href="flexbox_computedstyle_flex-direction-row.xht">flexbox_computedstyle_flex-direction-row</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-direction: row </td> </tr> - <tr id="flexbox_computedstyle_flex-direction-row-reverse-2.#flex-direction" class="dom"> + <tr id="flexbox_computedstyle_flex-direction-row-reverse-2.#flex-direction" class="dom script"> <td> <a href="flexbox_computedstyle_flex-direction-row-reverse.xht">flexbox_computedstyle_flex-direction-row-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-direction: row-reverse </td> </tr> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-3.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-3.xht index 902d9d2647d..a65b45002be 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-3.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-3.xht @@ -180,19 +180,19 @@ <td>flexbox | multicol on flexbox items </td> </tr> - <tr id="flexbox_computedstyle_display-3" class="dom"> + <tr id="flexbox_computedstyle_display-3" class="dom script"> <td> <a href="flexbox_computedstyle_display.xht">flexbox_computedstyle_display</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | display: flex </td> </tr> - <tr id="flexbox_computedstyle_display-inline-3" class="dom"> + <tr id="flexbox_computedstyle_display-inline-3" class="dom script"> <td> <a href="flexbox_computedstyle_display-inline.xht">flexbox_computedstyle_display-inline</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | display: inline-flex </td> </tr> 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 563a03b7463..4edc0ed2814 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 @@ -713,19 +713,19 @@ <td>Testing min-width:auto & 'overflow' interaction </td> </tr> - <tr id="flexbox_computedstyle_min-height-auto-4.5" class="dom"> + <tr id="flexbox_computedstyle_min-height-auto-4.5" class="dom script"> <td> <a href="flexbox_computedstyle_min-height-auto.xht">flexbox_computedstyle_min-height-auto</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | min-height: auto </td> </tr> - <tr id="flexbox_computedstyle_min-width-auto-4.5" class="dom"> + <tr id="flexbox_computedstyle_min-width-auto-4.5" class="dom script"> <td> <a href="flexbox_computedstyle_min-width-auto.xht">flexbox_computedstyle_min-width-auto</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | min-width: auto </td> </tr> 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 8295d407891..133d225046d 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 @@ -347,35 +347,35 @@ </tbody> <tbody id="s5.1.#valdef-flex-direction-column"> <!-- 6 tests --> - <tr id="flexbox_computedstyle_flex-flow-column-5.1.#valdef-flex-direction-column" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-5.1.#valdef-flex-direction-column" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column.xht">flexbox_computedstyle_flex-flow-column</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.1.#valdef-flex-direction-column" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.1.#valdef-flex-direction-column" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.1.#valdef-flex-direction-column" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.1.#valdef-flex-direction-column" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.1.#valdef-flex-direction-column" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.1.#valdef-flex-direction-column" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column wrap-reverse </td> </tr> @@ -398,27 +398,27 @@ </tbody> <tbody id="s5.1.#valdef-flex-direction-column-reverse"> <!-- 5 tests --> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-5.1.#valdef-flex-direction-column-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-5.1.#valdef-flex-direction-column-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse.xht">flexbox_computedstyle_flex-flow-column-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.1.#valdef-flex-direction-column-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.1.#valdef-flex-direction-column-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.1.#valdef-flex-direction-column-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.1.#valdef-flex-direction-column-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse wrap </td> </tr> @@ -441,70 +441,70 @@ </tbody> <tbody id="s5.1.#valdef-flex-direction-row"> <!-- 4 tests --> - <tr id="flexbox_computedstyle_flex-flow-row-5.1.#valdef-flex-direction-row" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-5.1.#valdef-flex-direction-row" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row.xht">flexbox_computedstyle_flex-flow-row</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.1.#valdef-flex-direction-row" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.1.#valdef-flex-direction-row" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.1.#valdef-flex-direction-row" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.1.#valdef-flex-direction-row" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.1.#valdef-flex-direction-row" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.1.#valdef-flex-direction-row" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row wrap-reverse </td> </tr> </tbody> <tbody id="s5.1.#valdef-flex-direction-row-reverse"> <!-- 4 tests --> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.1.#valdef-flex-direction-row-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.1.#valdef-flex-direction-row-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse wrap-reverse </td> </tr> @@ -829,35 +829,35 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_flex-wrap-invalid-5.2.#propdef-flex-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-wrap-invalid-5.2.#propdef-flex-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-wrap-invalid.xht">flexbox_computedstyle_flex-wrap-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-wrap: wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-wrap-nowrap-5.2.#propdef-flex-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-wrap-nowrap-5.2.#propdef-flex-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-wrap-nowrap.xht">flexbox_computedstyle_flex-wrap-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-wrap: nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-wrap-wrap-5.2.#propdef-flex-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-wrap-wrap-5.2.#propdef-flex-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-wrap-wrap.xht">flexbox_computedstyle_flex-wrap-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-wrap: wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-wrap-wrap-reverse-5.2.#propdef-flex-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-wrap-wrap-reverse-5.2.#propdef-flex-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-wrap-wrap-reverse.xht">flexbox_computedstyle_flex-wrap-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-wrap: wrap-reverse </td> </tr> @@ -962,86 +962,86 @@ </tbody> <tbody id="s5.2.#valdef-flex-wrap-nowrap"> <!-- 5 tests --> - <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-nowrap.xht">flexbox_computedstyle_flex-flow-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse nowrap </td> </tr> </tbody> <tbody id="s5.2.#valdef-flex-wrap-wrap"> <!-- 6 tests --> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-wrap.xht">flexbox_computedstyle_flex-flow-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: wrap </td> </tr> @@ -1056,27 +1056,27 @@ </tbody> <tbody id="s5.2.#valdef-flex-wrap-wrap-reverse"> <!-- 5 tests --> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column wrap-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse wrap-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row wrap-reverse </td> </tr> @@ -1418,139 +1418,139 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column.xht">flexbox_computedstyle_flex-flow-column</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse.xht">flexbox_computedstyle_flex-flow-column-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column wrap-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-nowrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-nowrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-nowrap.xht">flexbox_computedstyle_flex-flow-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row.xht">flexbox_computedstyle_flex-flow-row</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse wrap-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row wrap-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-wrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-wrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-wrap.xht">flexbox_computedstyle_flex-flow-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: wrap </td> </tr> @@ -1834,43 +1834,43 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_order-5.4.#propdef-order" class="dom"> + <tr id="flexbox_computedstyle_order-5.4.#propdef-order" class="dom script"> <td> <a href="flexbox_computedstyle_order.xht">flexbox_computedstyle_order</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | order: 0 </td> </tr> - <tr id="flexbox_computedstyle_order-inherit-5.4.#propdef-order" class="dom"> + <tr id="flexbox_computedstyle_order-inherit-5.4.#propdef-order" class="dom script"> <td> <a href="flexbox_computedstyle_order-inherit.xht">flexbox_computedstyle_order-inherit</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | order: -1 </td> </tr> - <tr id="flexbox_computedstyle_order-integer-5.4.#propdef-order" class="dom"> + <tr id="flexbox_computedstyle_order-integer-5.4.#propdef-order" class="dom script"> <td> <a href="flexbox_computedstyle_order-integer.xht">flexbox_computedstyle_order-integer</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | order: integer </td> </tr> - <tr id="flexbox_computedstyle_order-invalid-5.4.#propdef-order" class="dom"> + <tr id="flexbox_computedstyle_order-invalid-5.4.#propdef-order" class="dom script"> <td> <a href="flexbox_computedstyle_order-invalid.xht">flexbox_computedstyle_order-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | order: noninteger </td> </tr> - <tr id="flexbox_computedstyle_order-negative-5.4.#propdef-order" class="dom"> + <tr id="flexbox_computedstyle_order-negative-5.4.#propdef-order" class="dom script"> <td> <a href="flexbox_computedstyle_order-negative.xht">flexbox_computedstyle_order-negative</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | order: -1 </td> </tr> 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 2b714103995..9be2c5a47c8 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 @@ -863,59 +863,59 @@ </tbody> <tbody id="s7.1.#propdef-flex"> <!-- 7 tests --> - <tr id="flexbox_computedstyle_flex-shorthand-7.1.#propdef-flex" class="dom"> + <tr id="flexbox_computedstyle_flex-shorthand-7.1.#propdef-flex" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shorthand.xht">flexbox_computedstyle_flex-shorthand</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex: invalid </td> </tr> - <tr id="flexbox_computedstyle_flex-shorthand-0-auto-7.1.#propdef-flex" class="dom"> + <tr id="flexbox_computedstyle_flex-shorthand-0-auto-7.1.#propdef-flex" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shorthand-0-auto.xht">flexbox_computedstyle_flex-shorthand-0-auto</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex: 0 auto </td> </tr> - <tr id="flexbox_computedstyle_flex-shorthand-auto-7.1.#propdef-flex" class="dom"> + <tr id="flexbox_computedstyle_flex-shorthand-auto-7.1.#propdef-flex" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shorthand-auto.xht">flexbox_computedstyle_flex-shorthand-auto</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex: auto </td> </tr> - <tr id="flexbox_computedstyle_flex-shorthand-initial-7.1.#propdef-flex" class="dom"> + <tr id="flexbox_computedstyle_flex-shorthand-initial-7.1.#propdef-flex" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shorthand-initial.xht">flexbox_computedstyle_flex-shorthand-initial</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex: initial </td> </tr> - <tr id="flexbox_computedstyle_flex-shorthand-invalid-7.1.#propdef-flex" class="dom"> + <tr id="flexbox_computedstyle_flex-shorthand-invalid-7.1.#propdef-flex" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shorthand-invalid.xht">flexbox_computedstyle_flex-shorthand-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex: invalid </td> </tr> - <tr id="flexbox_computedstyle_flex-shorthand-none-7.1.#propdef-flex" class="dom"> + <tr id="flexbox_computedstyle_flex-shorthand-none-7.1.#propdef-flex" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shorthand-none.xht">flexbox_computedstyle_flex-shorthand-none</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex: auto </td> </tr> - <tr id="flexbox_computedstyle_flex-shorthand-number-7.1.#propdef-flex" class="dom"> + <tr id="flexbox_computedstyle_flex-shorthand-number-7.1.#propdef-flex" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shorthand-number.xht">flexbox_computedstyle_flex-shorthand-number</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex: number </td> </tr> @@ -1100,27 +1100,27 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_flex-grow-0-7.2.1.#propdef-flex-grow" class="dom"> + <tr id="flexbox_computedstyle_flex-grow-0-7.2.1.#propdef-flex-grow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-grow-0.xht">flexbox_computedstyle_flex-grow-0</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-grow: 0 </td> </tr> - <tr id="flexbox_computedstyle_flex-grow-invalid-7.2.1.#propdef-flex-grow" class="dom"> + <tr id="flexbox_computedstyle_flex-grow-invalid-7.2.1.#propdef-flex-grow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-grow-invalid.xht">flexbox_computedstyle_flex-grow-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-grow: negative </td> </tr> - <tr id="flexbox_computedstyle_flex-grow-number-7.2.1.#propdef-flex-grow" class="dom"> + <tr id="flexbox_computedstyle_flex-grow-number-7.2.1.#propdef-flex-grow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-grow-number.xht">flexbox_computedstyle_flex-grow-number</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-grow: number </td> </tr> @@ -1221,27 +1221,27 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_flex-shrink-0-7.2.2.#propdef-flex-shrink" class="dom"> + <tr id="flexbox_computedstyle_flex-shrink-0-7.2.2.#propdef-flex-shrink" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shrink-0.xht">flexbox_computedstyle_flex-shrink-0</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-shrink: 0 </td> </tr> - <tr id="flexbox_computedstyle_flex-shrink-invalid-7.2.2.#propdef-flex-shrink" class="dom"> + <tr id="flexbox_computedstyle_flex-shrink-invalid-7.2.2.#propdef-flex-shrink" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shrink-invalid.xht">flexbox_computedstyle_flex-shrink-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-shrink: negative </td> </tr> - <tr id="flexbox_computedstyle_flex-shrink-number-7.2.2.#propdef-flex-shrink" class="dom"> + <tr id="flexbox_computedstyle_flex-shrink-number-7.2.2.#propdef-flex-shrink" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shrink-number.xht">flexbox_computedstyle_flex-shrink-number</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-shrink: number </td> </tr> @@ -1270,35 +1270,35 @@ <a href="#s7.2.3">+</a> <a href="https://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.2.3" class="dom"> + <tr id="flexbox_computedstyle_flex-basis-0-7.2.3" class="dom script"> <td> <a href="flexbox_computedstyle_flex-basis-0.xht">flexbox_computedstyle_flex-basis-0</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-basis: 0 </td> </tr> - <tr id="flexbox_computedstyle_flex-basis-0percent-7.2.3" class="dom"> + <tr id="flexbox_computedstyle_flex-basis-0percent-7.2.3" class="dom script"> <td> <a href="flexbox_computedstyle_flex-basis-0percent.xht">flexbox_computedstyle_flex-basis-0percent</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-basis: 0% </td> </tr> - <tr id="flexbox_computedstyle_flex-basis-auto-7.2.3" class="dom"> + <tr id="flexbox_computedstyle_flex-basis-auto-7.2.3" class="dom script"> <td> <a href="flexbox_computedstyle_flex-basis-auto.xht">flexbox_computedstyle_flex-basis-auto</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-basis: auto </td> </tr> - <tr id="flexbox_computedstyle_flex-basis-percent-7.2.3" class="dom"> + <tr id="flexbox_computedstyle_flex-basis-percent-7.2.3" class="dom script"> <td> <a href="flexbox_computedstyle_flex-basis-percent.xht">flexbox_computedstyle_flex-basis-percent</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-basis: percent </td> </tr> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-8.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-8.xht index d6e97d9d326..f766b5692b3 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 @@ -222,43 +222,43 @@ <td>flexbox |css-box-justify-content </td> </tr> - <tr id="flexbox_computedstyle_justify-content-center-8.2.#propdef-justify-content" class="dom"> + <tr id="flexbox_computedstyle_justify-content-center-8.2.#propdef-justify-content" class="dom script"> <td> <a href="flexbox_computedstyle_justify-content-center.xht">flexbox_computedstyle_justify-content-center</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | justify-content: center </td> </tr> - <tr id="flexbox_computedstyle_justify-content-flex-end-8.2.#propdef-justify-content" class="dom"> + <tr id="flexbox_computedstyle_justify-content-flex-end-8.2.#propdef-justify-content" class="dom script"> <td> <a href="flexbox_computedstyle_justify-content-flex-end.xht">flexbox_computedstyle_justify-content-flex-end</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | justify-content: flex-end </td> </tr> - <tr id="flexbox_computedstyle_justify-content-flex-start-8.2.#propdef-justify-content" class="dom"> + <tr id="flexbox_computedstyle_justify-content-flex-start-8.2.#propdef-justify-content" class="dom script"> <td> <a href="flexbox_computedstyle_justify-content-flex-start.xht">flexbox_computedstyle_justify-content-flex-start</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | justify-content: flex-start </td> </tr> - <tr id="flexbox_computedstyle_justify-content-space-around-8.2.#propdef-justify-content" class="dom"> + <tr id="flexbox_computedstyle_justify-content-space-around-8.2.#propdef-justify-content" class="dom script"> <td> <a href="flexbox_computedstyle_justify-content-space-around.xht">flexbox_computedstyle_justify-content-space-around</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | justify-content: space-around </td> </tr> - <tr id="flexbox_computedstyle_justify-content-space-between-8.2.#propdef-justify-content" class="dom"> + <tr id="flexbox_computedstyle_justify-content-space-between-8.2.#propdef-justify-content" class="dom script"> <td> <a href="flexbox_computedstyle_justify-content-space-between.xht">flexbox_computedstyle_justify-content-space-between</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | justify-content: space-between </td> </tr> @@ -1053,51 +1053,51 @@ <td>flexbox | align-self: stretch </td> </tr> - <tr id="flexbox_computedstyle_align-items-baseline-8.3.#propdef-align-items" class="dom"> + <tr id="flexbox_computedstyle_align-items-baseline-8.3.#propdef-align-items" class="dom script"> <td> <a href="flexbox_computedstyle_align-items-baseline.xht">flexbox_computedstyle_align-items-baseline</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-items: baseline </td> </tr> - <tr id="flexbox_computedstyle_align-items-center-8.3.#propdef-align-items" class="dom"> + <tr id="flexbox_computedstyle_align-items-center-8.3.#propdef-align-items" class="dom script"> <td> <a href="flexbox_computedstyle_align-items-center.xht">flexbox_computedstyle_align-items-center</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-items: center </td> </tr> - <tr id="flexbox_computedstyle_align-items-flex-end-8.3.#propdef-align-items" class="dom"> + <tr id="flexbox_computedstyle_align-items-flex-end-8.3.#propdef-align-items" class="dom script"> <td> <a href="flexbox_computedstyle_align-items-flex-end.xht">flexbox_computedstyle_align-items-flex-end</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-items: flex-end </td> </tr> - <tr id="flexbox_computedstyle_align-items-flex-start-8.3.#propdef-align-items" class="dom"> + <tr id="flexbox_computedstyle_align-items-flex-start-8.3.#propdef-align-items" class="dom script"> <td> <a href="flexbox_computedstyle_align-items-flex-start.xht">flexbox_computedstyle_align-items-flex-start</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-items: flex-start </td> </tr> - <tr id="flexbox_computedstyle_align-items-invalid-8.3.#propdef-align-items" class="dom"> + <tr id="flexbox_computedstyle_align-items-invalid-8.3.#propdef-align-items" class="dom script"> <td> <a href="flexbox_computedstyle_align-items-invalid.xht">flexbox_computedstyle_align-items-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-items: invalid </td> </tr> - <tr id="flexbox_computedstyle_align-items-stretch-8.3.#propdef-align-items" class="dom"> + <tr id="flexbox_computedstyle_align-items-stretch-8.3.#propdef-align-items" class="dom script"> <td> <a href="flexbox_computedstyle_align-items-stretch.xht">flexbox_computedstyle_align-items-stretch</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-items: stretch </td> </tr> @@ -1247,51 +1247,51 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_align-self-baseline-8.3.#propdef-align-self" class="dom"> + <tr id="flexbox_computedstyle_align-self-baseline-8.3.#propdef-align-self" class="dom script"> <td> <a href="flexbox_computedstyle_align-self-baseline.xht">flexbox_computedstyle_align-self-baseline</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-self: baseline </td> </tr> - <tr id="flexbox_computedstyle_align-self-center-8.3.#propdef-align-self" class="dom"> + <tr id="flexbox_computedstyle_align-self-center-8.3.#propdef-align-self" class="dom script"> <td> <a href="flexbox_computedstyle_align-self-center.xht">flexbox_computedstyle_align-self-center</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-self: center </td> </tr> - <tr id="flexbox_computedstyle_align-self-flex-end-8.3.#propdef-align-self" class="dom"> + <tr id="flexbox_computedstyle_align-self-flex-end-8.3.#propdef-align-self" class="dom script"> <td> <a href="flexbox_computedstyle_align-self-flex-end.xht">flexbox_computedstyle_align-self-flex-end</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-self: flex-end </td> </tr> - <tr id="flexbox_computedstyle_align-self-flex-start-8.3.#propdef-align-self" class="dom"> + <tr id="flexbox_computedstyle_align-self-flex-start-8.3.#propdef-align-self" class="dom script"> <td> <a href="flexbox_computedstyle_align-self-flex-start.xht">flexbox_computedstyle_align-self-flex-start</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-self: flex-start </td> </tr> - <tr id="flexbox_computedstyle_align-self-invalid-8.3.#propdef-align-self" class="dom"> + <tr id="flexbox_computedstyle_align-self-invalid-8.3.#propdef-align-self" class="dom script"> <td> <a href="flexbox_computedstyle_align-self-invalid.xht">flexbox_computedstyle_align-self-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-self: invalid </td> </tr> - <tr id="flexbox_computedstyle_align-self-stretch-8.3.#propdef-align-self" class="dom"> + <tr id="flexbox_computedstyle_align-self-stretch-8.3.#propdef-align-self" class="dom script"> <td> <a href="flexbox_computedstyle_align-self-stretch.xht">flexbox_computedstyle_align-self-stretch</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-self: stretch </td> </tr> @@ -1558,43 +1558,43 @@ <td>flexbox | align-content: stretch </td> </tr> - <tr id="flexbox_computedstyle_align-content-center-8.4" class="dom"> + <tr id="flexbox_computedstyle_align-content-center-8.4" class="dom script"> <td> <a href="flexbox_computedstyle_align-content-center.xht">flexbox_computedstyle_align-content-center</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-content: center </td> </tr> - <tr id="flexbox_computedstyle_align-content-flex-end-8.4" class="dom"> + <tr id="flexbox_computedstyle_align-content-flex-end-8.4" class="dom script"> <td> <a href="flexbox_computedstyle_align-content-flex-end.xht">flexbox_computedstyle_align-content-flex-end</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-content: flex-end </td> </tr> - <tr id="flexbox_computedstyle_align-content-flex-start-8.4" class="dom"> + <tr id="flexbox_computedstyle_align-content-flex-start-8.4" class="dom script"> <td> <a href="flexbox_computedstyle_align-content-flex-start.xht">flexbox_computedstyle_align-content-flex-start</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-content: flex-start </td> </tr> - <tr id="flexbox_computedstyle_align-content-space-around-8.4" class="dom"> + <tr id="flexbox_computedstyle_align-content-space-around-8.4" class="dom script"> <td> <a href="flexbox_computedstyle_align-content-space-around.xht">flexbox_computedstyle_align-content-space-around</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-content: space-around </td> </tr> - <tr id="flexbox_computedstyle_align-content-space-between-8.4" class="dom"> + <tr id="flexbox_computedstyle_align-content-space-between-8.4" class="dom script"> <td> <a href="flexbox_computedstyle_align-content-space-between.xht">flexbox_computedstyle_align-content-space-between</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-content: space-between </td> </tr> 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 d441ea2784e..b4f09ca8702 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 (68 tests)</h2> + <h2>Flex Layout Algorithm (74 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -517,7 +517,7 @@ <!-- 0 tests --> </tbody> <tbody id="s9.2.#hypothetical-main-size"> - <!-- 2 tests --> + <!-- 8 tests --> <tr id="flex-aspect-ratio-img-column-001-9.2.#hypothetical-main-size" class="primary"> <td><strong> <a href="flex-aspect-ratio-img-column-001.xht">flex-aspect-ratio-img-column-001</a></strong></td> @@ -534,6 +534,54 @@ <td>Aspect ratio handling of images </td> </tr> + <tr id="flexbox-intrinsic-ratio-001-9.2.#hypothetical-main-size" class="primary"> + <td><strong> + <a href="flexbox-intrinsic-ratio-001.xht">flexbox-intrinsic-ratio-001</a></strong></td> + <td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-002-9.2.#hypothetical-main-size" class="primary"> + <td><strong> + <a href="flexbox-intrinsic-ratio-002.xht">flexbox-intrinsic-ratio-002</a></strong></td> + <td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-003-9.2.#hypothetical-main-size" class="primary"> + <td><strong> + <a href="flexbox-intrinsic-ratio-003.xht">flexbox-intrinsic-ratio-003</a></strong></td> + <td><a href="reference/flexbox-intrinsic-ratio-003-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-004-9.2.#hypothetical-main-size" class="primary"> + <td><strong> + <a href="flexbox-intrinsic-ratio-004.xht">flexbox-intrinsic-ratio-004</a></strong></td> + <td><a href="reference/flexbox-intrinsic-ratio-004-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-005-9.2.#hypothetical-main-size" class="primary"> + <td><strong> + <a href="flexbox-intrinsic-ratio-005.xht">flexbox-intrinsic-ratio-005</a></strong></td> + <td><a href="reference/flexbox-intrinsic-ratio-005-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-006-9.2.#hypothetical-main-size" class="primary"> + <td><strong> + <a href="flexbox-intrinsic-ratio-006.xht">flexbox-intrinsic-ratio-006</a></strong></td> + <td><a href="reference/flexbox-intrinsic-ratio-006-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio. + </td> + </tr> </tbody> <tbody id="s9.3"> <tr><th colspan="4" scope="rowgroup"> @@ -720,7 +768,55 @@ </tr> </tbody> <tbody id="s9.4.#hypothetical-cross-size"> - <!-- 0 tests --> + <!-- 6 tests --> + <tr id="flexbox-intrinsic-ratio-001-9.4.#hypothetical-cross-size" class=""> + <td> + <a href="flexbox-intrinsic-ratio-001.xht">flexbox-intrinsic-ratio-001</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-002-9.4.#hypothetical-cross-size" class=""> + <td> + <a href="flexbox-intrinsic-ratio-002.xht">flexbox-intrinsic-ratio-002</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-003-9.4.#hypothetical-cross-size" class=""> + <td> + <a href="flexbox-intrinsic-ratio-003.xht">flexbox-intrinsic-ratio-003</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-003-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-004-9.4.#hypothetical-cross-size" class=""> + <td> + <a href="flexbox-intrinsic-ratio-004.xht">flexbox-intrinsic-ratio-004</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-004-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-005-9.4.#hypothetical-cross-size" class=""> + <td> + <a href="flexbox-intrinsic-ratio-005.xht">flexbox-intrinsic-ratio-005</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-005-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-006-9.4.#hypothetical-cross-size" class=""> + <td> + <a href="flexbox-intrinsic-ratio-006.xht">flexbox-intrinsic-ratio-006</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-006-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio. + </td> + </tr> </tbody> <tbody id="s9.4.#strut-size"> <!-- 0 tests --> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-001.xht new file mode 100644 index 00000000000..43e3fa8c1d5 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-001.xht @@ -0,0 +1,124 @@ +<!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> + <meta charset="utf-8" /> + <title> + CSS Test: Testing how explicit main-size & cross-size constraints + influence sizing on non-stretched flex item w/ intrinsic ratio. + </title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" /> + <link href="reference/flexbox-intrinsic-ratio-001-ref.xht" rel="match" /> + <style> + .flexbox { + display: flex; + flex-direction: row; + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + justify-content: flex-start; + align-items: flex-start; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" /> + </div> + <br /> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="flex: 0 0 30px" /> + </div> + <br /> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + max-height: 6px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 6px; + max-height: 10px" /> + </div> + <br /> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + min-height: 30px" /> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-002.xht new file mode 100644 index 00000000000..b081cd142fb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-002.xht @@ -0,0 +1,124 @@ +<!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> + <meta charset="utf-8" /> + <title> + CSS Test: Testing how explicit main-size & cross-size constraints + influence sizing on non-stretched flex item w/ intrinsic ratio. + </title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" /> + <link href="reference/flexbox-intrinsic-ratio-001-ref.xht" rel="match" /> + <style> + .flexbox { + display: flex; + flex-direction: column; + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + justify-content: flex-start; + align-items: flex-start; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" /> + </div> + <br /> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="flex: 0 0 30px" /> + </div> + <br /> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + max-height: 6px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 6px; + max-height: 10px" /> + </div> + <br /> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + min-height: 30px" /> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-003.xht new file mode 100644 index 00000000000..0ee67763bc8 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-003.xht @@ -0,0 +1,124 @@ +<!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> + <meta charset="utf-8" /> + <title> + CSS Test: Testing how explicit main-size & cross-size constraints + influence sizing on stretched flex item w/ intrinsic ratio. + </title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" /> + <link href="reference/flexbox-intrinsic-ratio-003-ref.xht" rel="match" /> + <style> + .flexbox { + display: flex; + flex-direction: row; + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + justify-content: flex-start; + align-items: stretch; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" /> + </div> + <br /> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="flex: 0 0 30px" /> + </div> + <br /> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + max-height: 6px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 6px; + max-height: 10px" /> + </div> + <br /> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + min-height: 30px" /> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-004.xht new file mode 100644 index 00000000000..5139e4d46bc --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-004.xht @@ -0,0 +1,124 @@ +<!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> + <meta charset="utf-8" /> + <title> + CSS Test: Testing how explicit main-size & cross-size constraints + influence sizing on stretched flex item w/ intrinsic ratio. + </title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" /> + <link href="reference/flexbox-intrinsic-ratio-004-ref.xht" rel="match" /> + <style> + .flexbox { + display: flex; + flex-direction: column; + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + justify-content: flex-start; + align-items: stretch; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" /> + </div> + <br /> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="flex: 0 0 30px" /> + </div> + <br /> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + max-height: 6px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 6px; + max-height: 10px" /> + </div> + <br /> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + min-height: 30px" /> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-005.xht new file mode 100644 index 00000000000..2afa509cd7f --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-005.xht @@ -0,0 +1,126 @@ +<!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> + <meta charset="utf-8" /> + <title> + CSS Test: Testing how explicit main-size & cross-size constraints + influence sizing on non-stretched flexible flex item w/ intrinsic ratio. + </title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" /> + <link href="reference/flexbox-intrinsic-ratio-005-ref.xht" rel="match" /> + <style> + .flexbox { + display: flex; + flex-direction: row; + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + justify-content: flex-start; + align-items: flex-start; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + flex: 1; + + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" /> + </div> + <br /> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="flex: 1 1 30px" /> + </div> + <br /> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + max-height: 6px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 6px; + max-height: 10px" /> + </div> + <br /> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + min-height: 30px" /> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-006.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-006.xht new file mode 100644 index 00000000000..47f23509ae7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-intrinsic-ratio-006.xht @@ -0,0 +1,126 @@ +<!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> + <meta charset="utf-8" /> + <title> + CSS Test: Testing how explicit main-size & cross-size constraints + influence sizing on non-stretched flexible flex item w/ intrinsic ratio. + </title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" /> + <link href="reference/flexbox-intrinsic-ratio-006-ref.xht" rel="match" /> + <style> + .flexbox { + display: flex; + flex-direction: column; + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + justify-content: flex-start; + align-items: flex-start; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + flex: 1; + + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" /> + </div> + <br /> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="flex: 1 1 30px" /> + </div> + <br /> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + max-height: 6px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 6px; + max-height: 10px" /> + </div> + <br /> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + min-height: 30px" /> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-center.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-center.xht index cd47837a310..135eeccab7d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-center.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-center.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-content: center</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-content: center; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-content") == - "center"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-content"), + "center"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-flex-end.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-flex-end.xht index 7af2a52a3d5..831de6574d8 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-flex-end.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-flex-end.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-content: flex-end</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-content: flex-end; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-content") == - "flex-end"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-content"), + "flex-end"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-flex-start.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-flex-start.xht index 97c86136763..44249b50ea2 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-flex-start.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-flex-start.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-content: flex-start</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-content: flex-start; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-content") == - "flex-start"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-content"), + "flex-start"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-space-around.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-space-around.xht index eed3f908fbd..3cb53add1d0 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-space-around.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-space-around.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-content: space-around</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-content: space-around; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-content") == - "space-around"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-content"), + "space-around"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-space-between.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-space-between.xht index fc2a16b93ae..f50b58e8fda 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-space-between.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-content-space-between.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-content: space-between</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-content: space-between; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-content") == - "space-between"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-content"), + "space-between"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-baseline.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-baseline.xht index 1149c8cb41e..41edcef2d96 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-baseline.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-baseline.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: baseline</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-items: baseline; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-items") == - "baseline"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-items"), + "baseline"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-center.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-center.xht index 6c1b5192c07..228797ba890 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-center.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-center.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: center</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-items: center; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-items") == - "center"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-items"), + "center"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-flex-end.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-flex-end.xht index ba289fff689..92d0fba1d8f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-flex-end.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-flex-end.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: flex-end</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-items: flex-end; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-items") == - "flex-end"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-items"), + "flex-end"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-flex-start.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-flex-start.xht index 4c5c4afb125..5a73e9a4ff9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-flex-start.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-flex-start.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: flex-start</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-items: flex-start; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-items") == - "flex-start"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-items"), + "flex-start"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-invalid.xht index b14879c4d2c..18276c89b99 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-invalid.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-invalid.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: invalid</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-items: damer; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-items") == - "stretch"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-items"), + "stretch"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-stretch.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-stretch.xht index bc298f41b06..5f47e9af1a6 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-stretch.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-items-stretch.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: stretch</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-items: stretch; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-items") == - "stretch"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-items"), + "stretch"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-baseline.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-baseline.xht index 0a5f5d909d0..cb340a57aeb 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-baseline.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-baseline.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: baseline</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-self: baseline; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-self") == - "baseline"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-self"), + "baseline"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-center.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-center.xht index c695eb89dc7..4038d432589 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-center.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-center.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: center</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-self: center; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-self") == - "center"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-self"), + "center"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-flex-end.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-flex-end.xht index 9d17c940002..92f7b698894 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-flex-end.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-flex-end.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: flex-end</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-self: flex-end; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-self") == - "flex-end"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-self"), + "flex-end"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-flex-start.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-flex-start.xht index a30b5f0ca80..e51919c0afa 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-flex-start.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-flex-start.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: flex-start</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-self: flex-start; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-self") == - "flex-start"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-self"), + "flex-start"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-invalid.xht index 438f4f84d60..89da22b18a6 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-invalid.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-invalid.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: invalid</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-self: damer; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-self") == - "stretch"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-self"), + "stretch"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-stretch.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-stretch.xht index 363d32641fd..fcfe0093c8a 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-stretch.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_align-self-stretch.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: stretch</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-self: stretch; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-self") == - "stretch"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-self"), + "stretch"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_display-inline.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_display-inline.xht index f3f5b54cb8b..79074cf9544 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_display-inline.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_display-inline.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | display: inline-flex</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; display: inline-flex; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("display") == - "inline-flex"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("display"), + "inline-flex"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_display.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_display.xht index d047ef39cdc..09b08812431 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_display.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_display.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | display: flex</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; display: flex; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("display") == - "flex"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("display"), + "flex"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-0.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-0.xht index 5b2d23fe7a5..cc495e7cbad 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-0.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-0.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-basis: 0</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-basis: 0; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-basis") == - "0px"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "0px"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-0percent.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-0percent.xht index 34a9040cb8a..09e1e7fbcfc 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-0percent.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-0percent.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-basis: 0%</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-basis: 0%; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-basis") == - "0px"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "0px"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-auto.xht index d697a3c3c4d..23c3bb0e09d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-auto.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-auto.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-basis: auto</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-basis: auto; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-basis") == - "auto"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-percent.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-percent.xht index 99b0fb33b61..9d35815cc71 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-percent.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-basis-percent.xht @@ -2,7 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-basis: percent</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> html { @@ -14,15 +15,14 @@ body { margin: 0; flex-basis: 100%; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-basis") == - "100%"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "100%"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-column-reverse.xht index 79576ebd099..fdc9c3c543c 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-column-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-column-reverse.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-direction: column-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-direction: column-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-direction") == - "column-reverse"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column-reverse"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-column.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-column.xht index a1401e3059e..67a185368ae 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-column.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-column.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-direction: column</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-direction: column; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-direction") == - "column"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-invalid.xht index 215536f4ad1..c2b9a631d33 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-invalid.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-invalid.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-direction: row</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-direction: damer; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-direction") == - "row"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-row-reverse.xht index 95d40e8de57..ba5d250728e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-row-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-row-reverse.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-direction: row-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-direction: row-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-direction") == - "row-reverse"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row-reverse"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-row.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-row.xht index 63bc6715ca2..63954650144 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-row.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-direction-row.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-direction: row</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-direction: row; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-direction") == - "row"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht index dc03e2fc99b..f1da8a7c73b 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: column nowrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "column" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht index b780ef5f9b9..904b5f50c93 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: column-reverse nowrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "column-reverse" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column-reverse"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht index 41983dcb580..8f4b4cb0e83 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: column-reverse wrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "column-reverse" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column-reverse"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht index e5031c4c7e4..486c1c41bbb 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht @@ -3,24 +3,24 @@ <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: column-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "column-reverse" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column-reverse"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht index b6afc4e23e8..fe65c414642 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: column wrap-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "column" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap-reverse"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap-reverse"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht index f23defe8eee..a73a4674f3d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: column wrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "column" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column.xht index 411de5e2141..dc0bcf3d0e5 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column.xht @@ -3,24 +3,24 @@ <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: column; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "column" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht index dfb1dd34923..8d0c1898b73 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht @@ -3,24 +3,24 @@ <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: nowrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht index 64606952cc3..19a7b3f0c87 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: row nowrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht index 30dd90233e7..9d623705eed 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: row-reverse nowrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row-reverse" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row-reverse"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht index f50c9996ca0..60883ba66ee 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: row-reverse wrap-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row-reverse" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap-reverse"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row-reverse"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap-reverse"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht index e729562dd2d..be1c297a3ca 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: row-reverse wrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row-reverse" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row-reverse"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht index d6b4076c965..a12ac52f03f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht @@ -3,24 +3,24 @@ <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: row-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row-reverse" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row-reverse"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht index 4862ffc363c..352f00c368e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: row wrap-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap-reverse"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap-reverse"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht index 5f4a8f5246f..57d74f782bb 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: row wrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row.xht index dc01661420b..a1c8b7e5ce6 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row.xht @@ -3,24 +3,24 @@ <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: row; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-wrap.xht index ec4e2b4f29f..10ef6f6121f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-wrap.xht @@ -3,24 +3,24 @@ <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: wrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-0.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-0.xht index 30ba3c11bc3..853a8822641 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-0.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-0.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-grow: 0</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-grow: 0; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-grow") == - "0"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "0"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-invalid.xht index c9509d7d419..cbb2ecd8162 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-invalid.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-invalid.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-grow: negative</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-grow: -1; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-grow") == - "0"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "0"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-number.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-number.xht index 1324d8890db..aa1a3e7a849 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-number.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-grow-number.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-grow: number</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-grow: 666; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-grow") == - "666"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "666"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-0-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-0-auto.xht index 6a97bb272c1..fb7acc33276 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-0-auto.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-0-auto.xht @@ -2,26 +2,26 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: 0 auto</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex: initial; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-grow") == - "0" && - getComputedStyle(body).getPropertyValue("flex-shrink") == - "1" && - getComputedStyle(body).getPropertyValue("flex-basis") == - "auto"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "0"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "1"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-auto.xht index e4099b4649e..8887fb6e32a 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-auto.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-auto.xht @@ -2,26 +2,26 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: auto</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex: auto; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-grow") == - "1" && - getComputedStyle(body).getPropertyValue("flex-shrink") == - "1" && - getComputedStyle(body).getPropertyValue("flex-basis") == - "auto"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "1"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "1"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-initial.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-initial.xht index 3b2282ff62a..012d4911afa 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-initial.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-initial.xht @@ -2,26 +2,26 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: initial</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex: initial; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-grow") == - "0" && - getComputedStyle(body).getPropertyValue("flex-shrink") == - "1" && - getComputedStyle(body).getPropertyValue("flex-basis") == - "auto"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "0"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "1"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-invalid.xht index 4ca9ddccf70..d70c307995b 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-invalid.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-invalid.xht @@ -2,26 +2,26 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: invalid</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex: 0 1 1; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-grow") == - "0" && - getComputedStyle(body).getPropertyValue("flex-shrink") == - "1" && - getComputedStyle(body).getPropertyValue("flex-basis") == - "auto"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "0"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "1"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-none.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-none.xht index 11adb11feb6..23980429896 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-none.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-none.xht @@ -2,26 +2,26 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: auto</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex: none; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-grow") == - "0" && - getComputedStyle(body).getPropertyValue("flex-shrink") == - "0" && - getComputedStyle(body).getPropertyValue("flex-basis") == - "auto"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "0"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "0"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-number.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-number.xht index 7fec219048f..4cacf47d117 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-number.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand-number.xht @@ -2,26 +2,26 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: number</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex: 666; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-grow") == - "666" && - getComputedStyle(body).getPropertyValue("flex-shrink") == - "1" && - getComputedStyle(body).getPropertyValue("flex-basis") == - "0px"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "666"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "1"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "0px"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand.xht index bd64f739664..9c82ed56fe8 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shorthand.xht @@ -2,26 +2,26 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: invalid</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex: 666 666 666px; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-grow") == - "666" && - getComputedStyle(body).getPropertyValue("flex-shrink") == - "666" && - getComputedStyle(body).getPropertyValue("flex-basis") == - "666px"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "666"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "666"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "666px"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-0.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-0.xht index 9982e93d0b4..43e6601f7a4 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-0.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-0.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-shrink: 0</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-shrink: 0; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-shrink") == - "0"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "0"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-invalid.xht index 49a521b9d81..0fb7c36f9e7 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-invalid.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-invalid.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-shrink: negative</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-shrink: -1; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-shrink") == - "1"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "1"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-number.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-number.xht index 9c9033a813e..b6291c82d8e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-number.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-shrink-number.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-shrink: number</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-shrink: 666; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-shrink") == - "666"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "666"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-invalid.xht index 6d8e2de0b1e..e8bd5085cab 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-invalid.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-invalid.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-wrap: wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-wrap: damer; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-nowrap.xht index 52d7ee33660..61e632a0418 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-nowrap.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-wrap: nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-wrap: nowrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-wrap-reverse.xht index 1fc24a960b6..dc1ec15a11d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-wrap-reverse.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-wrap: wrap-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-wrap: wrap-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap-reverse"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap-reverse"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-wrap.xht index fe409a89b1c..620e78d4f4f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-wrap-wrap.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-wrap: wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-wrap: wrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-center.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-center.xht index 905cee8eb37..4f65fd960ea 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-center.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-center.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | justify-content: center</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; justify-content: center; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("justify-content") == - "center"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("justify-content"), + "center"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-flex-end.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-flex-end.xht index 4df25aab166..201dce65513 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-flex-end.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-flex-end.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | justify-content: flex-end</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; justify-content: flex-end; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("justify-content") == - "flex-end"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("justify-content"), + "flex-end"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-flex-start.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-flex-start.xht index cfb961ec8ec..5ac96c540fe 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-flex-start.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-flex-start.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | justify-content: flex-start</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; justify-content: flex-start; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("justify-content") == - "flex-start"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("justify-content"), + "flex-start"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-space-around.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-space-around.xht index 37556baa3f4..60d7f68cad1 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-space-around.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-space-around.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | justify-content: space-around</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; justify-content: space-around; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("justify-content") == - "space-around"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("justify-content"), + "space-around"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-space-between.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-space-between.xht index 36c40876140..6d836f5801f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-space-between.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_justify-content-space-between.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | justify-content: space-between</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; justify-content: space-between; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("justify-content") == - "space-between"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("justify-content"), + "space-between"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_min-height-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_min-height-auto.xht index fd93e55fc46..7c3e94f01e4 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_min-height-auto.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_min-height-auto.xht @@ -2,7 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | min-height: auto</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> html { @@ -13,15 +14,14 @@ body { color: red; min-height: auto; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("min-height") == - "auto"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("min-height"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_min-width-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_min-width-auto.xht index 2d74b7fa9bd..99050dff8ab 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_min-width-auto.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_min-width-auto.xht @@ -2,7 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | min-width: auto</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> html { @@ -12,15 +13,14 @@ body { color: red; min-width: auto; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("min-width") == - "auto"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("min-width"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-inherit.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-inherit.xht index bedd5d5be4a..eb0021b6e36 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-inherit.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-inherit.xht @@ -2,7 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | order: -1</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> html { @@ -12,15 +13,14 @@ body { color: red; order: inherit; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("order") == - "666"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("order"), + "666"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-integer.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-integer.xht index 8aba8719635..f41d3db40cc 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-integer.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-integer.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | order: integer</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; order: 5; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("order") == - "5"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("order"), + "5"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-invalid.xht index 7f6bdb3c293..3a6374f78d9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-invalid.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-invalid.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | order: noninteger</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; order: 1.5; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("order") == - "0"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("order"), + "0"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-negative.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-negative.xht index 84a52d59932..b8256ed660a 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-negative.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order-negative.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | order: -1</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; order: -1; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("order") == - "-1"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("order"), + "-1"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order.xht index 0faa443406b..829b76a3c01 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_order.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | order: 0</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; order: 0; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("order") == - "0"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("order"), + "0"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-001-ref.xht new file mode 100644 index 00000000000..0e26061412a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-001-ref.xht @@ -0,0 +1,121 @@ +<!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> + <meta charset="utf-8" /> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <style> + .flexbox { + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + vertical-align: top; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" /> + </div> + <br /> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 30px" /> + </div> + <br /> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 34px" /> + </div> + <br /> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 6px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 6px" /> + </div> + <br /> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px" /> + </div> + <br /> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px" /> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-003-ref.xht new file mode 100644 index 00000000000..2b575ceb334 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-003-ref.xht @@ -0,0 +1,122 @@ +<!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> + <meta charset="utf-8" /> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <style> + .flexbox { + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + vertical-align: top; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 16px; + height: 40px" /> + </div> + <br /> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 40px" /> + </div> + <br /> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 40px" /> + </div> + <br /> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 6px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 10px" /> + </div> + <br /> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 40px" /> + </div> + <br /> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 40px" /> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-004-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-004-ref.xht new file mode 100644 index 00000000000..5f975f642e3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-004-ref.xht @@ -0,0 +1,122 @@ +<!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> + <meta charset="utf-8" /> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <style> + .flexbox { + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + vertical-align: top; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 16px" /> + </div> + <br /> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 30px" /> + </div> + <br /> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 34px" /> + </div> + <br /> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 6px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 6px" /> + </div> + <br /> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px" /> + </div> + <br /> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px" /> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-005-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-005-ref.xht new file mode 100644 index 00000000000..7674aac0d34 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-005-ref.xht @@ -0,0 +1,122 @@ +<!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> + <meta charset="utf-8" /> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <style> + .flexbox { + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + vertical-align: top; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <br /> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <br /> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <br /> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 6px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 6px" /> + </div> + <br /> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px" /> + </div> + <br /> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-006-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-006-ref.xht new file mode 100644 index 00000000000..1f7a24a1173 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-intrinsic-ratio-006-ref.xht @@ -0,0 +1,122 @@ +<!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> + <meta charset="utf-8" /> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <style> + .flexbox { + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + vertical-align: top; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <br /> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <br /> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <br /> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 6px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 10px" /> + </div> + <br /> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 40px" /> + </div> + <br /> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 40px" /> + </div> + + +</body></html>
\ No newline at end of file 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 1719d74d30d..4d8ed427a4a 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 @@ -1720,6 +1720,54 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="flexbox-intrinsic-ratio-001" class=""> + <tr> + <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio."> + <a href="flexbox-intrinsic-ratio-001.xht">flexbox-intrinsic-ratio-001</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-intrinsic-ratio-002" class=""> + <tr> + <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio."> + <a href="flexbox-intrinsic-ratio-002.xht">flexbox-intrinsic-ratio-002</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-intrinsic-ratio-003" class=""> + <tr> + <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio."> + <a href="flexbox-intrinsic-ratio-003.xht">flexbox-intrinsic-ratio-003</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-003-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-intrinsic-ratio-004" class=""> + <tr> + <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio."> + <a href="flexbox-intrinsic-ratio-004.xht">flexbox-intrinsic-ratio-004</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-004-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-intrinsic-ratio-005" class=""> + <tr> + <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio."> + <a href="flexbox-intrinsic-ratio-005.xht">flexbox-intrinsic-ratio-005</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-005-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-intrinsic-ratio-006" class=""> + <tr> + <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio."> + <a href="flexbox-intrinsic-ratio-006.xht">flexbox-intrinsic-ratio-006</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-006-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="flexbox-items-as-stacking-contexts-001" class=""> <tr> <td rowspan="1" title="Testing that 'z-index' property makes flex items form stacking contexts"> @@ -2528,598 +2576,6 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="flexbox_computedstyle_align-content-center" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-content: center"> - <a href="flexbox_computedstyle_align-content-center.xht">flexbox_computedstyle_align-content-center</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-content-flex-end" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-content: flex-end"> - <a href="flexbox_computedstyle_align-content-flex-end.xht">flexbox_computedstyle_align-content-flex-end</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-content-flex-start" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-content: flex-start"> - <a href="flexbox_computedstyle_align-content-flex-start.xht">flexbox_computedstyle_align-content-flex-start</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-content-space-around" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-content: space-around"> - <a href="flexbox_computedstyle_align-content-space-around.xht">flexbox_computedstyle_align-content-space-around</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-content-space-between" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-content: space-between"> - <a href="flexbox_computedstyle_align-content-space-between.xht">flexbox_computedstyle_align-content-space-between</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-items-baseline" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-items: baseline"> - <a href="flexbox_computedstyle_align-items-baseline.xht">flexbox_computedstyle_align-items-baseline</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-items-center" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-items: center"> - <a href="flexbox_computedstyle_align-items-center.xht">flexbox_computedstyle_align-items-center</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-items-flex-end" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-items: flex-end"> - <a href="flexbox_computedstyle_align-items-flex-end.xht">flexbox_computedstyle_align-items-flex-end</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-items-flex-start" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-items: flex-start"> - <a href="flexbox_computedstyle_align-items-flex-start.xht">flexbox_computedstyle_align-items-flex-start</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-items-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-items: invalid"> - <a href="flexbox_computedstyle_align-items-invalid.xht">flexbox_computedstyle_align-items-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-items-stretch" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-items: stretch"> - <a href="flexbox_computedstyle_align-items-stretch.xht">flexbox_computedstyle_align-items-stretch</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-self-baseline" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-self: baseline"> - <a href="flexbox_computedstyle_align-self-baseline.xht">flexbox_computedstyle_align-self-baseline</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-self-center" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-self: center"> - <a href="flexbox_computedstyle_align-self-center.xht">flexbox_computedstyle_align-self-center</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-self-flex-end" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-self: flex-end"> - <a href="flexbox_computedstyle_align-self-flex-end.xht">flexbox_computedstyle_align-self-flex-end</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-self-flex-start" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-self: flex-start"> - <a href="flexbox_computedstyle_align-self-flex-start.xht">flexbox_computedstyle_align-self-flex-start</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-self-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-self: invalid"> - <a href="flexbox_computedstyle_align-self-invalid.xht">flexbox_computedstyle_align-self-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-self-stretch" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-self: stretch"> - <a href="flexbox_computedstyle_align-self-stretch.xht">flexbox_computedstyle_align-self-stretch</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_display" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | display: flex"> - <a href="flexbox_computedstyle_display.xht">flexbox_computedstyle_display</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_display-inline" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | display: inline-flex"> - <a href="flexbox_computedstyle_display-inline.xht">flexbox_computedstyle_display-inline</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-basis-0" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-basis: 0"> - <a href="flexbox_computedstyle_flex-basis-0.xht">flexbox_computedstyle_flex-basis-0</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-basis-0percent" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-basis: 0%"> - <a href="flexbox_computedstyle_flex-basis-0percent.xht">flexbox_computedstyle_flex-basis-0percent</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-basis-auto" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-basis: auto"> - <a href="flexbox_computedstyle_flex-basis-auto.xht">flexbox_computedstyle_flex-basis-auto</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-basis-percent" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-basis: percent"> - <a href="flexbox_computedstyle_flex-basis-percent.xht">flexbox_computedstyle_flex-basis-percent</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-direction-column" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-direction: column"> - <a href="flexbox_computedstyle_flex-direction-column.xht">flexbox_computedstyle_flex-direction-column</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-direction-column-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-direction: column-reverse"> - <a href="flexbox_computedstyle_flex-direction-column-reverse.xht">flexbox_computedstyle_flex-direction-column-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-direction-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-direction: row"> - <a href="flexbox_computedstyle_flex-direction-invalid.xht">flexbox_computedstyle_flex-direction-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-direction-row" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-direction: row"> - <a href="flexbox_computedstyle_flex-direction-row.xht">flexbox_computedstyle_flex-direction-row</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-direction-row-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-direction: row-reverse"> - <a href="flexbox_computedstyle_flex-direction-row-reverse.xht">flexbox_computedstyle_flex-direction-row-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-column" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: column"> - <a href="flexbox_computedstyle_flex-flow-column.xht">flexbox_computedstyle_flex-flow-column</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-column-nowrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: column nowrap"> - <a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-column-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: column-reverse"> - <a href="flexbox_computedstyle_flex-flow-column-reverse.xht">flexbox_computedstyle_flex-flow-column-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-column-reverse-nowrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: column-reverse nowrap"> - <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-column-reverse-wrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: column-reverse wrap"> - <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-column-wrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: column wrap"> - <a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-column-wrap-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: column wrap-reverse"> - <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-nowrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: nowrap"> - <a href="flexbox_computedstyle_flex-flow-nowrap.xht">flexbox_computedstyle_flex-flow-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row"> - <a href="flexbox_computedstyle_flex-flow-row.xht">flexbox_computedstyle_flex-flow-row</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row-nowrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row nowrap"> - <a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row-reverse"> - <a href="flexbox_computedstyle_flex-flow-row-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row-reverse-nowrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row-reverse nowrap"> - <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row-reverse-wrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row-reverse wrap"> - <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row-reverse wrap-reverse"> - <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row-wrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row wrap"> - <a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row-wrap-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row wrap-reverse"> - <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-wrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: wrap"> - <a href="flexbox_computedstyle_flex-flow-wrap.xht">flexbox_computedstyle_flex-flow-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-grow-0" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-grow: 0"> - <a href="flexbox_computedstyle_flex-grow-0.xht">flexbox_computedstyle_flex-grow-0</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-grow-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-grow: negative"> - <a href="flexbox_computedstyle_flex-grow-invalid.xht">flexbox_computedstyle_flex-grow-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-grow-number" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-grow: number"> - <a href="flexbox_computedstyle_flex-grow-number.xht">flexbox_computedstyle_flex-grow-number</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shorthand" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex: invalid"> - <a href="flexbox_computedstyle_flex-shorthand.xht">flexbox_computedstyle_flex-shorthand</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shorthand-0-auto" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex: 0 auto"> - <a href="flexbox_computedstyle_flex-shorthand-0-auto.xht">flexbox_computedstyle_flex-shorthand-0-auto</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shorthand-auto" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex: auto"> - <a href="flexbox_computedstyle_flex-shorthand-auto.xht">flexbox_computedstyle_flex-shorthand-auto</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shorthand-initial" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex: initial"> - <a href="flexbox_computedstyle_flex-shorthand-initial.xht">flexbox_computedstyle_flex-shorthand-initial</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shorthand-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex: invalid"> - <a href="flexbox_computedstyle_flex-shorthand-invalid.xht">flexbox_computedstyle_flex-shorthand-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shorthand-none" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex: auto"> - <a href="flexbox_computedstyle_flex-shorthand-none.xht">flexbox_computedstyle_flex-shorthand-none</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shorthand-number" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex: number"> - <a href="flexbox_computedstyle_flex-shorthand-number.xht">flexbox_computedstyle_flex-shorthand-number</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shrink-0" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-shrink: 0"> - <a href="flexbox_computedstyle_flex-shrink-0.xht">flexbox_computedstyle_flex-shrink-0</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shrink-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-shrink: negative"> - <a href="flexbox_computedstyle_flex-shrink-invalid.xht">flexbox_computedstyle_flex-shrink-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shrink-number" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-shrink: number"> - <a href="flexbox_computedstyle_flex-shrink-number.xht">flexbox_computedstyle_flex-shrink-number</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-wrap-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-wrap: wrap"> - <a href="flexbox_computedstyle_flex-wrap-invalid.xht">flexbox_computedstyle_flex-wrap-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-wrap-nowrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-wrap: nowrap"> - <a href="flexbox_computedstyle_flex-wrap-nowrap.xht">flexbox_computedstyle_flex-wrap-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-wrap-wrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-wrap: wrap"> - <a href="flexbox_computedstyle_flex-wrap-wrap.xht">flexbox_computedstyle_flex-wrap-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-wrap-wrap-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-wrap: wrap-reverse"> - <a href="flexbox_computedstyle_flex-wrap-wrap-reverse.xht">flexbox_computedstyle_flex-wrap-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_justify-content-center" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | justify-content: center"> - <a href="flexbox_computedstyle_justify-content-center.xht">flexbox_computedstyle_justify-content-center</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_justify-content-flex-end" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | justify-content: flex-end"> - <a href="flexbox_computedstyle_justify-content-flex-end.xht">flexbox_computedstyle_justify-content-flex-end</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_justify-content-flex-start" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | justify-content: flex-start"> - <a href="flexbox_computedstyle_justify-content-flex-start.xht">flexbox_computedstyle_justify-content-flex-start</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_justify-content-space-around" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | justify-content: space-around"> - <a href="flexbox_computedstyle_justify-content-space-around.xht">flexbox_computedstyle_justify-content-space-around</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_justify-content-space-between" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | justify-content: space-between"> - <a href="flexbox_computedstyle_justify-content-space-between.xht">flexbox_computedstyle_justify-content-space-between</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_min-height-auto" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | min-height: auto"> - <a href="flexbox_computedstyle_min-height-auto.xht">flexbox_computedstyle_min-height-auto</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_min-width-auto" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | min-width: auto"> - <a href="flexbox_computedstyle_min-width-auto.xht">flexbox_computedstyle_min-width-auto</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_order" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | order: 0"> - <a href="flexbox_computedstyle_order.xht">flexbox_computedstyle_order</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_order-inherit" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | order: -1"> - <a href="flexbox_computedstyle_order-inherit.xht">flexbox_computedstyle_order-inherit</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_order-integer" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | order: integer"> - <a href="flexbox_computedstyle_order-integer.xht">flexbox_computedstyle_order-integer</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_order-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | order: noninteger"> - <a href="flexbox_computedstyle_order-invalid.xht">flexbox_computedstyle_order-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_order-negative" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | order: -1"> - <a href="flexbox_computedstyle_order-negative.xht">flexbox_computedstyle_order-negative</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> <tbody id="flexbox_direction-column" class=""> <tr> <td rowspan="1" title="flexbox | flex-direction: column"> 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 51deb4f4cf7..11566357752 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 @@ -211,6 +211,12 @@ flexbox-flex-wrap-vert-001.xht == reference/flexbox-flex-wrap-vert-001-ref.xht flexbox-flex-wrap-vert-002.xht == reference/flexbox-flex-wrap-vert-002-ref.xht flexbox-flex-wrap-wrap.xht == reference/flexbox-flex-direction-ref.xht flexbox-flex-wrap-wrap-reverse.xht == reference/flexbox-flex-direction-ref.xht +flexbox-intrinsic-ratio-001.xht == reference/flexbox-intrinsic-ratio-001-ref.xht +flexbox-intrinsic-ratio-002.xht == reference/flexbox-intrinsic-ratio-001-ref.xht +flexbox-intrinsic-ratio-003.xht == reference/flexbox-intrinsic-ratio-003-ref.xht +flexbox-intrinsic-ratio-004.xht == reference/flexbox-intrinsic-ratio-004-ref.xht +flexbox-intrinsic-ratio-005.xht == reference/flexbox-intrinsic-ratio-005-ref.xht +flexbox-intrinsic-ratio-006.xht == reference/flexbox-intrinsic-ratio-006-ref.xht flexbox-items-as-stacking-contexts-001.xht == reference/flexbox-items-as-stacking-contexts-001-ref.xht flexbox-items-as-stacking-contexts-002.xht == reference/flexbox-items-as-stacking-contexts-002-ref.xht flexbox-items-as-stacking-contexts-003.xht == reference/flexbox-items-as-stacking-contexts-003-ref.xht @@ -312,80 +318,6 @@ flexbox_box-clear.xht == reference/flexbox_box-clear-ref.xht flexbox_columns.xht == reference/flexbox_columns-ref.xht flexbox_columns-flexitems.xht == reference/flexbox_columns-flexitems-ref.xht flexbox_columns-flexitems-2.xht == reference/flexbox_columns-flexitems-2-ref.xht -flexbox_computedstyle_align-content-center.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-content-flex-end.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-content-flex-start.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-content-space-around.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-content-space-between.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-items-baseline.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-items-center.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-items-flex-end.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-items-flex-start.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-items-invalid.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-items-stretch.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-self-baseline.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-self-center.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-self-flex-end.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-self-flex-start.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-self-invalid.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-self-stretch.xht == reference/ref-pass-body.xht -flexbox_computedstyle_display.xht == reference/ref-pass-body.xht -flexbox_computedstyle_display-inline.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-basis-0.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-basis-0percent.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-basis-auto.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-basis-percent.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-direction-column.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-direction-column-reverse.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-direction-invalid.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-direction-row.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-direction-row-reverse.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-column.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-column-nowrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-column-reverse.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-column-reverse-wrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-column-wrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-column-wrap-reverse.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-nowrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-row.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-row-nowrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-row-reverse.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-row-reverse-wrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-row-wrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-row-wrap-reverse.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-wrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-grow-0.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-grow-invalid.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-grow-number.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-shorthand.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-shorthand-0-auto.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-shorthand-auto.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-shorthand-initial.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-shorthand-invalid.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-shorthand-none.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-shorthand-number.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-shrink-0.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-shrink-invalid.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-shrink-number.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-wrap-invalid.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-wrap-nowrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-wrap-wrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-wrap-wrap-reverse.xht == reference/ref-pass-body.xht -flexbox_computedstyle_justify-content-center.xht == reference/ref-pass-body.xht -flexbox_computedstyle_justify-content-flex-end.xht == reference/ref-pass-body.xht -flexbox_computedstyle_justify-content-flex-start.xht == reference/ref-pass-body.xht -flexbox_computedstyle_justify-content-space-around.xht == reference/ref-pass-body.xht -flexbox_computedstyle_justify-content-space-between.xht == reference/ref-pass-body.xht -flexbox_computedstyle_min-height-auto.xht == reference/ref-pass-body.xht -flexbox_computedstyle_min-width-auto.xht == reference/ref-pass-body.xht -flexbox_computedstyle_order.xht == reference/ref-pass-body.xht -flexbox_computedstyle_order-inherit.xht == reference/ref-pass-body.xht -flexbox_computedstyle_order-integer.xht == reference/ref-pass-body.xht -flexbox_computedstyle_order-invalid.xht == reference/ref-pass-body.xht -flexbox_computedstyle_order-negative.xht == reference/ref-pass-body.xht flexbox_direction-column.xht == reference/flexbox_direction-column-ref.xht flexbox_direction-column-reverse.xht == reference/flexbox_direction-column-reverse-ref.xht flexbox_direction-row-reverse.xht == reference/flexbox_direction-row-reverse-ref.xht diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/toc.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/toc.xht index 0569a941892..106d90da5e1 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 @@ -62,7 +62,7 @@ <tbody id="s9"> <tr><th><a href="chapter-9.xht">Chapter 9 - Flex Layout Algorithm</a></th> - <td>(68 Tests)</td></tr> + <td>(74 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/chapter-2.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-2.xht index 8475923e92e..e2cbbcf226b 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 @@ -303,43 +303,43 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_flex-direction-column-2.#flex-direction" class="dom"> + <tr id="flexbox_computedstyle_flex-direction-column-2.#flex-direction" class="dom script"> <td> <a href="flexbox_computedstyle_flex-direction-column.xht">flexbox_computedstyle_flex-direction-column</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-direction: column </td> </tr> - <tr id="flexbox_computedstyle_flex-direction-column-reverse-2.#flex-direction" class="dom"> + <tr id="flexbox_computedstyle_flex-direction-column-reverse-2.#flex-direction" class="dom script"> <td> <a href="flexbox_computedstyle_flex-direction-column-reverse.xht">flexbox_computedstyle_flex-direction-column-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-direction: column-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-direction-invalid-2.#flex-direction" class="dom"> + <tr id="flexbox_computedstyle_flex-direction-invalid-2.#flex-direction" class="dom script"> <td> <a href="flexbox_computedstyle_flex-direction-invalid.xht">flexbox_computedstyle_flex-direction-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-direction: row </td> </tr> - <tr id="flexbox_computedstyle_flex-direction-row-2.#flex-direction" class="dom"> + <tr id="flexbox_computedstyle_flex-direction-row-2.#flex-direction" class="dom script"> <td> <a href="flexbox_computedstyle_flex-direction-row.xht">flexbox_computedstyle_flex-direction-row</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-direction: row </td> </tr> - <tr id="flexbox_computedstyle_flex-direction-row-reverse-2.#flex-direction" class="dom"> + <tr id="flexbox_computedstyle_flex-direction-row-reverse-2.#flex-direction" class="dom script"> <td> <a href="flexbox_computedstyle_flex-direction-row-reverse.xht">flexbox_computedstyle_flex-direction-row-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-direction: row-reverse </td> </tr> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-3.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-3.xht index 902d9d2647d..a65b45002be 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-3.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-3.xht @@ -180,19 +180,19 @@ <td>flexbox | multicol on flexbox items </td> </tr> - <tr id="flexbox_computedstyle_display-3" class="dom"> + <tr id="flexbox_computedstyle_display-3" class="dom script"> <td> <a href="flexbox_computedstyle_display.xht">flexbox_computedstyle_display</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | display: flex </td> </tr> - <tr id="flexbox_computedstyle_display-inline-3" class="dom"> + <tr id="flexbox_computedstyle_display-inline-3" class="dom script"> <td> <a href="flexbox_computedstyle_display-inline.xht">flexbox_computedstyle_display-inline</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | display: inline-flex </td> </tr> 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 563a03b7463..4edc0ed2814 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 @@ -713,19 +713,19 @@ <td>Testing min-width:auto & 'overflow' interaction </td> </tr> - <tr id="flexbox_computedstyle_min-height-auto-4.5" class="dom"> + <tr id="flexbox_computedstyle_min-height-auto-4.5" class="dom script"> <td> <a href="flexbox_computedstyle_min-height-auto.xht">flexbox_computedstyle_min-height-auto</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | min-height: auto </td> </tr> - <tr id="flexbox_computedstyle_min-width-auto-4.5" class="dom"> + <tr id="flexbox_computedstyle_min-width-auto-4.5" class="dom script"> <td> <a href="flexbox_computedstyle_min-width-auto.xht">flexbox_computedstyle_min-width-auto</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | min-width: auto </td> </tr> 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 8295d407891..133d225046d 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 @@ -347,35 +347,35 @@ </tbody> <tbody id="s5.1.#valdef-flex-direction-column"> <!-- 6 tests --> - <tr id="flexbox_computedstyle_flex-flow-column-5.1.#valdef-flex-direction-column" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-5.1.#valdef-flex-direction-column" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column.xht">flexbox_computedstyle_flex-flow-column</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.1.#valdef-flex-direction-column" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.1.#valdef-flex-direction-column" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.1.#valdef-flex-direction-column" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.1.#valdef-flex-direction-column" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.1.#valdef-flex-direction-column" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.1.#valdef-flex-direction-column" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column wrap-reverse </td> </tr> @@ -398,27 +398,27 @@ </tbody> <tbody id="s5.1.#valdef-flex-direction-column-reverse"> <!-- 5 tests --> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-5.1.#valdef-flex-direction-column-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-5.1.#valdef-flex-direction-column-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse.xht">flexbox_computedstyle_flex-flow-column-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.1.#valdef-flex-direction-column-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.1.#valdef-flex-direction-column-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.1.#valdef-flex-direction-column-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.1.#valdef-flex-direction-column-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse wrap </td> </tr> @@ -441,70 +441,70 @@ </tbody> <tbody id="s5.1.#valdef-flex-direction-row"> <!-- 4 tests --> - <tr id="flexbox_computedstyle_flex-flow-row-5.1.#valdef-flex-direction-row" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-5.1.#valdef-flex-direction-row" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row.xht">flexbox_computedstyle_flex-flow-row</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.1.#valdef-flex-direction-row" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.1.#valdef-flex-direction-row" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.1.#valdef-flex-direction-row" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.1.#valdef-flex-direction-row" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.1.#valdef-flex-direction-row" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.1.#valdef-flex-direction-row" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row wrap-reverse </td> </tr> </tbody> <tbody id="s5.1.#valdef-flex-direction-row-reverse"> <!-- 4 tests --> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.1.#valdef-flex-direction-row-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.1.#valdef-flex-direction-row-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse wrap-reverse </td> </tr> @@ -829,35 +829,35 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_flex-wrap-invalid-5.2.#propdef-flex-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-wrap-invalid-5.2.#propdef-flex-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-wrap-invalid.xht">flexbox_computedstyle_flex-wrap-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-wrap: wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-wrap-nowrap-5.2.#propdef-flex-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-wrap-nowrap-5.2.#propdef-flex-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-wrap-nowrap.xht">flexbox_computedstyle_flex-wrap-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-wrap: nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-wrap-wrap-5.2.#propdef-flex-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-wrap-wrap-5.2.#propdef-flex-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-wrap-wrap.xht">flexbox_computedstyle_flex-wrap-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-wrap: wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-wrap-wrap-reverse-5.2.#propdef-flex-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-wrap-wrap-reverse-5.2.#propdef-flex-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-wrap-wrap-reverse.xht">flexbox_computedstyle_flex-wrap-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-wrap: wrap-reverse </td> </tr> @@ -962,86 +962,86 @@ </tbody> <tbody id="s5.2.#valdef-flex-wrap-nowrap"> <!-- 5 tests --> - <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-nowrap.xht">flexbox_computedstyle_flex-flow-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse nowrap </td> </tr> </tbody> <tbody id="s5.2.#valdef-flex-wrap-wrap"> <!-- 6 tests --> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-wrap-5.2.#valdef-flex-wrap-wrap" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-wrap.xht">flexbox_computedstyle_flex-flow-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: wrap </td> </tr> @@ -1056,27 +1056,27 @@ </tbody> <tbody id="s5.2.#valdef-flex-wrap-wrap-reverse"> <!-- 5 tests --> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column wrap-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse wrap-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row wrap-reverse </td> </tr> @@ -1418,139 +1418,139 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column.xht">flexbox_computedstyle_flex-flow-column</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse.xht">flexbox_computedstyle_flex-flow-column-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column-reverse wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: column wrap-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-nowrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-nowrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-nowrap.xht">flexbox_computedstyle_flex-flow-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row.xht">flexbox_computedstyle_flex-flow-row</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse nowrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row-reverse wrap-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row wrap </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: row wrap-reverse </td> </tr> - <tr id="flexbox_computedstyle_flex-flow-wrap-5.3.#propdef-flex-flow" class="dom"> + <tr id="flexbox_computedstyle_flex-flow-wrap-5.3.#propdef-flex-flow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-flow-wrap.xht">flexbox_computedstyle_flex-flow-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-flow: wrap </td> </tr> @@ -1834,43 +1834,43 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_order-5.4.#propdef-order" class="dom"> + <tr id="flexbox_computedstyle_order-5.4.#propdef-order" class="dom script"> <td> <a href="flexbox_computedstyle_order.xht">flexbox_computedstyle_order</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | order: 0 </td> </tr> - <tr id="flexbox_computedstyle_order-inherit-5.4.#propdef-order" class="dom"> + <tr id="flexbox_computedstyle_order-inherit-5.4.#propdef-order" class="dom script"> <td> <a href="flexbox_computedstyle_order-inherit.xht">flexbox_computedstyle_order-inherit</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | order: -1 </td> </tr> - <tr id="flexbox_computedstyle_order-integer-5.4.#propdef-order" class="dom"> + <tr id="flexbox_computedstyle_order-integer-5.4.#propdef-order" class="dom script"> <td> <a href="flexbox_computedstyle_order-integer.xht">flexbox_computedstyle_order-integer</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | order: integer </td> </tr> - <tr id="flexbox_computedstyle_order-invalid-5.4.#propdef-order" class="dom"> + <tr id="flexbox_computedstyle_order-invalid-5.4.#propdef-order" class="dom script"> <td> <a href="flexbox_computedstyle_order-invalid.xht">flexbox_computedstyle_order-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | order: noninteger </td> </tr> - <tr id="flexbox_computedstyle_order-negative-5.4.#propdef-order" class="dom"> + <tr id="flexbox_computedstyle_order-negative-5.4.#propdef-order" class="dom script"> <td> <a href="flexbox_computedstyle_order-negative.xht">flexbox_computedstyle_order-negative</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | order: -1 </td> </tr> 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 2b714103995..9be2c5a47c8 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 @@ -863,59 +863,59 @@ </tbody> <tbody id="s7.1.#propdef-flex"> <!-- 7 tests --> - <tr id="flexbox_computedstyle_flex-shorthand-7.1.#propdef-flex" class="dom"> + <tr id="flexbox_computedstyle_flex-shorthand-7.1.#propdef-flex" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shorthand.xht">flexbox_computedstyle_flex-shorthand</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex: invalid </td> </tr> - <tr id="flexbox_computedstyle_flex-shorthand-0-auto-7.1.#propdef-flex" class="dom"> + <tr id="flexbox_computedstyle_flex-shorthand-0-auto-7.1.#propdef-flex" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shorthand-0-auto.xht">flexbox_computedstyle_flex-shorthand-0-auto</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex: 0 auto </td> </tr> - <tr id="flexbox_computedstyle_flex-shorthand-auto-7.1.#propdef-flex" class="dom"> + <tr id="flexbox_computedstyle_flex-shorthand-auto-7.1.#propdef-flex" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shorthand-auto.xht">flexbox_computedstyle_flex-shorthand-auto</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex: auto </td> </tr> - <tr id="flexbox_computedstyle_flex-shorthand-initial-7.1.#propdef-flex" class="dom"> + <tr id="flexbox_computedstyle_flex-shorthand-initial-7.1.#propdef-flex" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shorthand-initial.xht">flexbox_computedstyle_flex-shorthand-initial</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex: initial </td> </tr> - <tr id="flexbox_computedstyle_flex-shorthand-invalid-7.1.#propdef-flex" class="dom"> + <tr id="flexbox_computedstyle_flex-shorthand-invalid-7.1.#propdef-flex" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shorthand-invalid.xht">flexbox_computedstyle_flex-shorthand-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex: invalid </td> </tr> - <tr id="flexbox_computedstyle_flex-shorthand-none-7.1.#propdef-flex" class="dom"> + <tr id="flexbox_computedstyle_flex-shorthand-none-7.1.#propdef-flex" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shorthand-none.xht">flexbox_computedstyle_flex-shorthand-none</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex: auto </td> </tr> - <tr id="flexbox_computedstyle_flex-shorthand-number-7.1.#propdef-flex" class="dom"> + <tr id="flexbox_computedstyle_flex-shorthand-number-7.1.#propdef-flex" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shorthand-number.xht">flexbox_computedstyle_flex-shorthand-number</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex: number </td> </tr> @@ -1100,27 +1100,27 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_flex-grow-0-7.2.1.#propdef-flex-grow" class="dom"> + <tr id="flexbox_computedstyle_flex-grow-0-7.2.1.#propdef-flex-grow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-grow-0.xht">flexbox_computedstyle_flex-grow-0</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-grow: 0 </td> </tr> - <tr id="flexbox_computedstyle_flex-grow-invalid-7.2.1.#propdef-flex-grow" class="dom"> + <tr id="flexbox_computedstyle_flex-grow-invalid-7.2.1.#propdef-flex-grow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-grow-invalid.xht">flexbox_computedstyle_flex-grow-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-grow: negative </td> </tr> - <tr id="flexbox_computedstyle_flex-grow-number-7.2.1.#propdef-flex-grow" class="dom"> + <tr id="flexbox_computedstyle_flex-grow-number-7.2.1.#propdef-flex-grow" class="dom script"> <td> <a href="flexbox_computedstyle_flex-grow-number.xht">flexbox_computedstyle_flex-grow-number</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-grow: number </td> </tr> @@ -1221,27 +1221,27 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_flex-shrink-0-7.2.2.#propdef-flex-shrink" class="dom"> + <tr id="flexbox_computedstyle_flex-shrink-0-7.2.2.#propdef-flex-shrink" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shrink-0.xht">flexbox_computedstyle_flex-shrink-0</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-shrink: 0 </td> </tr> - <tr id="flexbox_computedstyle_flex-shrink-invalid-7.2.2.#propdef-flex-shrink" class="dom"> + <tr id="flexbox_computedstyle_flex-shrink-invalid-7.2.2.#propdef-flex-shrink" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shrink-invalid.xht">flexbox_computedstyle_flex-shrink-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-shrink: negative </td> </tr> - <tr id="flexbox_computedstyle_flex-shrink-number-7.2.2.#propdef-flex-shrink" class="dom"> + <tr id="flexbox_computedstyle_flex-shrink-number-7.2.2.#propdef-flex-shrink" class="dom script"> <td> <a href="flexbox_computedstyle_flex-shrink-number.xht">flexbox_computedstyle_flex-shrink-number</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-shrink: number </td> </tr> @@ -1270,35 +1270,35 @@ <a href="#s7.2.3">+</a> <a href="https://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.2.3" class="dom"> + <tr id="flexbox_computedstyle_flex-basis-0-7.2.3" class="dom script"> <td> <a href="flexbox_computedstyle_flex-basis-0.xht">flexbox_computedstyle_flex-basis-0</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-basis: 0 </td> </tr> - <tr id="flexbox_computedstyle_flex-basis-0percent-7.2.3" class="dom"> + <tr id="flexbox_computedstyle_flex-basis-0percent-7.2.3" class="dom script"> <td> <a href="flexbox_computedstyle_flex-basis-0percent.xht">flexbox_computedstyle_flex-basis-0percent</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-basis: 0% </td> </tr> - <tr id="flexbox_computedstyle_flex-basis-auto-7.2.3" class="dom"> + <tr id="flexbox_computedstyle_flex-basis-auto-7.2.3" class="dom script"> <td> <a href="flexbox_computedstyle_flex-basis-auto.xht">flexbox_computedstyle_flex-basis-auto</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-basis: auto </td> </tr> - <tr id="flexbox_computedstyle_flex-basis-percent-7.2.3" class="dom"> + <tr id="flexbox_computedstyle_flex-basis-percent-7.2.3" class="dom script"> <td> <a href="flexbox_computedstyle_flex-basis-percent.xht">flexbox_computedstyle_flex-basis-percent</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | flex-basis: percent </td> </tr> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-8.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-8.xht index d6e97d9d326..f766b5692b3 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 @@ -222,43 +222,43 @@ <td>flexbox |css-box-justify-content </td> </tr> - <tr id="flexbox_computedstyle_justify-content-center-8.2.#propdef-justify-content" class="dom"> + <tr id="flexbox_computedstyle_justify-content-center-8.2.#propdef-justify-content" class="dom script"> <td> <a href="flexbox_computedstyle_justify-content-center.xht">flexbox_computedstyle_justify-content-center</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | justify-content: center </td> </tr> - <tr id="flexbox_computedstyle_justify-content-flex-end-8.2.#propdef-justify-content" class="dom"> + <tr id="flexbox_computedstyle_justify-content-flex-end-8.2.#propdef-justify-content" class="dom script"> <td> <a href="flexbox_computedstyle_justify-content-flex-end.xht">flexbox_computedstyle_justify-content-flex-end</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | justify-content: flex-end </td> </tr> - <tr id="flexbox_computedstyle_justify-content-flex-start-8.2.#propdef-justify-content" class="dom"> + <tr id="flexbox_computedstyle_justify-content-flex-start-8.2.#propdef-justify-content" class="dom script"> <td> <a href="flexbox_computedstyle_justify-content-flex-start.xht">flexbox_computedstyle_justify-content-flex-start</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | justify-content: flex-start </td> </tr> - <tr id="flexbox_computedstyle_justify-content-space-around-8.2.#propdef-justify-content" class="dom"> + <tr id="flexbox_computedstyle_justify-content-space-around-8.2.#propdef-justify-content" class="dom script"> <td> <a href="flexbox_computedstyle_justify-content-space-around.xht">flexbox_computedstyle_justify-content-space-around</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | justify-content: space-around </td> </tr> - <tr id="flexbox_computedstyle_justify-content-space-between-8.2.#propdef-justify-content" class="dom"> + <tr id="flexbox_computedstyle_justify-content-space-between-8.2.#propdef-justify-content" class="dom script"> <td> <a href="flexbox_computedstyle_justify-content-space-between.xht">flexbox_computedstyle_justify-content-space-between</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | justify-content: space-between </td> </tr> @@ -1053,51 +1053,51 @@ <td>flexbox | align-self: stretch </td> </tr> - <tr id="flexbox_computedstyle_align-items-baseline-8.3.#propdef-align-items" class="dom"> + <tr id="flexbox_computedstyle_align-items-baseline-8.3.#propdef-align-items" class="dom script"> <td> <a href="flexbox_computedstyle_align-items-baseline.xht">flexbox_computedstyle_align-items-baseline</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-items: baseline </td> </tr> - <tr id="flexbox_computedstyle_align-items-center-8.3.#propdef-align-items" class="dom"> + <tr id="flexbox_computedstyle_align-items-center-8.3.#propdef-align-items" class="dom script"> <td> <a href="flexbox_computedstyle_align-items-center.xht">flexbox_computedstyle_align-items-center</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-items: center </td> </tr> - <tr id="flexbox_computedstyle_align-items-flex-end-8.3.#propdef-align-items" class="dom"> + <tr id="flexbox_computedstyle_align-items-flex-end-8.3.#propdef-align-items" class="dom script"> <td> <a href="flexbox_computedstyle_align-items-flex-end.xht">flexbox_computedstyle_align-items-flex-end</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-items: flex-end </td> </tr> - <tr id="flexbox_computedstyle_align-items-flex-start-8.3.#propdef-align-items" class="dom"> + <tr id="flexbox_computedstyle_align-items-flex-start-8.3.#propdef-align-items" class="dom script"> <td> <a href="flexbox_computedstyle_align-items-flex-start.xht">flexbox_computedstyle_align-items-flex-start</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-items: flex-start </td> </tr> - <tr id="flexbox_computedstyle_align-items-invalid-8.3.#propdef-align-items" class="dom"> + <tr id="flexbox_computedstyle_align-items-invalid-8.3.#propdef-align-items" class="dom script"> <td> <a href="flexbox_computedstyle_align-items-invalid.xht">flexbox_computedstyle_align-items-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-items: invalid </td> </tr> - <tr id="flexbox_computedstyle_align-items-stretch-8.3.#propdef-align-items" class="dom"> + <tr id="flexbox_computedstyle_align-items-stretch-8.3.#propdef-align-items" class="dom script"> <td> <a href="flexbox_computedstyle_align-items-stretch.xht">flexbox_computedstyle_align-items-stretch</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-items: stretch </td> </tr> @@ -1247,51 +1247,51 @@ </ul> </td> </tr> - <tr id="flexbox_computedstyle_align-self-baseline-8.3.#propdef-align-self" class="dom"> + <tr id="flexbox_computedstyle_align-self-baseline-8.3.#propdef-align-self" class="dom script"> <td> <a href="flexbox_computedstyle_align-self-baseline.xht">flexbox_computedstyle_align-self-baseline</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-self: baseline </td> </tr> - <tr id="flexbox_computedstyle_align-self-center-8.3.#propdef-align-self" class="dom"> + <tr id="flexbox_computedstyle_align-self-center-8.3.#propdef-align-self" class="dom script"> <td> <a href="flexbox_computedstyle_align-self-center.xht">flexbox_computedstyle_align-self-center</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-self: center </td> </tr> - <tr id="flexbox_computedstyle_align-self-flex-end-8.3.#propdef-align-self" class="dom"> + <tr id="flexbox_computedstyle_align-self-flex-end-8.3.#propdef-align-self" class="dom script"> <td> <a href="flexbox_computedstyle_align-self-flex-end.xht">flexbox_computedstyle_align-self-flex-end</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-self: flex-end </td> </tr> - <tr id="flexbox_computedstyle_align-self-flex-start-8.3.#propdef-align-self" class="dom"> + <tr id="flexbox_computedstyle_align-self-flex-start-8.3.#propdef-align-self" class="dom script"> <td> <a href="flexbox_computedstyle_align-self-flex-start.xht">flexbox_computedstyle_align-self-flex-start</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-self: flex-start </td> </tr> - <tr id="flexbox_computedstyle_align-self-invalid-8.3.#propdef-align-self" class="dom"> + <tr id="flexbox_computedstyle_align-self-invalid-8.3.#propdef-align-self" class="dom script"> <td> <a href="flexbox_computedstyle_align-self-invalid.xht">flexbox_computedstyle_align-self-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-self: invalid </td> </tr> - <tr id="flexbox_computedstyle_align-self-stretch-8.3.#propdef-align-self" class="dom"> + <tr id="flexbox_computedstyle_align-self-stretch-8.3.#propdef-align-self" class="dom script"> <td> <a href="flexbox_computedstyle_align-self-stretch.xht">flexbox_computedstyle_align-self-stretch</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-self: stretch </td> </tr> @@ -1558,43 +1558,43 @@ <td>flexbox | align-content: stretch </td> </tr> - <tr id="flexbox_computedstyle_align-content-center-8.4" class="dom"> + <tr id="flexbox_computedstyle_align-content-center-8.4" class="dom script"> <td> <a href="flexbox_computedstyle_align-content-center.xht">flexbox_computedstyle_align-content-center</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-content: center </td> </tr> - <tr id="flexbox_computedstyle_align-content-flex-end-8.4" class="dom"> + <tr id="flexbox_computedstyle_align-content-flex-end-8.4" class="dom script"> <td> <a href="flexbox_computedstyle_align-content-flex-end.xht">flexbox_computedstyle_align-content-flex-end</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-content: flex-end </td> </tr> - <tr id="flexbox_computedstyle_align-content-flex-start-8.4" class="dom"> + <tr id="flexbox_computedstyle_align-content-flex-start-8.4" class="dom script"> <td> <a href="flexbox_computedstyle_align-content-flex-start.xht">flexbox_computedstyle_align-content-flex-start</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-content: flex-start </td> </tr> - <tr id="flexbox_computedstyle_align-content-space-around-8.4" class="dom"> + <tr id="flexbox_computedstyle_align-content-space-around-8.4" class="dom script"> <td> <a href="flexbox_computedstyle_align-content-space-around.xht">flexbox_computedstyle_align-content-space-around</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-content: space-around </td> </tr> - <tr id="flexbox_computedstyle_align-content-space-between-8.4" class="dom"> + <tr id="flexbox_computedstyle_align-content-space-between-8.4" class="dom script"> <td> <a href="flexbox_computedstyle_align-content-space-between.xht">flexbox_computedstyle_align-content-space-between</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>flexbox | computed style | align-content: space-between </td> </tr> 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 d441ea2784e..b4f09ca8702 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 (68 tests)</h2> + <h2>Flex Layout Algorithm (74 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -517,7 +517,7 @@ <!-- 0 tests --> </tbody> <tbody id="s9.2.#hypothetical-main-size"> - <!-- 2 tests --> + <!-- 8 tests --> <tr id="flex-aspect-ratio-img-column-001-9.2.#hypothetical-main-size" class="primary"> <td><strong> <a href="flex-aspect-ratio-img-column-001.xht">flex-aspect-ratio-img-column-001</a></strong></td> @@ -534,6 +534,54 @@ <td>Aspect ratio handling of images </td> </tr> + <tr id="flexbox-intrinsic-ratio-001-9.2.#hypothetical-main-size" class="primary"> + <td><strong> + <a href="flexbox-intrinsic-ratio-001.xht">flexbox-intrinsic-ratio-001</a></strong></td> + <td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-002-9.2.#hypothetical-main-size" class="primary"> + <td><strong> + <a href="flexbox-intrinsic-ratio-002.xht">flexbox-intrinsic-ratio-002</a></strong></td> + <td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-003-9.2.#hypothetical-main-size" class="primary"> + <td><strong> + <a href="flexbox-intrinsic-ratio-003.xht">flexbox-intrinsic-ratio-003</a></strong></td> + <td><a href="reference/flexbox-intrinsic-ratio-003-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-004-9.2.#hypothetical-main-size" class="primary"> + <td><strong> + <a href="flexbox-intrinsic-ratio-004.xht">flexbox-intrinsic-ratio-004</a></strong></td> + <td><a href="reference/flexbox-intrinsic-ratio-004-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-005-9.2.#hypothetical-main-size" class="primary"> + <td><strong> + <a href="flexbox-intrinsic-ratio-005.xht">flexbox-intrinsic-ratio-005</a></strong></td> + <td><a href="reference/flexbox-intrinsic-ratio-005-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-006-9.2.#hypothetical-main-size" class="primary"> + <td><strong> + <a href="flexbox-intrinsic-ratio-006.xht">flexbox-intrinsic-ratio-006</a></strong></td> + <td><a href="reference/flexbox-intrinsic-ratio-006-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio. + </td> + </tr> </tbody> <tbody id="s9.3"> <tr><th colspan="4" scope="rowgroup"> @@ -720,7 +768,55 @@ </tr> </tbody> <tbody id="s9.4.#hypothetical-cross-size"> - <!-- 0 tests --> + <!-- 6 tests --> + <tr id="flexbox-intrinsic-ratio-001-9.4.#hypothetical-cross-size" class=""> + <td> + <a href="flexbox-intrinsic-ratio-001.xht">flexbox-intrinsic-ratio-001</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-002-9.4.#hypothetical-cross-size" class=""> + <td> + <a href="flexbox-intrinsic-ratio-002.xht">flexbox-intrinsic-ratio-002</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-003-9.4.#hypothetical-cross-size" class=""> + <td> + <a href="flexbox-intrinsic-ratio-003.xht">flexbox-intrinsic-ratio-003</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-003-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-004-9.4.#hypothetical-cross-size" class=""> + <td> + <a href="flexbox-intrinsic-ratio-004.xht">flexbox-intrinsic-ratio-004</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-004-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-005-9.4.#hypothetical-cross-size" class=""> + <td> + <a href="flexbox-intrinsic-ratio-005.xht">flexbox-intrinsic-ratio-005</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-005-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio. + </td> + </tr> + <tr id="flexbox-intrinsic-ratio-006-9.4.#hypothetical-cross-size" class=""> + <td> + <a href="flexbox-intrinsic-ratio-006.xht">flexbox-intrinsic-ratio-006</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-006-ref.xht">=</a> </td> + <td></td> + <td>Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio. + </td> + </tr> </tbody> <tbody id="s9.4.#strut-size"> <!-- 0 tests --> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-intrinsic-ratio-001.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-intrinsic-ratio-001.xht new file mode 100644 index 00000000000..43e3fa8c1d5 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-intrinsic-ratio-001.xht @@ -0,0 +1,124 @@ +<!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> + <meta charset="utf-8" /> + <title> + CSS Test: Testing how explicit main-size & cross-size constraints + influence sizing on non-stretched flex item w/ intrinsic ratio. + </title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" /> + <link href="reference/flexbox-intrinsic-ratio-001-ref.xht" rel="match" /> + <style> + .flexbox { + display: flex; + flex-direction: row; + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + justify-content: flex-start; + align-items: flex-start; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" /> + </div> + <br /> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="flex: 0 0 30px" /> + </div> + <br /> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + max-height: 6px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 6px; + max-height: 10px" /> + </div> + <br /> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + min-height: 30px" /> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-intrinsic-ratio-002.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-intrinsic-ratio-002.xht new file mode 100644 index 00000000000..b081cd142fb --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-intrinsic-ratio-002.xht @@ -0,0 +1,124 @@ +<!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> + <meta charset="utf-8" /> + <title> + CSS Test: Testing how explicit main-size & cross-size constraints + influence sizing on non-stretched flex item w/ intrinsic ratio. + </title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" /> + <link href="reference/flexbox-intrinsic-ratio-001-ref.xht" rel="match" /> + <style> + .flexbox { + display: flex; + flex-direction: column; + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + justify-content: flex-start; + align-items: flex-start; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" /> + </div> + <br /> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="flex: 0 0 30px" /> + </div> + <br /> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + max-height: 6px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 6px; + max-height: 10px" /> + </div> + <br /> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + min-height: 30px" /> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-intrinsic-ratio-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-intrinsic-ratio-003.xht new file mode 100644 index 00000000000..0ee67763bc8 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-intrinsic-ratio-003.xht @@ -0,0 +1,124 @@ +<!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> + <meta charset="utf-8" /> + <title> + CSS Test: Testing how explicit main-size & cross-size constraints + influence sizing on stretched flex item w/ intrinsic ratio. + </title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" /> + <link href="reference/flexbox-intrinsic-ratio-003-ref.xht" rel="match" /> + <style> + .flexbox { + display: flex; + flex-direction: row; + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + justify-content: flex-start; + align-items: stretch; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" /> + </div> + <br /> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="flex: 0 0 30px" /> + </div> + <br /> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + max-height: 6px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 6px; + max-height: 10px" /> + </div> + <br /> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + min-height: 30px" /> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-intrinsic-ratio-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-intrinsic-ratio-004.xht new file mode 100644 index 00000000000..5139e4d46bc --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-intrinsic-ratio-004.xht @@ -0,0 +1,124 @@ +<!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> + <meta charset="utf-8" /> + <title> + CSS Test: Testing how explicit main-size & cross-size constraints + influence sizing on stretched flex item w/ intrinsic ratio. + </title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" /> + <link href="reference/flexbox-intrinsic-ratio-004-ref.xht" rel="match" /> + <style> + .flexbox { + display: flex; + flex-direction: column; + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + justify-content: flex-start; + align-items: stretch; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" /> + </div> + <br /> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="flex: 0 0 30px" /> + </div> + <br /> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + max-height: 6px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 6px; + max-height: 10px" /> + </div> + <br /> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + min-height: 30px" /> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-intrinsic-ratio-005.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-intrinsic-ratio-005.xht new file mode 100644 index 00000000000..2afa509cd7f --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-intrinsic-ratio-005.xht @@ -0,0 +1,126 @@ +<!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> + <meta charset="utf-8" /> + <title> + CSS Test: Testing how explicit main-size & cross-size constraints + influence sizing on non-stretched flexible flex item w/ intrinsic ratio. + </title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" /> + <link href="reference/flexbox-intrinsic-ratio-005-ref.xht" rel="match" /> + <style> + .flexbox { + display: flex; + flex-direction: row; + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + justify-content: flex-start; + align-items: flex-start; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + flex: 1; + + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" /> + </div> + <br /> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="flex: 1 1 30px" /> + </div> + <br /> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + max-height: 6px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 6px; + max-height: 10px" /> + </div> + <br /> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + min-height: 30px" /> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-intrinsic-ratio-006.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-intrinsic-ratio-006.xht new file mode 100644 index 00000000000..47f23509ae7 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox-intrinsic-ratio-006.xht @@ -0,0 +1,126 @@ +<!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> + <meta charset="utf-8" /> + <title> + CSS Test: Testing how explicit main-size & cross-size constraints + influence sizing on non-stretched flexible flex item w/ intrinsic ratio. + </title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-main-size" rel="help" /> + <link href="https://www.w3.org/TR/css-flexbox-1/#hypothetical-cross-size" rel="help" /> + <link href="reference/flexbox-intrinsic-ratio-006-ref.xht" rel="match" /> + <style> + .flexbox { + display: flex; + flex-direction: column; + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + justify-content: flex-start; + align-items: flex-start; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + flex: 1; + + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" /> + </div> + <br /> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="flex: 1 1 30px" /> + </div> + <br /> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + min-height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 34px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + max-height: 6px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 6px; + max-height: 10px" /> + </div> + <br /> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + min-height: 30px" /> + </div> + <br /> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="min-width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + max-height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="max-width: 10px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + min-height: 30px" /> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-content-center.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-content-center.xht index cd47837a310..135eeccab7d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-content-center.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-content-center.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-content: center</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-content: center; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-content") == - "center"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-content"), + "center"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-content-flex-end.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-content-flex-end.xht index 7af2a52a3d5..831de6574d8 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-content-flex-end.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-content-flex-end.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-content: flex-end</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-content: flex-end; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-content") == - "flex-end"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-content"), + "flex-end"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-content-flex-start.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-content-flex-start.xht index 97c86136763..44249b50ea2 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-content-flex-start.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-content-flex-start.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-content: flex-start</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-content: flex-start; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-content") == - "flex-start"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-content"), + "flex-start"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-content-space-around.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-content-space-around.xht index eed3f908fbd..3cb53add1d0 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-content-space-around.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-content-space-around.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-content: space-around</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-content: space-around; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-content") == - "space-around"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-content"), + "space-around"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-content-space-between.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-content-space-between.xht index fc2a16b93ae..f50b58e8fda 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-content-space-between.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-content-space-between.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-content: space-between</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-content: space-between; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-content") == - "space-between"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-content"), + "space-between"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-baseline.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-baseline.xht index 1149c8cb41e..41edcef2d96 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-baseline.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-baseline.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: baseline</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-items: baseline; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-items") == - "baseline"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-items"), + "baseline"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-center.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-center.xht index 6c1b5192c07..228797ba890 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-center.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-center.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: center</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-items: center; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-items") == - "center"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-items"), + "center"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-flex-end.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-flex-end.xht index ba289fff689..92d0fba1d8f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-flex-end.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-flex-end.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: flex-end</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-items: flex-end; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-items") == - "flex-end"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-items"), + "flex-end"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-flex-start.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-flex-start.xht index 4c5c4afb125..5a73e9a4ff9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-flex-start.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-flex-start.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: flex-start</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-items: flex-start; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-items") == - "flex-start"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-items"), + "flex-start"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-invalid.xht index b14879c4d2c..18276c89b99 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-invalid.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-invalid.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: invalid</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-items: damer; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-items") == - "stretch"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-items"), + "stretch"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-stretch.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-stretch.xht index bc298f41b06..5f47e9af1a6 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-stretch.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-items-stretch.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: stretch</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-items: stretch; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-items") == - "stretch"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-items"), + "stretch"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-baseline.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-baseline.xht index 0a5f5d909d0..cb340a57aeb 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-baseline.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-baseline.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: baseline</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-self: baseline; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-self") == - "baseline"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-self"), + "baseline"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-center.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-center.xht index c695eb89dc7..4038d432589 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-center.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-center.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: center</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-self: center; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-self") == - "center"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-self"), + "center"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-flex-end.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-flex-end.xht index 9d17c940002..92f7b698894 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-flex-end.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-flex-end.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: flex-end</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-self: flex-end; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-self") == - "flex-end"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-self"), + "flex-end"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-flex-start.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-flex-start.xht index a30b5f0ca80..e51919c0afa 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-flex-start.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-flex-start.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: flex-start</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-self: flex-start; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-self") == - "flex-start"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-self"), + "flex-start"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-invalid.xht index 438f4f84d60..89da22b18a6 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-invalid.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-invalid.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: invalid</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-self: damer; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-self") == - "stretch"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-self"), + "stretch"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-stretch.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-stretch.xht index 363d32641fd..fcfe0093c8a 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-stretch.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_align-self-stretch.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: stretch</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; align-self: stretch; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("align-self") == - "stretch"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("align-self"), + "stretch"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_display-inline.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_display-inline.xht index f3f5b54cb8b..79074cf9544 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_display-inline.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_display-inline.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | display: inline-flex</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; display: inline-flex; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("display") == - "inline-flex"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("display"), + "inline-flex"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_display.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_display.xht index d047ef39cdc..09b08812431 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_display.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_display.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | display: flex</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; display: flex; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("display") == - "flex"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("display"), + "flex"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-basis-0.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-basis-0.xht index 5b2d23fe7a5..cc495e7cbad 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-basis-0.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-basis-0.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-basis: 0</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-basis: 0; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-basis") == - "0px"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "0px"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-basis-0percent.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-basis-0percent.xht index 34a9040cb8a..09e1e7fbcfc 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-basis-0percent.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-basis-0percent.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-basis: 0%</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-basis: 0%; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-basis") == - "0px"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "0px"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-basis-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-basis-auto.xht index d697a3c3c4d..23c3bb0e09d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-basis-auto.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-basis-auto.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-basis: auto</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-basis: auto; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-basis") == - "auto"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-basis-percent.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-basis-percent.xht index 99b0fb33b61..9d35815cc71 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-basis-percent.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-basis-percent.xht @@ -2,7 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-basis: percent</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> html { @@ -14,15 +15,14 @@ body { margin: 0; flex-basis: 100%; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-basis") == - "100%"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "100%"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-direction-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-direction-column-reverse.xht index 79576ebd099..fdc9c3c543c 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-direction-column-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-direction-column-reverse.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-direction: column-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-direction: column-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-direction") == - "column-reverse"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column-reverse"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-direction-column.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-direction-column.xht index a1401e3059e..67a185368ae 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-direction-column.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-direction-column.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-direction: column</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-direction: column; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-direction") == - "column"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-direction-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-direction-invalid.xht index 215536f4ad1..c2b9a631d33 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-direction-invalid.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-direction-invalid.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-direction: row</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-direction: damer; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-direction") == - "row"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-direction-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-direction-row-reverse.xht index 95d40e8de57..ba5d250728e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-direction-row-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-direction-row-reverse.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-direction: row-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-direction: row-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-direction") == - "row-reverse"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row-reverse"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-direction-row.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-direction-row.xht index 63bc6715ca2..63954650144 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-direction-row.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-direction-row.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-direction: row</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-direction: row; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-direction") == - "row"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-nowrap.xht index dc03e2fc99b..f1da8a7c73b 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-nowrap.xht @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: column nowrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "column" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht index b780ef5f9b9..904b5f50c93 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: column-reverse nowrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "column-reverse" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column-reverse"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht index 41983dcb580..8f4b4cb0e83 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: column-reverse wrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "column-reverse" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column-reverse"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse.xht index e5031c4c7e4..486c1c41bbb 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse.xht @@ -3,24 +3,24 @@ <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: column-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "column-reverse" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column-reverse"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht index b6afc4e23e8..fe65c414642 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: column wrap-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "column" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap-reverse"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap-reverse"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap.xht index f23defe8eee..a73a4674f3d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap.xht @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: column wrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "column" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column.xht index 411de5e2141..dc0bcf3d0e5 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column.xht @@ -3,24 +3,24 @@ <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: column; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "column" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "column"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-nowrap.xht index dfb1dd34923..8d0c1898b73 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-nowrap.xht @@ -3,24 +3,24 @@ <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: nowrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-nowrap.xht index 64606952cc3..19a7b3f0c87 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-nowrap.xht @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: row nowrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht index 30dd90233e7..9d623705eed 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: row-reverse nowrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row-reverse" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row-reverse"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht index f50c9996ca0..60883ba66ee 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: row-reverse wrap-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row-reverse" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap-reverse"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row-reverse"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap-reverse"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht index e729562dd2d..be1c297a3ca 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: row-reverse wrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row-reverse" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row-reverse"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse.xht index d6b4076c965..a12ac52f03f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse.xht @@ -3,24 +3,24 @@ <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: row-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row-reverse" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row-reverse"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht index 4862ffc363c..352f00c368e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: row wrap-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap-reverse"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap-reverse"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap.xht index 5f4a8f5246f..57d74f782bb 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap.xht @@ -4,24 +4,24 @@ <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: row wrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row.xht index dc01661420b..a1c8b7e5ce6 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row.xht @@ -3,24 +3,24 @@ <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: row; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-wrap.xht index ec4e2b4f29f..10ef6f6121f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-wrap.xht @@ -3,24 +3,24 @@ <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-flow: wrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-direction") == - "row" && - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-direction"), + "row"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-grow-0.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-grow-0.xht index 30ba3c11bc3..853a8822641 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-grow-0.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-grow-0.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-grow: 0</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-grow: 0; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-grow") == - "0"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "0"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-grow-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-grow-invalid.xht index c9509d7d419..cbb2ecd8162 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-grow-invalid.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-grow-invalid.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-grow: negative</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-grow: -1; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-grow") == - "0"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "0"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-grow-number.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-grow-number.xht index 1324d8890db..aa1a3e7a849 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-grow-number.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-grow-number.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-grow: number</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-grow: 666; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-grow") == - "666"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "666"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-0-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-0-auto.xht index 6a97bb272c1..fb7acc33276 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-0-auto.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-0-auto.xht @@ -2,26 +2,26 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: 0 auto</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex: initial; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-grow") == - "0" && - getComputedStyle(body).getPropertyValue("flex-shrink") == - "1" && - getComputedStyle(body).getPropertyValue("flex-basis") == - "auto"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "0"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "1"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-auto.xht index e4099b4649e..8887fb6e32a 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-auto.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-auto.xht @@ -2,26 +2,26 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: auto</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex: auto; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-grow") == - "1" && - getComputedStyle(body).getPropertyValue("flex-shrink") == - "1" && - getComputedStyle(body).getPropertyValue("flex-basis") == - "auto"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "1"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "1"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-initial.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-initial.xht index 3b2282ff62a..012d4911afa 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-initial.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-initial.xht @@ -2,26 +2,26 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: initial</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex: initial; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-grow") == - "0" && - getComputedStyle(body).getPropertyValue("flex-shrink") == - "1" && - getComputedStyle(body).getPropertyValue("flex-basis") == - "auto"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "0"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "1"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-invalid.xht index 4ca9ddccf70..d70c307995b 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-invalid.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-invalid.xht @@ -2,26 +2,26 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: invalid</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex: 0 1 1; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-grow") == - "0" && - getComputedStyle(body).getPropertyValue("flex-shrink") == - "1" && - getComputedStyle(body).getPropertyValue("flex-basis") == - "auto"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "0"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "1"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-none.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-none.xht index 11adb11feb6..23980429896 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-none.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-none.xht @@ -2,26 +2,26 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: auto</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex: none; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-grow") == - "0" && - getComputedStyle(body).getPropertyValue("flex-shrink") == - "0" && - getComputedStyle(body).getPropertyValue("flex-basis") == - "auto"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "0"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "0"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-number.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-number.xht index 7fec219048f..4cacf47d117 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-number.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand-number.xht @@ -2,26 +2,26 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: number</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex: 666; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-grow") == - "666" && - getComputedStyle(body).getPropertyValue("flex-shrink") == - "1" && - getComputedStyle(body).getPropertyValue("flex-basis") == - "0px"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "666"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "1"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "0px"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand.xht index bd64f739664..9c82ed56fe8 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shorthand.xht @@ -2,26 +2,26 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: invalid</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex: 666 666 666px; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - (getComputedStyle(body).getPropertyValue("flex-grow") == - "666" && - getComputedStyle(body).getPropertyValue("flex-shrink") == - "666" && - getComputedStyle(body).getPropertyValue("flex-basis") == - "666px"); - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-grow"), + "666"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "666"); + assert_equals(getComputedStyle(body).getPropertyValue("flex-basis"), + "666px"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shrink-0.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shrink-0.xht index 9982e93d0b4..43e6601f7a4 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shrink-0.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shrink-0.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-shrink: 0</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-shrink: 0; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-shrink") == - "0"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "0"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shrink-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shrink-invalid.xht index 49a521b9d81..0fb7c36f9e7 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shrink-invalid.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shrink-invalid.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-shrink: negative</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-shrink: -1; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-shrink") == - "1"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "1"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shrink-number.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shrink-number.xht index 9c9033a813e..b6291c82d8e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shrink-number.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-shrink-number.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-shrink: number</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-shrink: 666; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-shrink") == - "666"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-shrink"), + "666"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-wrap-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-wrap-invalid.xht index 6d8e2de0b1e..e8bd5085cab 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-wrap-invalid.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-wrap-invalid.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-wrap: wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-wrap: damer; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-wrap-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-wrap-nowrap.xht index 52d7ee33660..61e632a0418 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-wrap-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-wrap-nowrap.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-wrap: nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-wrap: nowrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-wrap") == - "nowrap"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "nowrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-wrap-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-wrap-wrap-reverse.xht index 1fc24a960b6..dc1ec15a11d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-wrap-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-wrap-wrap-reverse.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-wrap: wrap-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-wrap: wrap-reverse; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap-reverse"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap-reverse"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-wrap-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-wrap-wrap.xht index fe409a89b1c..620e78d4f4f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-wrap-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-wrap-wrap.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-wrap: wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; flex-wrap: wrap; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("flex-wrap") == - "wrap"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("flex-wrap"), + "wrap"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_justify-content-center.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_justify-content-center.xht index 905cee8eb37..4f65fd960ea 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_justify-content-center.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_justify-content-center.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | justify-content: center</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; justify-content: center; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("justify-content") == - "center"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("justify-content"), + "center"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_justify-content-flex-end.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_justify-content-flex-end.xht index 4df25aab166..201dce65513 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_justify-content-flex-end.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_justify-content-flex-end.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | justify-content: flex-end</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; justify-content: flex-end; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("justify-content") == - "flex-end"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("justify-content"), + "flex-end"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_justify-content-flex-start.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_justify-content-flex-start.xht index cfb961ec8ec..5ac96c540fe 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_justify-content-flex-start.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_justify-content-flex-start.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | justify-content: flex-start</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; justify-content: flex-start; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("justify-content") == - "flex-start"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("justify-content"), + "flex-start"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_justify-content-space-around.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_justify-content-space-around.xht index 37556baa3f4..60d7f68cad1 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_justify-content-space-around.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_justify-content-space-around.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | justify-content: space-around</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; justify-content: space-around; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("justify-content") == - "space-around"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("justify-content"), + "space-around"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_justify-content-space-between.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_justify-content-space-between.xht index 36c40876140..6d836f5801f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_justify-content-space-between.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_justify-content-space-between.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | justify-content: space-between</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; justify-content: space-between; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("justify-content") == - "space-between"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("justify-content"), + "space-between"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_min-height-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_min-height-auto.xht index fd93e55fc46..7c3e94f01e4 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_min-height-auto.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_min-height-auto.xht @@ -2,7 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | min-height: auto</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> html { @@ -13,15 +14,14 @@ body { color: red; min-height: auto; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("min-height") == - "auto"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("min-height"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_min-width-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_min-width-auto.xht index 2d74b7fa9bd..99050dff8ab 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_min-width-auto.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_min-width-auto.xht @@ -2,7 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | min-width: auto</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> html { @@ -12,15 +13,14 @@ body { color: red; min-width: auto; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("min-width") == - "auto"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("min-width"), + "auto"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_order-inherit.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_order-inherit.xht index bedd5d5be4a..eb0021b6e36 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_order-inherit.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_order-inherit.xht @@ -2,7 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | order: -1</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> html { @@ -12,15 +13,14 @@ body { color: red; order: inherit; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("order") == - "666"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("order"), + "666"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_order-integer.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_order-integer.xht index 8aba8719635..f41d3db40cc 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_order-integer.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_order-integer.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | order: integer</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; order: 5; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("order") == - "5"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("order"), + "5"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_order-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_order-invalid.xht index 7f6bdb3c293..3a6374f78d9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_order-invalid.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_order-invalid.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | order: noninteger</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; order: 1.5; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("order") == - "0"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("order"), + "0"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_order-negative.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_order-negative.xht index 84a52d59932..b8256ed660a 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_order-negative.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_order-negative.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | order: -1</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; order: -1; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("order") == - "-1"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("order"), + "-1"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_order.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_order.xht index 0faa443406b..829b76a3c01 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_order.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_order.xht @@ -2,22 +2,22 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | order: 0</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-order" rel="help" /> -<link href="reference/ref-pass-body.xht" rel="match" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> <meta content="dom" name="flags" /> <style> body { color: red; order: 0; } -.PASS {color: black;} </style> -</head><body><h1>FAIL, enable javascript</h1> +</head><body><div id="log"></div> <script> +test(function() { var body = document.body; - var passed = - getComputedStyle(body).getPropertyValue("order") == - "0"; - body.textContent = body.className = passed ? "PASS" : "FAIL"; + assert_equals(getComputedStyle(body).getPropertyValue("order"), + "0"); +}); </script> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-intrinsic-ratio-001-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-intrinsic-ratio-001-ref.xht new file mode 100644 index 00000000000..0e26061412a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-intrinsic-ratio-001-ref.xht @@ -0,0 +1,121 @@ +<!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> + <meta charset="utf-8" /> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <style> + .flexbox { + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + vertical-align: top; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" /> + </div> + <br /> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 30px" /> + </div> + <br /> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 34px" /> + </div> + <br /> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 6px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 6px" /> + </div> + <br /> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px" /> + </div> + <br /> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px" /> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-intrinsic-ratio-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-intrinsic-ratio-003-ref.xht new file mode 100644 index 00000000000..2b575ceb334 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-intrinsic-ratio-003-ref.xht @@ -0,0 +1,122 @@ +<!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> + <meta charset="utf-8" /> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <style> + .flexbox { + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + vertical-align: top; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 16px; + height: 40px" /> + </div> + <br /> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 40px" /> + </div> + <br /> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 34px; + height: 40px" /> + </div> + <br /> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 6px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 10px" /> + </div> + <br /> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 40px" /> + </div> + <br /> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 40px" /> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-intrinsic-ratio-004-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-intrinsic-ratio-004-ref.xht new file mode 100644 index 00000000000..5f975f642e3 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-intrinsic-ratio-004-ref.xht @@ -0,0 +1,122 @@ +<!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> + <meta charset="utf-8" /> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <style> + .flexbox { + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + vertical-align: top; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 16px" /> + </div> + <br /> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 30px" /> + </div> + <br /> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 34px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 34px" /> + </div> + <br /> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 6px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 6px" /> + </div> + <br /> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px" /> + </div> + <br /> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px" /> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-intrinsic-ratio-005-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-intrinsic-ratio-005-ref.xht new file mode 100644 index 00000000000..7674aac0d34 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-intrinsic-ratio-005-ref.xht @@ -0,0 +1,122 @@ +<!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> + <meta charset="utf-8" /> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <style> + .flexbox { + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + vertical-align: top; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <br /> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <br /> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <br /> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 6px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 6px" /> + </div> + <br /> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px" /> + </div> + <br /> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 30px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-intrinsic-ratio-006-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-intrinsic-ratio-006-ref.xht new file mode 100644 index 00000000000..1f7a24a1173 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-intrinsic-ratio-006-ref.xht @@ -0,0 +1,122 @@ +<!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> + <meta charset="utf-8" /> + <title>CSS Reftest Reference</title> + <link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert" /> + <style> + .flexbox { + border: 1px solid black; + margin: 0 2px 2px 0; /* (Just for spacing things out, visually) */ + width: 40px; + height: 40px; + + float: left; /* For testing in "rows" */ + } + br { clear: both; } + + .flexbox > * { + /* Disable "min-width:auto"/"min-height:auto" to focus purely on + later channels of influence. */ + min-width: 0; + min-height: 0; + vertical-align: top; + } + </style> + </head> + <body> + <!-- NOTE: solidblue.png has an intrinsic size of 16px by 16px. --> + + <!-- Row 1: no special sizing: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <br /> + + <!-- Row 2: Specified main-size, cross-size, or flex-basis: --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <br /> + + <!-- Row 3: min main-size OR min cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <br /> + + <!-- Row 4: max main-size OR max cross-size, or both --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 6px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 6px; + height: 10px" /> + </div> + <br /> + + <!-- Row 5: min main-size vs. max cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 40px" /> + </div> + <br /> + + <!-- Row 6: min|max main-size vs. explicit cross-size, & vice versa --> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 40px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 30px; + height: 10px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 40px" /> + </div> + <div class="flexbox"> + <img src="support/solidblue.png" style="width: 10px; + height: 40px" /> + </div> + + +</body></html>
\ No newline at end of file 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 1719d74d30d..4d8ed427a4a 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 @@ -1720,6 +1720,54 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="flexbox-intrinsic-ratio-001" class=""> + <tr> + <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio."> + <a href="flexbox-intrinsic-ratio-001.xht">flexbox-intrinsic-ratio-001</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-intrinsic-ratio-002" class=""> + <tr> + <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flex item w/ intrinsic ratio."> + <a href="flexbox-intrinsic-ratio-002.xht">flexbox-intrinsic-ratio-002</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-001-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-intrinsic-ratio-003" class=""> + <tr> + <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio."> + <a href="flexbox-intrinsic-ratio-003.xht">flexbox-intrinsic-ratio-003</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-003-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-intrinsic-ratio-004" class=""> + <tr> + <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on stretched flex item w/ intrinsic ratio."> + <a href="flexbox-intrinsic-ratio-004.xht">flexbox-intrinsic-ratio-004</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-004-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-intrinsic-ratio-005" class=""> + <tr> + <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio."> + <a href="flexbox-intrinsic-ratio-005.xht">flexbox-intrinsic-ratio-005</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-005-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="flexbox-intrinsic-ratio-006" class=""> + <tr> + <td rowspan="1" title="Testing how explicit main-size & cross-size constraints influence sizing on non-stretched flexible flex item w/ intrinsic ratio."> + <a href="flexbox-intrinsic-ratio-006.xht">flexbox-intrinsic-ratio-006</a></td> + <td><a href="reference/flexbox-intrinsic-ratio-006-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="flexbox-items-as-stacking-contexts-001" class=""> <tr> <td rowspan="1" title="Testing that 'z-index' property makes flex items form stacking contexts"> @@ -2528,598 +2576,6 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="flexbox_computedstyle_align-content-center" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-content: center"> - <a href="flexbox_computedstyle_align-content-center.xht">flexbox_computedstyle_align-content-center</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-content-flex-end" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-content: flex-end"> - <a href="flexbox_computedstyle_align-content-flex-end.xht">flexbox_computedstyle_align-content-flex-end</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-content-flex-start" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-content: flex-start"> - <a href="flexbox_computedstyle_align-content-flex-start.xht">flexbox_computedstyle_align-content-flex-start</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-content-space-around" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-content: space-around"> - <a href="flexbox_computedstyle_align-content-space-around.xht">flexbox_computedstyle_align-content-space-around</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-content-space-between" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-content: space-between"> - <a href="flexbox_computedstyle_align-content-space-between.xht">flexbox_computedstyle_align-content-space-between</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-items-baseline" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-items: baseline"> - <a href="flexbox_computedstyle_align-items-baseline.xht">flexbox_computedstyle_align-items-baseline</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-items-center" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-items: center"> - <a href="flexbox_computedstyle_align-items-center.xht">flexbox_computedstyle_align-items-center</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-items-flex-end" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-items: flex-end"> - <a href="flexbox_computedstyle_align-items-flex-end.xht">flexbox_computedstyle_align-items-flex-end</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-items-flex-start" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-items: flex-start"> - <a href="flexbox_computedstyle_align-items-flex-start.xht">flexbox_computedstyle_align-items-flex-start</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-items-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-items: invalid"> - <a href="flexbox_computedstyle_align-items-invalid.xht">flexbox_computedstyle_align-items-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-items-stretch" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-items: stretch"> - <a href="flexbox_computedstyle_align-items-stretch.xht">flexbox_computedstyle_align-items-stretch</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-self-baseline" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-self: baseline"> - <a href="flexbox_computedstyle_align-self-baseline.xht">flexbox_computedstyle_align-self-baseline</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-self-center" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-self: center"> - <a href="flexbox_computedstyle_align-self-center.xht">flexbox_computedstyle_align-self-center</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-self-flex-end" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-self: flex-end"> - <a href="flexbox_computedstyle_align-self-flex-end.xht">flexbox_computedstyle_align-self-flex-end</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-self-flex-start" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-self: flex-start"> - <a href="flexbox_computedstyle_align-self-flex-start.xht">flexbox_computedstyle_align-self-flex-start</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-self-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-self: invalid"> - <a href="flexbox_computedstyle_align-self-invalid.xht">flexbox_computedstyle_align-self-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_align-self-stretch" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | align-self: stretch"> - <a href="flexbox_computedstyle_align-self-stretch.xht">flexbox_computedstyle_align-self-stretch</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_display" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | display: flex"> - <a href="flexbox_computedstyle_display.xht">flexbox_computedstyle_display</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_display-inline" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | display: inline-flex"> - <a href="flexbox_computedstyle_display-inline.xht">flexbox_computedstyle_display-inline</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-basis-0" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-basis: 0"> - <a href="flexbox_computedstyle_flex-basis-0.xht">flexbox_computedstyle_flex-basis-0</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-basis-0percent" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-basis: 0%"> - <a href="flexbox_computedstyle_flex-basis-0percent.xht">flexbox_computedstyle_flex-basis-0percent</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-basis-auto" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-basis: auto"> - <a href="flexbox_computedstyle_flex-basis-auto.xht">flexbox_computedstyle_flex-basis-auto</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-basis-percent" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-basis: percent"> - <a href="flexbox_computedstyle_flex-basis-percent.xht">flexbox_computedstyle_flex-basis-percent</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-direction-column" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-direction: column"> - <a href="flexbox_computedstyle_flex-direction-column.xht">flexbox_computedstyle_flex-direction-column</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-direction-column-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-direction: column-reverse"> - <a href="flexbox_computedstyle_flex-direction-column-reverse.xht">flexbox_computedstyle_flex-direction-column-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-direction-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-direction: row"> - <a href="flexbox_computedstyle_flex-direction-invalid.xht">flexbox_computedstyle_flex-direction-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-direction-row" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-direction: row"> - <a href="flexbox_computedstyle_flex-direction-row.xht">flexbox_computedstyle_flex-direction-row</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-direction-row-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-direction: row-reverse"> - <a href="flexbox_computedstyle_flex-direction-row-reverse.xht">flexbox_computedstyle_flex-direction-row-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-column" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: column"> - <a href="flexbox_computedstyle_flex-flow-column.xht">flexbox_computedstyle_flex-flow-column</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-column-nowrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: column nowrap"> - <a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-column-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: column-reverse"> - <a href="flexbox_computedstyle_flex-flow-column-reverse.xht">flexbox_computedstyle_flex-flow-column-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-column-reverse-nowrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: column-reverse nowrap"> - <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-column-reverse-wrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: column-reverse wrap"> - <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-column-wrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: column wrap"> - <a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-column-wrap-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: column wrap-reverse"> - <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-nowrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: nowrap"> - <a href="flexbox_computedstyle_flex-flow-nowrap.xht">flexbox_computedstyle_flex-flow-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row"> - <a href="flexbox_computedstyle_flex-flow-row.xht">flexbox_computedstyle_flex-flow-row</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row-nowrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row nowrap"> - <a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row-reverse"> - <a href="flexbox_computedstyle_flex-flow-row-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row-reverse-nowrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row-reverse nowrap"> - <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row-reverse-wrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row-reverse wrap"> - <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row-reverse wrap-reverse"> - <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row-wrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row wrap"> - <a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-row-wrap-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: row wrap-reverse"> - <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-flow-wrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-flow: wrap"> - <a href="flexbox_computedstyle_flex-flow-wrap.xht">flexbox_computedstyle_flex-flow-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-grow-0" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-grow: 0"> - <a href="flexbox_computedstyle_flex-grow-0.xht">flexbox_computedstyle_flex-grow-0</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-grow-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-grow: negative"> - <a href="flexbox_computedstyle_flex-grow-invalid.xht">flexbox_computedstyle_flex-grow-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-grow-number" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-grow: number"> - <a href="flexbox_computedstyle_flex-grow-number.xht">flexbox_computedstyle_flex-grow-number</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shorthand" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex: invalid"> - <a href="flexbox_computedstyle_flex-shorthand.xht">flexbox_computedstyle_flex-shorthand</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shorthand-0-auto" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex: 0 auto"> - <a href="flexbox_computedstyle_flex-shorthand-0-auto.xht">flexbox_computedstyle_flex-shorthand-0-auto</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shorthand-auto" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex: auto"> - <a href="flexbox_computedstyle_flex-shorthand-auto.xht">flexbox_computedstyle_flex-shorthand-auto</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shorthand-initial" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex: initial"> - <a href="flexbox_computedstyle_flex-shorthand-initial.xht">flexbox_computedstyle_flex-shorthand-initial</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shorthand-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex: invalid"> - <a href="flexbox_computedstyle_flex-shorthand-invalid.xht">flexbox_computedstyle_flex-shorthand-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shorthand-none" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex: auto"> - <a href="flexbox_computedstyle_flex-shorthand-none.xht">flexbox_computedstyle_flex-shorthand-none</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shorthand-number" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex: number"> - <a href="flexbox_computedstyle_flex-shorthand-number.xht">flexbox_computedstyle_flex-shorthand-number</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shrink-0" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-shrink: 0"> - <a href="flexbox_computedstyle_flex-shrink-0.xht">flexbox_computedstyle_flex-shrink-0</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shrink-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-shrink: negative"> - <a href="flexbox_computedstyle_flex-shrink-invalid.xht">flexbox_computedstyle_flex-shrink-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-shrink-number" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-shrink: number"> - <a href="flexbox_computedstyle_flex-shrink-number.xht">flexbox_computedstyle_flex-shrink-number</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-wrap-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-wrap: wrap"> - <a href="flexbox_computedstyle_flex-wrap-invalid.xht">flexbox_computedstyle_flex-wrap-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-wrap-nowrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-wrap: nowrap"> - <a href="flexbox_computedstyle_flex-wrap-nowrap.xht">flexbox_computedstyle_flex-wrap-nowrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-wrap-wrap" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-wrap: wrap"> - <a href="flexbox_computedstyle_flex-wrap-wrap.xht">flexbox_computedstyle_flex-wrap-wrap</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_flex-wrap-wrap-reverse" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | flex-wrap: wrap-reverse"> - <a href="flexbox_computedstyle_flex-wrap-wrap-reverse.xht">flexbox_computedstyle_flex-wrap-wrap-reverse</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_justify-content-center" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | justify-content: center"> - <a href="flexbox_computedstyle_justify-content-center.xht">flexbox_computedstyle_justify-content-center</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_justify-content-flex-end" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | justify-content: flex-end"> - <a href="flexbox_computedstyle_justify-content-flex-end.xht">flexbox_computedstyle_justify-content-flex-end</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_justify-content-flex-start" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | justify-content: flex-start"> - <a href="flexbox_computedstyle_justify-content-flex-start.xht">flexbox_computedstyle_justify-content-flex-start</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_justify-content-space-around" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | justify-content: space-around"> - <a href="flexbox_computedstyle_justify-content-space-around.xht">flexbox_computedstyle_justify-content-space-around</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_justify-content-space-between" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | justify-content: space-between"> - <a href="flexbox_computedstyle_justify-content-space-between.xht">flexbox_computedstyle_justify-content-space-between</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_min-height-auto" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | min-height: auto"> - <a href="flexbox_computedstyle_min-height-auto.xht">flexbox_computedstyle_min-height-auto</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_min-width-auto" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | min-width: auto"> - <a href="flexbox_computedstyle_min-width-auto.xht">flexbox_computedstyle_min-width-auto</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_order" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | order: 0"> - <a href="flexbox_computedstyle_order.xht">flexbox_computedstyle_order</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_order-inherit" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | order: -1"> - <a href="flexbox_computedstyle_order-inherit.xht">flexbox_computedstyle_order-inherit</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_order-integer" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | order: integer"> - <a href="flexbox_computedstyle_order-integer.xht">flexbox_computedstyle_order-integer</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_order-invalid" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | order: noninteger"> - <a href="flexbox_computedstyle_order-invalid.xht">flexbox_computedstyle_order-invalid</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> - <tbody id="flexbox_computedstyle_order-negative" class="dom"> - <tr> - <td rowspan="1" title="flexbox | computed style | order: -1"> - <a href="flexbox_computedstyle_order-negative.xht">flexbox_computedstyle_order-negative</a></td> - <td><a href="reference/ref-pass-body.xht">=</a> </td> - <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> - </tr> - </tbody> <tbody id="flexbox_direction-column" class=""> <tr> <td rowspan="1" title="flexbox | flex-direction: column"> 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 51deb4f4cf7..11566357752 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 @@ -211,6 +211,12 @@ flexbox-flex-wrap-vert-001.xht == reference/flexbox-flex-wrap-vert-001-ref.xht flexbox-flex-wrap-vert-002.xht == reference/flexbox-flex-wrap-vert-002-ref.xht flexbox-flex-wrap-wrap.xht == reference/flexbox-flex-direction-ref.xht flexbox-flex-wrap-wrap-reverse.xht == reference/flexbox-flex-direction-ref.xht +flexbox-intrinsic-ratio-001.xht == reference/flexbox-intrinsic-ratio-001-ref.xht +flexbox-intrinsic-ratio-002.xht == reference/flexbox-intrinsic-ratio-001-ref.xht +flexbox-intrinsic-ratio-003.xht == reference/flexbox-intrinsic-ratio-003-ref.xht +flexbox-intrinsic-ratio-004.xht == reference/flexbox-intrinsic-ratio-004-ref.xht +flexbox-intrinsic-ratio-005.xht == reference/flexbox-intrinsic-ratio-005-ref.xht +flexbox-intrinsic-ratio-006.xht == reference/flexbox-intrinsic-ratio-006-ref.xht flexbox-items-as-stacking-contexts-001.xht == reference/flexbox-items-as-stacking-contexts-001-ref.xht flexbox-items-as-stacking-contexts-002.xht == reference/flexbox-items-as-stacking-contexts-002-ref.xht flexbox-items-as-stacking-contexts-003.xht == reference/flexbox-items-as-stacking-contexts-003-ref.xht @@ -312,80 +318,6 @@ flexbox_box-clear.xht == reference/flexbox_box-clear-ref.xht flexbox_columns.xht == reference/flexbox_columns-ref.xht flexbox_columns-flexitems.xht == reference/flexbox_columns-flexitems-ref.xht flexbox_columns-flexitems-2.xht == reference/flexbox_columns-flexitems-2-ref.xht -flexbox_computedstyle_align-content-center.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-content-flex-end.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-content-flex-start.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-content-space-around.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-content-space-between.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-items-baseline.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-items-center.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-items-flex-end.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-items-flex-start.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-items-invalid.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-items-stretch.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-self-baseline.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-self-center.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-self-flex-end.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-self-flex-start.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-self-invalid.xht == reference/ref-pass-body.xht -flexbox_computedstyle_align-self-stretch.xht == reference/ref-pass-body.xht -flexbox_computedstyle_display.xht == reference/ref-pass-body.xht -flexbox_computedstyle_display-inline.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-basis-0.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-basis-0percent.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-basis-auto.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-basis-percent.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-direction-column.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-direction-column-reverse.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-direction-invalid.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-direction-row.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-direction-row-reverse.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-column.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-column-nowrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-column-reverse.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-column-reverse-wrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-column-wrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-column-wrap-reverse.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-nowrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-row.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-row-nowrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-row-reverse.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-row-reverse-wrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-row-wrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-row-wrap-reverse.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-flow-wrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-grow-0.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-grow-invalid.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-grow-number.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-shorthand.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-shorthand-0-auto.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-shorthand-auto.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-shorthand-initial.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-shorthand-invalid.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-shorthand-none.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-shorthand-number.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-shrink-0.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-shrink-invalid.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-shrink-number.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-wrap-invalid.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-wrap-nowrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-wrap-wrap.xht == reference/ref-pass-body.xht -flexbox_computedstyle_flex-wrap-wrap-reverse.xht == reference/ref-pass-body.xht -flexbox_computedstyle_justify-content-center.xht == reference/ref-pass-body.xht -flexbox_computedstyle_justify-content-flex-end.xht == reference/ref-pass-body.xht -flexbox_computedstyle_justify-content-flex-start.xht == reference/ref-pass-body.xht -flexbox_computedstyle_justify-content-space-around.xht == reference/ref-pass-body.xht -flexbox_computedstyle_justify-content-space-between.xht == reference/ref-pass-body.xht -flexbox_computedstyle_min-height-auto.xht == reference/ref-pass-body.xht -flexbox_computedstyle_min-width-auto.xht == reference/ref-pass-body.xht -flexbox_computedstyle_order.xht == reference/ref-pass-body.xht -flexbox_computedstyle_order-inherit.xht == reference/ref-pass-body.xht -flexbox_computedstyle_order-integer.xht == reference/ref-pass-body.xht -flexbox_computedstyle_order-invalid.xht == reference/ref-pass-body.xht -flexbox_computedstyle_order-negative.xht == reference/ref-pass-body.xht flexbox_direction-column.xht == reference/flexbox_direction-column-ref.xht flexbox_direction-column-reverse.xht == reference/flexbox_direction-column-reverse-ref.xht flexbox_direction-row-reverse.xht == reference/flexbox_direction-row-reverse-ref.xht diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/toc.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/toc.xht index 0569a941892..106d90da5e1 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 @@ -62,7 +62,7 @@ <tbody id="s9"> <tr><th><a href="chapter-9.xht">Chapter 9 - Flex Layout Algorithm</a></th> - <td>(68 Tests)</td></tr> + <td>(74 Tests)</td></tr> </tbody> <tbody id="s10"> <tr><th><a href="chapter-10.xht">Chapter 10 - |