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/html | |
| 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/html')
95 files changed, 2403 insertions, 1561 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 - |