mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
296fa2512b
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180. - Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
230 lines
No EOL
8.4 KiB
HTML
230 lines
No EOL
8.4 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html>
|
|
<head>
|
|
<title>Resizing & Overflow - CSS Basic User Interface Module Level 3 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 Basic User Interface Module Level 3 CR Test Suite</h1>
|
|
<h2>Resizing & Overflow (13 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="s5">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s5">+</a>
|
|
<a href="https://www.w3.org/TR/css3-ui/#resizing-and-overflow">5 Resizing & Overflow</a></th></tr>
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s5.1">+</a>
|
|
<a href="https://www.w3.org/TR/css3-ui/#resize">5.1 resize property</a></th></tr>
|
|
<!-- 7 tests -->
|
|
<tr id="resize-001-5.1" class="interact">
|
|
<td>
|
|
<a href="resize-001.htm">resize-001</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>resize - both - both width and height adjusted
|
|
<ul class="assert">
|
|
<li>Test checks that both width and height adjusted when resize set both.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="resize-002-5.1" class="interact">
|
|
<td>
|
|
<a href="resize-002.htm">resize-002</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>resize - horizontal - only the width can be adjusted
|
|
<ul class="assert">
|
|
<li>Test checks that only the width of element can be adjusted when resize set horizontal</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="resize-003-5.1" class="interact">
|
|
<td>
|
|
<a href="resize-003.htm">resize-003</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>resize - inherit - the resize property inherits parent element
|
|
<ul class="assert">
|
|
<li>Test checks that the resize element inherits parent element</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="resize-004-5.1" class="interact">
|
|
<td>
|
|
<a href="resize-004.htm">resize-004</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>resize initial value - none
|
|
<ul class="assert">
|
|
<li>Test checks that the resize property initial value is none</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="resize-005-5.1" class="interact">
|
|
<td>
|
|
<a href="resize-005.htm">resize-005</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>resize - none - neither width nor height can be adjusted
|
|
<ul class="assert">
|
|
<li>Test checks that neither the width nor the height can be adjusted when resize set none</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="resize-006-5.1" class="interact">
|
|
<td>
|
|
<a href="resize-006.htm">resize-006</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>resize - vertical - only the height can be adjusted
|
|
<ul class="assert">
|
|
<li>Test checks that only the height can be adjusted when resize set vertical</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="resize-007-5.1" class="interact">
|
|
<td>
|
|
<a href="resize-007.htm">resize-007</a></td>
|
|
<td></td>
|
|
<td><abbr class="interact" title="Requires user interaction">Interact</abbr></td>
|
|
<td>resize - invalid without overflow property
|
|
<ul class="assert">
|
|
<li>Test checks that resize property is invalid without overflow property</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s5.1.#example-0ff410a0">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.1.#propdef-resize">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2">
|
|
<tr><th colspan="4" scope="rowgroup">
|
|
<a href="#s5.2">+</a>
|
|
<a href="https://www.w3.org/TR/css3-ui/#text-overflow">5.2 Overflow Ellipsis: the text-overflow property</a></th></tr>
|
|
<!-- 6 tests -->
|
|
<tr id="text-overflow-5.2" class="ahem font">
|
|
<td>
|
|
<a href="text-overflow.htm">text-overflow</a></td>
|
|
<td><a href="reference/text-overflow-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="font" title="Requires a special font">Font</abbr></td>
|
|
<td>text-overflow - ellipsis
|
|
<ul class="assert">
|
|
<li>'text-overflow:ellipsis' renders U+2026 when text is overflowing.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-overflow-001-5.2" class="">
|
|
<td>
|
|
<a href="text-overflow-001.htm">text-overflow-001</a></td>
|
|
<td><a href="reference/text-overflow-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>text-overflow - clip - the text inline content overflows will be broken
|
|
<ul class="assert">
|
|
<li>Test checks that the inline content that overflows will be clipped. Characters may be only partially rendered when text-overflow set clip</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-overflow-002-5.2" class="">
|
|
<td>
|
|
<a href="text-overflow-002.htm">text-overflow-002</a></td>
|
|
<td><a href="reference/text-overflow-002-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>text-overflow - ellipsis - the broken textual content instead of ellipsis
|
|
<ul class="assert">
|
|
<li>Test checks that an ellipsis (...) is shown instead of overflowing textual content</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-overflow-003-5.2" class="">
|
|
<td>
|
|
<a href="text-overflow-003.htm">text-overflow-003</a></td>
|
|
<td><a href="reference/text-overflow-001-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>text-overflow - inherit - inherit clip value of parent's text-overflow property
|
|
<ul class="assert">
|
|
<li>Test checks that text-overflow inherits the parent' clip value when text-overflow set inherit</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-overflow-004-5.2" class="">
|
|
<td>
|
|
<a href="text-overflow-004.htm">text-overflow-004</a></td>
|
|
<td><a href="reference/text-overflow-002-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>text-overflow - inherit - inherit ellipsis value of parent's text-overflow property
|
|
<ul class="assert">
|
|
<li>Test checks that text-overflow inherits the parent' ellipsis value when text-overflow set inherit</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="text-overflow-005-5.2" class="ahem">
|
|
<td>
|
|
<a href="text-overflow-005.htm">text-overflow-005</a></td>
|
|
<td><a href="reference/text-overflow-005-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>text-overflow reflow
|
|
<ul class="assert">
|
|
<li>Text overflow should disappear when the container becomes large enough. This test is targetted at bug #14952 in Servo's incremental reflow engine.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s5.2.#clip">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#ellipsing-details">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#ellipsis">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#ellipsis-interaction">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#ellipsis-scrolling">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#example-4d792064">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#overflow-clip">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#overflow-ellipsis">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#overflow-string">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s5.2.#propdef-text-overflow">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |