servo/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-9.xht

514 lines
No EOL
22 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Glyph Composition - CSS Writing Modes 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 Writing Modes Module Level 3 CR Test Suite</h1>
<h2>Glyph Composition (26 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s9">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#text-combine">9 Glyph Composition</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.#text-combine-horizontal">
<!-- 2 tests -->
<tr id="text-combine-horizontal-010-9.#text-combine-horizontal" class="primary font">
<td><strong>
<a href="text-combine-horizontal-010.xht">text-combine-horizontal-010</a></strong></td>
<td><a href="reference/text-combine-horizontal-010-ref.xht">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>text-combine-horizontal - none
<ul class="assert">
<li>This test verifies that 'text-combine-horizontal: none' does not combine multiple characters into the space of a single character i.e. characters from horizontal-only scripts are set sideways, i.e. 90&amp;deg; clockwise from their standard orientation in horizontal text.</li>
</ul>
</td>
</tr>
<tr id="text-combine-horizontal-011-9.#text-combine-horizontal" class="primary font">
<td><strong>
<a href="text-combine-horizontal-011.xht">text-combine-horizontal-011</a></strong></td>
<td><a href="reference/text-combine-horizontal-011-ref.xht">=</a> </td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>text-combine-horizontal - all
<ul class="assert">
<li>This test verifies that 'text-combine-horizontal: all' display the text contents of the element horizontally within the vertical line box. i.e. characters from horizontal-only scripts are rendered upright.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s9.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright">9.1 Horizontal-in-Vertical Composition: the text-combine-upright property</a></th></tr>
<!-- 21 tests -->
<tr id="text-combine-upright-parsing-invalid-001-9.1" class="primary dom invalid script">
<td><strong>
<a href="text-combine-upright-parsing-invalid-001.xht">text-combine-upright-parsing-invalid-001</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>CSS Writing Modes: parsing text-combine-upright with invalid values
<ul class="assert">
<li>text-combine-upright doesn't support undefined keywords and out-of-range integer, and numbers.</li>
</ul>
</td>
</tr>
<tr id="text-combine-upright-parsing-invalid-002-9.1" class="primary dom invalid script">
<td><strong>
<a href="text-combine-upright-parsing-invalid-002.xht">text-combine-upright-parsing-invalid-002</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>CSS Writing Modes: parsing text-combine-upright with digits plus calc() computing to invalid digits
<ul class="assert">
<li>User Agents ignore text-combine-upright with values `digits calc(...)` if the expression inside `calc()` computes to either numbers or out-of-range integers.</li>
</ul>
</td>
</tr>
<tr id="text-combine-upright-parsing-valid-001-9.1" class="primary dom script">
<td><strong>
<a href="text-combine-upright-parsing-valid-001.xht">text-combine-upright-parsing-valid-001</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>CSS Writing Modes: parsing text-combine-upright with valid values
<ul class="assert">
<li>text-combine-upright supports `none`, `all`, `digits`, and `digits` followed by a digit in the range from 2 to 4.</li>
</ul>
</td>
</tr>
<tr id="text-combine-upright-parsing-valid-002-9.1" class="primary dom script">
<td><strong>
<a href="text-combine-upright-parsing-valid-002.xht">text-combine-upright-parsing-valid-002</a></strong></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>CSS Writing Modes: parsing text-combine-upright with digits plus calc() computing to valid digits
<ul class="assert">
<li>User Agents support text-combine-upright with values `digits calc(...)` if the expression inside `calc()` computes to a valid integer, which is either 2, 3, or 4.</li>
</ul>
</td>
</tr>
<tr id="text-decoration-001-9.1" class="primary">
<td><strong>
<a href="text-decoration-001.xht">text-decoration-001</a></strong></td>
<td><a href="reference/text-decoration-001-ref.xht">=</a> </td>
<td></td>
<td>text-combine-upright with text-decoration
<ul class="assert">
<li>Test passes if text decoration applies to the composed character but each character inside tate-chu-yoko.</li>
</ul>
</td>
</tr>
<tr id="text-emphasis-001-9.1" class="primary">
<td><strong>
<a href="text-emphasis-001.xht">text-emphasis-001</a></strong></td>
<td><a href="reference/text-emphasis-001-ref.xht">=</a> <a href="reference/reference/text-emphasis-001-notref.xht">&#x2260;</a> </td>
<td></td>
<td>text-combine-upright with text-emphasis
<ul class="assert">
<li>Test passes if text emphasis applies to the composed character but each character inside tate-chu-yoko.</li>
</ul>
</td>
</tr>
<tr id="value-all-002-9.1" class="primary ahem">
<td><strong>
<a href="value-all-002.xht">value-all-002</a></strong></td>
<td><a href="reference/vertical-ahem-1x1-ref.xht">=</a> <a href="reference/horizontal-ahem-1x1-notref.xht">&#x2260;</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>CSS Writing Modes: text-combine-upright: all
<ul class="assert">
<li>'text-combine-upright: all' combines all characters inside the element which the declaration applied horizontally.</li>
</ul>
</td>
</tr>
<tr id="value-all-003-9.1" class="primary ahem">
<td><strong>
<a href="value-all-003.xht">value-all-003</a></strong></td>
<td><a href="reference/vertical-ahem-1x1-ref.xht">=</a> <a href="reference/horizontal-ahem-1x1-notref.xht">&#x2260;</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>CSS Writing Modes: text-combine-upright: all
<ul class="assert">
<li>'text-combine-upright: all' combines all characters inside the element which the declaration applied horizontally.</li>
</ul>
</td>
</tr>
<tr id="value-all-and-inherit-001-9.1" class="primary">
<td><strong>
<a href="value-all-and-inherit-001.xht">value-all-and-inherit-001</a></strong></td>
<td><a href="reference/value-all-and-inherit-001-ref.xht">=</a> </td>
<td></td>
<td>text-combine-upright :all
<ul class="assert">
<li>Two white triangles does not pointing to the right. Pointing up.</li>
</ul>
</td>
</tr>
<tr id="value-digit2-and-inherit-001-9.1" class="primary">
<td><strong>
<a href="value-digit2-and-inherit-001.xht">value-digit2-and-inherit-001</a></strong></td>
<td><a href="reference/value-digit2-and-inherit-001-ref.xht">=</a> </td>
<td></td>
<td>text-combine-upright :digit2
<ul class="assert">
<li>Two white triangles does not pointing to the right. Pointing up.</li>
</ul>
</td>
</tr>
<tr id="value-digits2-002-9.1" class="primary ahem">
<td><strong>
<a href="value-digits2-002.xht">value-digits2-002</a></strong></td>
<td><a href="reference/vertical-ahem-1x1-ref.xht">=</a> <a href="reference/horizontal-ahem-1x1-notref.xht">&#x2260;</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>CSS Writing Modes: text-combine-upright: digits 2 + two digits
<ul class="assert">
<li>'text-combine-upright: digits 2' combines two ASCII digits horizontally.</li>
</ul>
</td>
</tr>
<tr id="value-digits2-003-9.1" class="primary ahem">
<td><strong>
<a href="value-digits2-003.xht">value-digits2-003</a></strong></td>
<td><a href="reference/vertical-ahem-1x3-ref.xht">=</a> <a href="reference/horizontal-ahem-1x3-notref.xht">&#x2260;</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>CSS Writing Modes: text-combine-upright: digits 2 + three digits
<ul class="assert">
<li>'text-combine-upright: digits 2' does not combine digits that are greater than two.</li>
</ul>
</td>
</tr>
<tr id="value-digits3-001-9.1" class="primary ahem">
<td><strong>
<a href="value-digits3-001.xht">value-digits3-001</a></strong></td>
<td><a href="reference/vertical-ahem-1x1-ref.xht">=</a> <a href="reference/horizontal-ahem-1x1-notref.xht">&#x2260;</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>CSS Writing Modes: text-combine-upright: digits 3 + two digits
<ul class="assert">
<li>'text-combine-upright: digits 3' combines two ASCII digits horizontally.</li>
</ul>
</td>
</tr>
<tr id="value-digits3-002-9.1" class="primary ahem">
<td><strong>
<a href="value-digits3-002.xht">value-digits3-002</a></strong></td>
<td><a href="reference/vertical-ahem-1x1-ref.xht">=</a> <a href="reference/horizontal-ahem-1x1-notref.xht">&#x2260;</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>CSS Writing Modes: text-combine-upright: digits 3 + three digits
<ul class="assert">
<li>'text-combine-upright: digits 3' combines three ASCII digits horizontally.</li>
</ul>
</td>
</tr>
<tr id="value-digits3-003-9.1" class="primary ahem">
<td><strong>
<a href="value-digits3-003.xht">value-digits3-003</a></strong></td>
<td><a href="reference/vertical-ahem-1x4-ref.xht">=</a> <a href="reference/horizontal-ahem-1x4-notref.xht">&#x2260;</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>CSS Writing Modes: text-combine-upright: digits 3 + four digits
<ul class="assert">
<li>'text-combine-upright: digits 3' does not combine digits that are greater than three.</li>
</ul>
</td>
</tr>
<tr id="value-digits4-001-9.1" class="primary ahem">
<td><strong>
<a href="value-digits4-001.xht">value-digits4-001</a></strong></td>
<td><a href="reference/vertical-ahem-1x1-ref.xht">=</a> <a href="reference/horizontal-ahem-1x1-notref.xht">&#x2260;</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>CSS Writing Modes: text-combine-upright: digits 4 + three digits
<ul class="assert">
<li>'text-combine-upright: digits 4' combines three ASCII digits horizontally.</li>
</ul>
</td>
</tr>
<tr id="value-digits4-002-9.1" class="primary ahem">
<td><strong>
<a href="value-digits4-002.xht">value-digits4-002</a></strong></td>
<td><a href="reference/vertical-ahem-1x1-ref.xht">=</a> <a href="reference/horizontal-ahem-1x1-notref.xht">&#x2260;</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>CSS Writing Modes: text-combine-upright: digits 4 + four digits
<ul class="assert">
<li>'text-combine-upright: digits 4' combines four ASCII digits horizontally.</li>
</ul>
</td>
</tr>
<tr id="value-digits4-003-9.1" class="primary ahem">
<td><strong>
<a href="value-digits4-003.xht">value-digits4-003</a></strong></td>
<td><a href="reference/vertical-ahem-1x5-ref.xht">=</a> <a href="reference/horizontal-ahem-1x5-notref.xht">&#x2260;</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>CSS Writing Modes: text-combine-upright: digits 4 + five digits
<ul class="assert">
<li>'text-combine-upright: digits 4' does not combine digits that are greater than four.</li>
</ul>
</td>
</tr>
<tr id="value-none-001-9.1" class="primary ahem">
<td><strong>
<a href="value-none-001.xht">value-none-001</a></strong></td>
<td><a href="reference/vertical-ahem-1x3-ref.xht">=</a> <a href="reference/horizontal-ahem-1x3-notref.xht">&#x2260;</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>CSS Writing Modes: text-combine-upright: none
<ul class="assert">
<li>'text-combine-upright: none' does not combine any characters in any circumstance.</li>
</ul>
</td>
</tr>
<tr id="writing-mode-horizontal-001l-9.1" class="primary">
<td><strong>
<a href="writing-mode-horizontal-001l.xht">writing-mode-horizontal-001l</a></strong></td>
<td><a href="reference/writing-mode-horizontal-001l-ref.xht">=</a> </td>
<td></td>
<td>CSS Writing Modes: text-combine-upright in horizontal writing mode
<ul class="assert">
<li>text-combine-upright does not have an effect in horizontal writing modes.</li>
</ul>
</td>
</tr>
<tr id="writing-mode-horizontal-001r-9.1" class="primary">
<td><strong>
<a href="writing-mode-horizontal-001r.xht">writing-mode-horizontal-001r</a></strong></td>
<td><a href="reference/writing-mode-horizontal-001r-ref.xht">=</a> </td>
<td></td>
<td>CSS Writing Modes: text-combine-upright in horizontal writing mode
<ul class="assert">
<li>text-combine-upright does not have an effect in horizontal writing modes.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s9.1.#propdef-text-combine-upright">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.#valuedef-all">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.#valuedef-digits-integer">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.#valuedef-none">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.1">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#text-combine-runs">9.1.1 Text Run Rules</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.2">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#text-combine-layout">9.1.2 Layout Rules</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.3">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#text-combine-compression">9.1.3 Compression Rules</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.3.1">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth">9.1.3.1 Full-width Characters</a></th></tr>
<!-- 3 tests -->
<tr id="full-width-001-9.1.3.1" class="primary">
<td><strong>
<a href="full-width-001.xht">full-width-001</a></strong></td>
<td><a href="reference/full-width-ref.xht">=</a> <a href="reference/full-width-notcu-notref.xht">&#x2260;</a> <a href="reference/full-width-horizontal-notref.xht">&#x2260;</a> </td>
<td></td>
<td>CSS Writing Modes: text-combine-upright on full-width characters
<ul class="assert">
<li>When two or more full-width characters are combined, they are first converted to non-full-width characters.</li>
</ul>
</td>
</tr>
<tr id="full-width-002-9.1.3.1" class="primary">
<td><strong>
<a href="full-width-002.xht">full-width-002</a></strong></td>
<td><a href="reference/full-width-ref.xht">=</a> <a href="reference/full-width-notcu-notref.xht">&#x2260;</a> <a href="reference/full-width-horizontal-notref.xht">&#x2260;</a> </td>
<td></td>
<td>CSS Writing Modes: text-combine-upright on full-width characters
<ul class="assert">
<li>When two or more full-width characters are combined, they are first converted to non-full-width characters.</li>
</ul>
</td>
</tr>
<tr id="full-width-003-9.1.3.1" class="primary">
<td><strong>
<a href="full-width-003.xht">full-width-003</a></strong></td>
<td><a href="reference/full-width-ref.xht">=</a> <a href="reference/full-width-notcu-notref.xht">&#x2260;</a> <a href="reference/full-width-horizontal-notref.xht">&#x2260;</a> </td>
<td></td>
<td>CSS Writing Modes: text-combine-upright on full-width characters
<ul class="assert">
<li>When two or more full-width characters are combined, they are first converted to non-full-width characters.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s.#abstract">
<!-- 0 tests -->
</tbody>
<tbody id="s.#acknowledgements">
<!-- 0 tests -->
</tbody>
<tbody id="s.#changes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#changes-201109">
<!-- 0 tests -->
</tbody>
<tbody id="s.#changes-201205">
<!-- 0 tests -->
</tbody>
<tbody id="s.#changes-201211">
<!-- 0 tests -->
</tbody>
<tbody id="s.#changes-201311">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conformance">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conformance-classes">
<!-- 0 tests -->
</tbody>
<tbody id="s.#contents">
<!-- 0 tests -->
</tbody>
<tbody id="s.#conventions">
<!-- 0 tests -->
</tbody>
<tbody id="s.#cr-exit-criteria">
<!-- 0 tests -->
</tbody>
<tbody id="s.#css2">
<!-- 0 tests -->
</tbody>
<tbody id="s.#css21">
<!-- 0 tests -->
</tbody>
<tbody id="s.#css3-break">
<!-- 0 tests -->
</tbody>
<tbody id="s.#css3-flexbox">
<!-- 0 tests -->
</tbody>
<tbody id="s.#css3-sizing">
<!-- 0 tests -->
</tbody>
<tbody id="s.#css3-text-decor">
<!-- 0 tests -->
</tbody>
<tbody id="s.#css3bg">
<!-- 0 tests -->
</tbody>
<tbody id="s.#css3col">
<!-- 0 tests -->
</tbody>
<tbody id="s.#css3color">
<!-- 0 tests -->
</tbody>
<tbody id="s.#css3list">
<!-- 0 tests -->
</tbody>
<tbody id="s.#css3page">
<!-- 0 tests -->
</tbody>
<tbody id="s.#css3text">
<!-- 0 tests -->
</tbody>
<tbody id="s.#experimental">
<!-- 0 tests -->
</tbody>
<tbody id="s.#html401">
<!-- 0 tests -->
</tbody>
<tbody id="s.#html5">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#informative">
<!-- 0 tests -->
</tbody>
<tbody id="s.#normative">
<!-- 0 tests -->
</tbody>
<tbody id="s.#partial">
<!-- 0 tests -->
</tbody>
<tbody id="s.#property-index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#references">
<!-- 0 tests -->
</tbody>
<tbody id="s.#rfc2119">
<!-- 0 tests -->
</tbody>
<tbody id="s.#rfc6919">
<!-- 0 tests -->
</tbody>
<tbody id="s.#status">
<!-- 0 tests -->
</tbody>
<tbody id="s.#subtitle">
<!-- 0 tests -->
</tbody>
<tbody id="s.#svg11">
<!-- 0 tests -->
</tbody>
<tbody id="s.#testing">
<!-- 0 tests -->
</tbody>
<tbody id="s.#title">
<!-- 0 tests -->
</tbody>
<tbody id="s.#uax11">
<!-- 0 tests -->
</tbody>
<tbody id="s.#uax24">
<!-- 0 tests -->
</tbody>
<tbody id="s.#uax29">
<!-- 0 tests -->
</tbody>
<tbody id="s.#uax44">
<!-- 0 tests -->
</tbody>
<tbody id="s.#uax9">
<!-- 0 tests -->
</tbody>
<tbody id="s.#unicode">
<!-- 0 tests -->
</tbody>
<tbody id="s.#utn22">
<!-- 0 tests -->
</tbody>
<tbody id="s.#utr50">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>