diff options
Diffstat (limited to 'tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-8.htm')
| -rw-r--r-- | tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-8.htm | 153 |
1 files changed, 153 insertions, 0 deletions
diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-8.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-8.htm new file mode 100644 index 00000000000..6a21edf8121 --- /dev/null +++ b/tests/wpt/css-tests/css-multicol-1_dev/html4/chapter-8.htm @@ -0,0 +1,153 @@ + + +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> +<html> + <head> + <title>Overflow - CSS Multi-column Layout Module Level 1 CR Test Suite</title> + <style type="text/css"> + @import "http://www.w3.org/StyleSheets/TR/base.css"; + @import "../indices.css"; + </style> + </head> + + <body> + + <h1>CSS Multi-column Layout Module Level 1 CR Test Suite</h1> + <h2>Overflow (9 tests)</h2> + <table width="100%"> + <col id="test-column"> + <col id="refs-column"> + <col id="flags-column"> + <col id="info-column"> + <thead> + <tr> + <th>Test</th> + <th><abbr title="Rendering References">Refs</abbr></th> + <th>Flags</th> + <th>Info</th> + </tr> + </thead> + <tbody id="s8"> + <tr><th colspan="4" scope="rowgroup"> + <a href="#s8">+</a> + <a href="http://www.w3.org/TR/css3-multicol/#overflow">8 Overflow</a></th></tr> + <!-- 0 tests --> + </tbody> + <tbody id="s8.1"> + <tr><th colspan="4" scope="rowgroup"> + <a href="#s8.1">+</a> + <a href="http://www.w3.org/TR/css3-multicol/#overflow-inside-multicol-elements">8.1 Overflow inside multicol elements</a></th></tr> + <!-- 5 tests --> + <tr id="multicol-block-clip-001-8.1" class="primary ahem"> + <td><strong> + <a href="multicol-block-clip-001.htm">multicol-block-clip-001</a></strong></td> + <td><a href="reference/multicol-block-clip-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Overflowed content inside multicol element + <ul class="assert"> + <li>This test checks that content in the normal flow that extends into column gaps is clipped in the middle of the column gap.</li> + </ul> + </td> + </tr> + <tr id="multicol-block-clip-002-8.1" class="primary ahem"> + <td><strong> + <a href="multicol-block-clip-002.htm">multicol-block-clip-002</a></strong></td> + <td><a href="reference/multicol-block-clip-002-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Overflowed content inside and outside multicol element + <ul class="assert"> + <li>This test checks that content in the normal flow that extends into column gaps is clipped in the middle of the column gap.</li> + </ul> + </td> + </tr> + <tr id="multicol-clip-001-8.1" class="primary ahem"> + <td><strong> + <a href="multicol-clip-001.htm">multicol-clip-001</a></strong></td> + <td><a href="reference/multicol-clip-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>overflowed content inside and outside multicol element + <ul class="assert"> + <li>This test checks that content in the normal flow can extend into column gap before it reaches its middle. In this test, the 'l' and 'c' glyphs are painted into the left half of the column gap; the 'l' and 'e' glyphs extend outside the last column box at the edge of the multi-column and are therefore rendered thanks to the default 'overflow: visible' declaration.</li> + </ul> + </td> + </tr> + <tr id="multicol-clip-002-8.1" class="primary ahem"> + <td><strong> + <a href="multicol-clip-002.htm">multicol-clip-002</a></strong></td> + <td><a href="reference/multicol-clip-002-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>overflowed content inside and outside multicol element + <ul class="assert"> + <li>This test checks that content in the normal flow can extend into column gap before it reaches its middle. In this test, the 'l' and 'c' glyphs are painted into the left half of the column gap; the 'l' and 'e' glyphs extend outside the last column box at the edges of the multi-column and are therefore hidden thanks to the 'overflow: hidden' declaration.</li> + </ul> + </td> + </tr> + <tr id="multicol-width-small-001-8.1" class="primary ahem"> + <td><strong> + <a href="multicol-width-small-001.htm">multicol-width-small-001</a></strong></td> + <td><a href="reference/multicol-width-small-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>narrow column-width + <ul class="assert"> + <li>This test checks that a set 'column-width' which is small with regards to width of multi-column element. In this test, in-flow content that extends into column gaps is clipped in the middle of the column gap.</li> + </ul> + </td> + </tr> + </tbody> + <tbody id="s8.2"> + <tr><th colspan="4" scope="rowgroup"> + <a href="#s8.2">+</a> + <a href="http://www.w3.org/TR/css3-multicol/#pagination-and-overflow-outside-multicol">8.2 Pagination and overflow outside multicol elements</a></th></tr> + <!-- 4 tests --> + <tr id="multicol-fill-auto-block-children-002-8.2" class=""> + <td> + <a href="multicol-fill-auto-block-children-002.htm">multicol-fill-auto-block-children-002</a></td> + <td><a href="reference/multicol-fill-auto-block-children-002-ref.htm">=</a> </td> + <td></td> + <td>'column-fill: auto' and 'column-span: all' (complex) + <ul class="assert"> + <li>This test checks that if 'column-fill' is set to 'auto' and a multicolumn element content is solely made of block container boxes, then it should fill column boxes sequentially with such content and, in this test, it should overflow outside of it. This test relies on the idea that a 'column-span: all' element will occupy more space in a multi-column element than a 'column-span: none' element, therefore reducing available space for content in column boxes.</li> + </ul> + </td> + </tr> + <tr id="multicol-nested-margin-001-8.2" class="primary ahem"> + <td><strong> + <a href="multicol-nested-margin-001.htm">multicol-nested-margin-001</a></strong></td> + <td><a href="reference/multicol-nested-margin-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>multicolumn and nested margins + <ul class="assert"> + <li>This test checks that non-zero vertical margins can be applied on a multi-column element while the vertical margins of its own block containers can be set to zero.</li> + </ul> + </td> + </tr> + <tr id="multicol-overflow-000-8.2" class="primary ahem"> + <td><strong> + <a href="multicol-overflow-000.htm">multicol-overflow-000</a></strong></td> + <td><a href="reference/multicol-overflow-000-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>multi-column with set height causing overflow outside (basic) + <ul class="assert"> + <li>This test checks that column gap appears between two columns.</li> + </ul> + </td> + </tr> + <tr id="multicol-overflowing-001-8.2" class="primary ahem"> + <td><strong> + <a href="multicol-overflowing-001.htm">multicol-overflowing-001</a></strong></td> + <td><a href="reference/multicol-overflowing-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>multicolumn and overflowing constrained dimensions + <ul class="assert"> + <li>This test checks that the content of a multi-column element with a fixed height can overflow outside its fixed width according to the computed overflow value. In this test, the inline content of a multi-column element exceeds the available fixed height and fixed width for the multi-column element; therefore, it overflows outside of it and creates a 4th, 5th and 6th extra column boxes.</li> + </ul> + </td> + </tr> + </tbody> + <tbody id="s8.2.#overflow-columns"> + <!-- 0 tests --> + </tbody> + </table> + + </body> +</html>
\ No newline at end of file |