Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-10 16:05:43 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update CSS tests to revision b9afbd8c2c8ef5e824f276b0c3d44143c01d98aa

Browse source
This commit is contained in:
Ms2ger 2015-12-16 15:23:24 +01:00
parent cd00f312a3
commit 35ee95c203
392 changed files with 11021 additions and 5662 deletions
Download patch file Download diff file Expand all files Collapse all files

42
tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-026.htm Normal file
View file

@ -0,0 +1,42 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: vertical-rl - block flow direction of block-level boxes</title>
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com">
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" title="3.1. Block Flow Direction: the 'writing-mode' property" href="http://www.w3.org/TR/css-writing-modes-3/#block-flow">
<link rel="match" href="reference/block-flow-direction-vrl-026-ref.htm">
<meta name="flags" content="ahem">
<meta name="assert" content="This test checks 1.block flow direction, 2.inline direction when 'writing-mode' is set to 'vertical-rl'.">
<style type="text/css">
.view_ahem
{
background: pink;
border: 1px solid black;
color: blue;
font: 20px/1 "Ahem";
height: 3em;
margin: 10px;
width: 3em;
white-space: pre;
}
#test_ahem
{
writing-mode: vertical-rl;
}
#control_ahem
{
writing-mode: horizontal-tb;
}
</style>
</head>
<body>
<p>Test passes if the 2 pink-and-blue rectangles are <strong>identical</strong>.</p>
<div class="view_ahem"><span id="test_ahem">123
56
7 </span></div>
<div class="view_ahem"><span id="control_ahem">7 1
52
63</span></div>
</body>
</html>

1467
tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-1.htm
View file

File diff suppressed because it is too large Load diff

294
tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-2.htm
View file

@ -13,7 +13,7 @@
<body>
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
<h2>Inline Direction and Bidirectionality (179 tests)</h2>
<h2>Inline Direction and Bidirectionality (186 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@ -1089,15 +1089,9 @@
</td>
</tr>
</tbody>
<tbody id="s2.#bidi-paragraph">
<!-- 0 tests -->
</tbody>
<tbody id="s2.#bidirectionality">
<!-- 0 tests -->
</tbody>
<tbody id="s2.#forced-paragraph-break">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.1">+</a>
@ -1507,10 +1501,10 @@
<tbody id="s2.1.#propdef-direction">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.#valuedef-ltr">
<tbody id="s2.1.#valdef-direction-ltr">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.#valuedef-rtl">
<tbody id="s2.1.#valdef-direction-rtl">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2">
@ -1765,22 +1759,22 @@
<tbody id="s2.2.#propdef-unicode-bidi">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#valuedef-bidi-override">
<tbody id="s2.2.#valdef-unicode-bidi-bidi-override">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#valuedef-embed">
<tbody id="s2.2.#valdef-unicode-bidi-embed">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#valuedef-isolate">
<tbody id="s2.2.#valdef-unicode-bidi-isolate">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#valuedef-isolate-override">
<tbody id="s2.2.#valdef-unicode-bidi-isolate-override">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#valuedef-normal">
<tbody id="s2.2.#valdef-unicode-bidi-normal">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#valuedef-plaintext">
<tbody id="s2.2.#valdef-unicode-bidi-plaintext">
<!-- 0 tests -->
</tbody>
<tbody id="s2.3">
@ -1789,12 +1783,228 @@
<a href="http://www.w3.org/TR/css-writing-modes-3/#bidi-example">2.3 Example of Bidirectional Text</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.3.#example-0342f8aa">
<!-- 0 tests -->
</tbody>
<tbody id="s2.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.4">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model">2.4 Box model for inline boxes in bidirectional context</a></th></tr>
<a href="http://www.w3.org/TR/css-writing-modes-3/#bidi-algo">2.4 Applying the Bidirectional Reordering Algorithm</a></th></tr>
<!-- 7 tests -->
<tr id="bidi-breaking-001-2.4" class="primary">
<td><strong>
<a href="bidi-breaking-001.htm">bidi-breaking-001</a></strong></td>
<td><a href="reference/bidi-breaking-001-ref.htm">=</a> </td>
<td></td>
<td>Bidi paragraph boundaries: Blocks
<ul class="assert">
<li>Block boundaries break bidi paragraphs.</li>
</ul>
</td>
</tr>
<tr id="bidi-breaking-002-2.4" class="primary">
<td><strong>
<a href="bidi-breaking-002.htm">bidi-breaking-002</a></strong></td>
<td><a href="reference/bidi-breaking-002-ref.htm">=</a> </td>
<td></td>
<td>Bidi paragraph boundaries: Forced Line Breaks
<ul class="assert">
<li>Forced line breaks of class B (but not class WS) break bidi paragraphs.</li>
</ul>
</td>
</tr>
<tr id="bidi-breaking-003-2.4" class="primary may">
<td><strong>
<a href="bidi-breaking-003.htm">bidi-breaking-003</a></strong></td>
<td><a href="reference/bidi-breaking-003-ref.htm">=</a> </td>
<td><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td>
<td>Bidi paragraph boundaries: Forced Line Breaks (Unicode)
<ul class="assert">
<li>Forced line breaks of class B (but not class WS) break bidi paragraphs.</li>
</ul>
</td>
</tr>
<tr id="bidi-glyph-mirroring-001-2.4" class="primary">
<td><strong>
<a href="bidi-glyph-mirroring-001.htm">bidi-glyph-mirroring-001</a></strong></td>
<td><a href="reference/bidi-glyph-mirroring-001-ref.htm">=</a> </td>
<td></td>
<td>unicode-bidi: bidi-override - glyph mirroring
<ul class="assert">
<li>Glyph mirroring of characters with unicode Bidi_Mirrored property should be performed when unicode-bidi: bidi-override is applied</li>
</ul>
</td>
</tr>
<tr id="bidi-glyph-mirroring-002-2.4" class="primary">
<td><strong>
<a href="bidi-glyph-mirroring-002.htm">bidi-glyph-mirroring-002</a></strong></td>
<td><a href="reference/bidi-glyph-mirroring-002-ref.htm">=</a> </td>
<td></td>
<td>unicode-bidi: bidi-override - glyph mirroring
<ul class="assert">
<li>Glyph mirroring of characters with unicode Bidi_Mirrored property should be performed direction:rtl is applied</li>
</ul>
</td>
</tr>
<tr id="bidi-inline-001-2.4" class="primary">
<td><strong>
<a href="bidi-inline-001.htm">bidi-inline-001</a></strong></td>
<td><a href="reference/bidi-inline-001-ref.htm">=</a> </td>
<td></td>
<td>unicode-bidi: bidi-override on inline - rtl
<ul class="assert">
<li>bidi-override should be applied to inlines with no interruptions to surrounding text</li>
</ul>
</td>
</tr>
<tr id="bidi-inline-002-2.4" class="primary">
<td><strong>
<a href="bidi-inline-002.htm">bidi-inline-002</a></strong></td>
<td><a href="reference/bidi-inline-001-ref.htm">=</a> </td>
<td></td>
<td>unicode-bidi: bidi-override on inline - nested
<ul class="assert">
<li>Nested bidi-override should be applied to inlines with no interruptions to surrounding text</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s2.4.#bidi-paragraph">
<!-- 0 tests -->
</tbody>
<tbody id="s2.4.#forced-paragraph-break">
<!-- 0 tests -->
</tbody>
<tbody id="s2.4.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.4.1">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#bidi-para-direction">2.4.1 Bidi Paragraph Embedding Levels</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.4.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.4.2">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes">2.4.2 CSS&#8211;Unicode Bidi Control Translation, Text Reordering</a></th></tr>
<!-- 11 tests -->
<tr id="bidi-001-2.4.2" class="">
<td>
<a href="bidi-001.htm">bidi-001</a></td>
<td><a href="reference/bidi-001-ref.htm">=</a> </td>
<td></td>
<td>RLO/PDF bidi reordering across closing inline element boundary
<ul class="assert">
<li>Tests that RLO + closing inline element boundary + PDF reorders text, splitting inline and rendering borders and padding appropriately.</li>
</ul>
</td>
</tr>
<tr id="bidi-002-2.4.2" class="">
<td>
<a href="bidi-002.htm">bidi-002</a></td>
<td><a href="reference/bidi-002-ref.htm">=</a> </td>
<td></td>
<td>RLO/PDF bidi reordering across closing inline element boundary + soft line break
<ul class="assert">
<li>Tests that RLO + closing inline element boundary + soft line break + PDF reorders text, placing text correctly on each line while also splitting inline and rendering borders and padding appropriately.</li>
</ul>
</td>
</tr>
<tr id="bidi-003-2.4.2" class="">
<td>
<a href="bidi-003.htm">bidi-003</a></td>
<td><a href="reference/bidi-003-ref.htm">=</a> </td>
<td></td>
<td>RLO/PDF bidi reordering across closing inline element boundary + opening inline boundary
<ul class="assert">
<li>Tests that RLO + closing inline element boundary + opening inline element boundary + PDF reorders text, splitting inlines and rendering their borders and padding appropriately.</li>
</ul>
</td>
</tr>
<tr id="bidi-004-2.4.2" class="ahem may21">
<td>
<a href="bidi-004.htm">bidi-004</a></td>
<td><a href="reference/bidi-004-ref.htm">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="may21" title="Behavior tested is preferred but optional">Optional</abbr></td>
<td>The bidi algorithm and inlines in CSS
</td>
</tr>
<tr id="bidi-005-2.4.2" class="">
<td>
<a href="bidi-005.htm">bidi-005</a></td>
<td></td>
<td></td>
<td>The bidi algorithm and inlines in CSS: embed levels and white-space: pre;
</td>
</tr>
<tr id="bidi-006-2.4.2" class="">
<td>
<a href="bidi-006.htm">bidi-006</a></td>
<td></td>
<td></td>
<td>The bidi algorithm and inlines in CSS: embed levels and white-space: nowrap;
</td>
</tr>
<tr id="bidi-007-2.4.2" class="">
<td>
<a href="bidi-007.htm">bidi-007</a></td>
<td></td>
<td></td>
<td>The bidi algorithm and inlines in CSS: embed levels and float: left;
</td>
</tr>
<tr id="bidi-008-2.4.2" class="">
<td>
<a href="bidi-008.htm">bidi-008</a></td>
<td></td>
<td></td>
<td>The bidi algorithm and inlines in CSS: embed levels and display: table;
</td>
</tr>
<tr id="bidi-009-2.4.2" class="">
<td>
<a href="bidi-009.htm">bidi-009</a></td>
<td></td>
<td></td>
<td>The bidi algorithm and inlines in CSS: embed levels and display: table-row;
</td>
</tr>
<tr id="bidi-010-2.4.2" class="">
<td>
<a href="bidi-010.htm">bidi-010</a></td>
<td></td>
<td></td>
<td>The bidi algorithm and inlines in CSS: embed levels and position: absolute
</td>
</tr>
<tr id="bidi-011-2.4.2" class="">
<td>
<a href="bidi-011.htm">bidi-011</a></td>
<td><a href="reference/bidi-011-ref.htm">=</a> </td>
<td></td>
<td>The bidi algorithm and inlines in CSS wrapping bidi formatting characters
</td>
</tr>
</tbody>
<tbody id="s2.4.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.4.3">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#bidi-atomic-inlines">2.4.3 Bidi Treatment of Atomic Inlines</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.4.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.4.4">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#bidi-embedding-breaks">2.4.4 Paragraph Breaks Within Embeddings and Isolates</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.4.4.#example-8a82340a">
<!-- 0 tests -->
</tbody>
<tbody id="s2.4.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.4.5">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model">2.4.5 Reordering-induced Box Fragmentation</a></th></tr>
<!-- 26 tests -->
<tr id="bidi-001-2.4" class="primary">
<tr id="bidi-001-2.4.5" class="primary">
<td><strong>
<a href="bidi-001.htm">bidi-001</a></strong></td>
<td><a href="reference/bidi-001-ref.htm">=</a> </td>
@ -1805,7 +2015,7 @@
</ul>
</td>
</tr>
<tr id="bidi-002-2.4" class="primary">
<tr id="bidi-002-2.4.5" class="primary">
<td><strong>
<a href="bidi-002.htm">bidi-002</a></strong></td>
<td><a href="reference/bidi-002-ref.htm">=</a> </td>
@ -1816,7 +2026,7 @@
</ul>
</td>
</tr>
<tr id="bidi-003-2.4" class="primary">
<tr id="bidi-003-2.4.5" class="primary">
<td><strong>
<a href="bidi-003.htm">bidi-003</a></strong></td>
<td><a href="reference/bidi-003-ref.htm">=</a> </td>
@ -1827,7 +2037,7 @@
</ul>
</td>
</tr>
<tr id="bidi-004-2.4" class="primary ahem may21">
<tr id="bidi-004-2.4.5" class="primary ahem may21">
<td><strong>
<a href="bidi-004.htm">bidi-004</a></strong></td>
<td><a href="reference/bidi-004-ref.htm">=</a> </td>
@ -1835,7 +2045,7 @@
<td>The bidi algorithm and inlines in CSS
</td>
</tr>
<tr id="bidi-005-2.4" class="">
<tr id="bidi-005-2.4.5" class="">
<td>
<a href="bidi-005.htm">bidi-005</a></td>
<td></td>
@ -1843,7 +2053,7 @@
<td>The bidi algorithm and inlines in CSS: embed levels and white-space: pre;
</td>
</tr>
<tr id="bidi-006-2.4" class="">
<tr id="bidi-006-2.4.5" class="">
<td>
<a href="bidi-006.htm">bidi-006</a></td>
<td></td>
@ -1851,7 +2061,7 @@
<td>The bidi algorithm and inlines in CSS: embed levels and white-space: nowrap;
</td>
</tr>
<tr id="bidi-007-2.4" class="">
<tr id="bidi-007-2.4.5" class="">
<td>
<a href="bidi-007.htm">bidi-007</a></td>
<td></td>
@ -1859,7 +2069,7 @@
<td>The bidi algorithm and inlines in CSS: embed levels and float: left;
</td>
</tr>
<tr id="bidi-008-2.4" class="">
<tr id="bidi-008-2.4.5" class="">
<td>
<a href="bidi-008.htm">bidi-008</a></td>
<td></td>
@ -1867,7 +2077,7 @@
<td>The bidi algorithm and inlines in CSS: embed levels and display: table;
</td>
</tr>
<tr id="bidi-009-2.4" class="">
<tr id="bidi-009-2.4.5" class="">
<td>
<a href="bidi-009.htm">bidi-009</a></td>
<td></td>
@ -1875,7 +2085,7 @@
<td>The bidi algorithm and inlines in CSS: embed levels and display: table-row;
</td>
</tr>
<tr id="bidi-010-2.4" class="">
<tr id="bidi-010-2.4.5" class="">
<td>
<a href="bidi-010.htm">bidi-010</a></td>
<td></td>
@ -1883,7 +2093,7 @@
<td>The bidi algorithm and inlines in CSS: embed levels and position: absolute
</td>
</tr>
<tr id="bidi-011-2.4" class="primary">
<tr id="bidi-011-2.4.5" class="primary">
<td><strong>
<a href="bidi-011.htm">bidi-011</a></strong></td>
<td><a href="reference/bidi-011-ref.htm">=</a> </td>
@ -1891,7 +2101,7 @@
<td>The bidi algorithm and inlines in CSS wrapping bidi formatting characters
</td>
</tr>
<tr id="bidi-box-model-001-2.4" class="primary">
<tr id="bidi-box-model-001-2.4.5" class="primary">
<td><strong>
<a href="bidi-box-model-001.htm">bidi-box-model-001</a></strong></td>
<td><a href="reference/bidi-box-model-001-ref.htm">=</a> </td>
@ -1902,7 +2112,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-002-2.4" class="primary">
<tr id="bidi-box-model-002-2.4.5" class="primary">
<td><strong>
<a href="bidi-box-model-002.htm">bidi-box-model-002</a></strong></td>
<td><a href="reference/bidi-box-model-001-ref.htm">=</a> </td>
@ -1913,7 +2123,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-003-2.4" class="primary">
<tr id="bidi-box-model-003-2.4.5" class="primary">
<td><strong>
<a href="bidi-box-model-003.htm">bidi-box-model-003</a></strong></td>
<td><a href="reference/bidi-box-model-001-ref.htm">=</a> </td>
@ -1924,7 +2134,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-004-2.4" class="primary">
<tr id="bidi-box-model-004-2.4.5" class="primary">
<td><strong>
<a href="bidi-box-model-004.htm">bidi-box-model-004</a></strong></td>
<td><a href="reference/bidi-box-model-001-ref.htm">=</a> </td>
@ -1935,7 +2145,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-005-2.4" class="primary">
<tr id="bidi-box-model-005-2.4.5" class="primary">
<td><strong>
<a href="bidi-box-model-005.htm">bidi-box-model-005</a></strong></td>
<td><a href="reference/bidi-box-model-001-ref.htm">=</a> </td>
@ -1946,7 +2156,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-006-2.4" class="primary">
<tr id="bidi-box-model-006-2.4.5" class="primary">
<td><strong>
<a href="bidi-box-model-006.htm">bidi-box-model-006</a></strong></td>
<td><a href="reference/bidi-box-model-001-ref.htm">=</a> </td>
@ -1957,7 +2167,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-007-2.4" class="primary">
<tr id="bidi-box-model-007-2.4.5" class="primary">
<td><strong>
<a href="bidi-box-model-007.htm">bidi-box-model-007</a></strong></td>
<td><a href="reference/bidi-box-model-007-ref.htm">=</a> </td>
@ -1968,7 +2178,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-008-2.4" class="primary">
<tr id="bidi-box-model-008-2.4.5" class="primary">
<td><strong>
<a href="bidi-box-model-008.htm">bidi-box-model-008</a></strong></td>
<td><a href="reference/bidi-box-model-007-ref.htm">=</a> </td>
@ -1979,7 +2189,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-009-2.4" class="primary">
<tr id="bidi-box-model-009-2.4.5" class="primary">
<td><strong>
<a href="bidi-box-model-009.htm">bidi-box-model-009</a></strong></td>
<td><a href="reference/bidi-box-model-007-ref.htm">=</a> </td>
@ -1990,7 +2200,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-034-2.4" class="primary ahem">
<tr id="bidi-box-model-034-2.4.5" class="primary ahem">
<td><strong>
<a href="bidi-box-model-034.htm">bidi-box-model-034</a></strong></td>
<td><a href="reference/bidi-box-model-034-ref.htm">=</a> </td>
@ -2001,7 +2211,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-035-2.4" class="primary ahem">
<tr id="bidi-box-model-035-2.4.5" class="primary ahem">
<td><strong>
<a href="bidi-box-model-035.htm">bidi-box-model-035</a></strong></td>
<td><a href="reference/bidi-box-model-034-ref.htm">=</a> </td>
@ -2012,7 +2222,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-036-2.4" class="primary ahem">
<tr id="bidi-box-model-036-2.4.5" class="primary ahem">
<td><strong>
<a href="bidi-box-model-036.htm">bidi-box-model-036</a></strong></td>
<td><a href="reference/bidi-box-model-034-ref.htm">=</a> </td>
@ -2023,7 +2233,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-043-2.4" class="primary ahem">
<tr id="bidi-box-model-043-2.4.5" class="primary ahem">
<td><strong>
<a href="bidi-box-model-043.htm">bidi-box-model-043</a></strong></td>
<td><a href="reference/bidi-box-model-043-ref.htm">=</a> </td>
@ -2034,7 +2244,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-044-2.4" class="primary ahem">
<tr id="bidi-box-model-044-2.4.5" class="primary ahem">
<td><strong>
<a href="bidi-box-model-044.htm">bidi-box-model-044</a></strong></td>
<td><a href="reference/bidi-box-model-043-ref.htm">=</a> </td>
@ -2045,7 +2255,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-045-2.4" class="primary ahem">
<tr id="bidi-box-model-045-2.4.5" class="primary ahem">
<td><strong>
<a href="bidi-box-model-045.htm">bidi-box-model-045</a></strong></td>
<td><a href="reference/bidi-box-model-043-ref.htm">=</a> </td>

1492
tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm
View file

File diff suppressed because it is too large Load diff

6
tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-4.htm
View file

@ -446,6 +446,12 @@
<tbody id="s4.4.#dominant-baseline">
<!-- 0 tests -->
</tbody>
<tbody id="s4.4.#example-0f51d3ed">
<!-- 0 tests -->
</tbody>
<tbody id="s4.4.#example-56bdb8bb">
<!-- 0 tests -->
</tbody>
</table>
</body>

96
tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-5.htm
View file

@ -13,7 +13,7 @@
<body>
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
<h2>Introduction to Vertical Text Layout (28 tests)</h2>
<h2>Introduction to Vertical Text Layout (33 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@ -36,7 +36,7 @@
<tbody id="s5.#bi-orientational">
<!-- 0 tests -->
</tbody>
<tbody id="s5.#bi-orientational----transform">
<tbody id="s5.#bi-orientational-transform">
<!-- 0 tests -->
</tbody>
<tbody id="s5.#horizontal-only">
@ -55,7 +55,7 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation">5.1 Orienting Text: the text-orientation property</a></th></tr>
<!-- 28 tests -->
<!-- 33 tests -->
<tr id="table-progression-vlr-003-5.1" class="">
<td>
<a href="table-progression-vlr-003.htm">table-progression-vlr-003</a></td>
@ -100,14 +100,14 @@
</ul>
</td>
</tr>
<tr id="text-orientation-010-5.1" class="primary ahem font">
<tr id="text-orientation-010-5.1" class="primary image">
<td><strong>
<a href="text-orientation-010.htm">text-orientation-010</a></strong></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="font" title="Requires a special font">Font</abbr></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>text-orientation - mixed
<ul class="assert">
<li>This test checks that 'text-orientation: mixed' causes characters from horizontal-only scripts are set sideways, i.e. 90&amp;deg;clockwise from their standard orientation in horizontal text. Characters from vertical scripts are set with their intrinsic orientation. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.</li>
<li>This test checks that 'text-orientation: mixed' causes characters from horizontal-only scripts are set sideways, i.e. rotated 90 clockwise from their standard orientation in horizontal text. Characters from vertical scripts are set according to their intrinsic orientation (Vertical Orientation Property as given by UTR50).</li>
</ul>
</td>
</tr>
@ -133,14 +133,36 @@
</ul>
</td>
</tr>
<tr id="text-orientation-mixed-001-5.1" class="primary font image">
<tr id="text-orientation-mixed-001-5.1" class="primary image">
<td><strong>
<a href="text-orientation-mixed-001.htm">text-orientation-mixed-001</a></strong></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>text-orientation - mixed in vertical-rl writing mode
<ul class="assert">
<li>This test checks that the alphabet is displayed on sideways, and it is verified whether the characters are aligned in the vertical direction including vertical writing characters (Japanese, Mongolian, Hangul, etc).</li>
<li>This test checks that when 'text-orientation' is set to 'mixed', then latin alphabet characters are displayed sideways (rotated 90 degrees clockwise) and characters from vertical scripts (Japanese, Mongolian, Hangul, etc) are displayed according to their intrinsic orientation property (Vertical Orientation Property as given by UTR50). In this test, the 'FULLWIDTH LATIN CAPITAL LETTER T' must be typeset upright.</li>
</ul>
</td>
</tr>
<tr id="text-orientation-mixed-slr-015-5.1" class="primary image">
<td><strong>
<a href="text-orientation-mixed-slr-015.htm">text-orientation-mixed-slr-015</a></strong></td>
<td></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>'writing-mode: sideways-lr' - 'text-orientation: mixed' has no effect
<ul class="assert">
<li>This test checks that when 'writing-mode' is set to 'sideways-lr', then a 'text-orientation: mixed' declaration has no effect: the alphabetical baseline is used as the dominant baseline and all the glyphs remain rotated 90 degrees counter-clockwise. The typographic mode for 'sideways-lr' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.</li>
</ul>
</td>
</tr>
<tr id="text-orientation-mixed-srl-016-5.1" class="primary">
<td><strong>
<a href="text-orientation-mixed-srl-016.htm">text-orientation-mixed-srl-016</a></strong></td>
<td><a href="reference/text-orientation-upright-srl-016-ref.htm">=</a> </td>
<td></td>
<td>'writing-mode: sideways-rl' - 'text-orientation: mixed' has no effect
<ul class="assert">
<li>This test checks that when 'writing-mode' is set to 'sideways-rl', then a 'text-orientation: mixed' declaration has no effect: the alphabetical baseline is used as the dominant baseline because the typographic mode for 'sideways-rl' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.</li>
</ul>
</td>
</tr>
@ -353,6 +375,17 @@
</ul>
</td>
</tr>
<tr id="text-orientation-sideways-slr-019-5.1" class="primary image">
<td><strong>
<a href="text-orientation-sideways-slr-019.htm">text-orientation-sideways-slr-019</a></strong></td>
<td></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>'writing-mode: sideways-lr' - 'text-orientation: sideways' has no effect
<ul class="assert">
<li>This test checks that when 'writing-mode' is set to 'sideways-lr', then a 'text-orientation: sideways' declaration has no effect: the alphabetical baseline is used as the dominant baseline and all the glyphs remain rotated 90 degrees counter-clockwise. The typographic mode for 'sideways-lr' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.</li>
</ul>
</td>
</tr>
<tr id="text-orientation-upright-001-5.1" class="primary font image">
<td><strong>
<a href="text-orientation-upright-001.htm">text-orientation-upright-001</a></strong></td>
@ -364,6 +397,28 @@
</ul>
</td>
</tr>
<tr id="text-orientation-upright-slr-017-5.1" class="primary image">
<td><strong>
<a href="text-orientation-upright-slr-017.htm">text-orientation-upright-slr-017</a></strong></td>
<td></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>'writing-mode: sideways-lr' - 'text-orientation: upright' has no effect
<ul class="assert">
<li>This test checks that when 'writing-mode' is set to 'sideways-lr', then a 'text-orientation: upright' declaration has no effect: the alphabetical baseline is used as the dominant baseline and all the glyphs remain rotated 90 degrees counter-clockwise. The typographic mode for 'sideways-lr' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.</li>
</ul>
</td>
</tr>
<tr id="text-orientation-upright-srl-018-5.1" class="primary">
<td><strong>
<a href="text-orientation-upright-srl-018.htm">text-orientation-upright-srl-018</a></strong></td>
<td><a href="reference/text-orientation-mixed-srl-016-ref.htm">=</a> </td>
<td></td>
<td>'writing-mode: sideways-rl' - 'text-orientation: upright' has no effect
<ul class="assert">
<li>This test checks that when 'writing-mode' is set to 'sideways-rl', then a 'text-orientation: upright' declaration has no effect: the alphabetical baseline is used as the dominant baseline and all the glyphs remain rotated 90 degrees clockwise. The typographic mode for 'sideways-rl' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s5.1.#fig-text-orientation">
<!-- 0 tests -->
@ -371,22 +426,16 @@
<tbody id="s5.1.#propdef-text-orientation">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valuedef-mixed">
<tbody id="s5.1.#valdef-text-orientation-mixed">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valuedef-sideways">
<tbody id="s5.1.#valdef-text-orientation-sideways">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valuedef-sideways-left">
<tbody id="s5.1.#valdef-text-orientation-sideways-right">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valuedef-sideways-right">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valuedef-upright">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valuedef-use-glyph-orientation">
<tbody id="s5.1.#valdef-text-orientation-upright">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.1">
@ -407,6 +456,15 @@
<a href="http://www.w3.org/TR/css-writing-modes-3/#vertical-orientations">5.1.2 Mixed Vertical Orientations</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1.3">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#glyph-orientation">5.1.3 Obsolete: the SVG1.1 glyph-orientation-vertical property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.3.#propdef-glyph-orientation-vertical">
<!-- 0 tests -->
</tbody>
</table>
</body>

20
tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-6.htm
View file

@ -81,27 +81,33 @@
<tbody id="s6.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.1">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#abstract-dimensions">6.1 Abstract Dimensions</a></th></tr>
<a href="http://www.w3.org/TR/css-writing-modes-3/#abstract-axes">6.1 Abstract Dimensions</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#abstract-dimensions0">
<tbody id="s6.1.#abstract-dimensions">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#block-axis-">
<tbody id="s6.1.#block-axis">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#block-dimension">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#block-size">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#extent">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#inline-axis-">
<tbody id="s6.1.#inline-axis">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#inline-dimension">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#inline-size">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#logical-height">
<!-- 0 tests -->
</tbody>
@ -302,6 +308,12 @@
<tbody id="s6.2.#end">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#example-22471c52">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#example-a4f35a79">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#flow-relative-direction">
<!-- 0 tests -->
</tbody>

36
tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-7.htm
View file

@ -3951,6 +3951,9 @@
</td>
</tr>
</tbody>
<tbody id="s7.1.#example-28016ba9">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.2">+</a>
@ -4414,13 +4417,22 @@
</td>
</tr>
</tbody>
<tbody id="s7.3.#establish-an-orthogonal-flow-">
<tbody id="s7.3.#establish-an-orthogonal-flow">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.#example-d9b70a0b">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.#orthogonal-shrink-to-fit">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.3.1">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">7.3.1 Auto-sizing in Orthogonal Flows</a></th></tr>
<a href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">7.3.1 Available Sizes in Orthogonal Flows</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.1.#issue-ca47cbba">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.2">
@ -4429,10 +4441,16 @@
<a href="http://www.w3.org/TR/css-writing-modes-3/#auto-multicol">7.3.2 Auto-sizing Block Containers in Orthogonal Flows</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.2.#issue-bddd6a30">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.3.3">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-layout">7.3.3 Auto-sizing Orthogonal Flows</a></th></tr>
<a href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-layout">7.3.3 Auto-sizing Other Orthogonal Flow Roots</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.3.#example-708daa22">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.4">
@ -5966,18 +5984,6 @@
</td>
</tr>
</tbody>
<tbody id="s7.7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.7">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#caption-side">7.7 Table Caption Mappings: the caption-side keywords</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.7.#valuedef-block-end">
<!-- 0 tests -->
</tbody>
<tbody id="s7.7.#valuedef-block-start">
<!-- 0 tests -->
</tbody>
</table>
</body>

24
tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-8.htm
View file

@ -3,7 +3,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Page Flow: the page progression direction - CSS Writing Modes Module Level 3 CR Test Suite</title>
<title>The Principal Writing Mode - 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";
@ -13,7 +13,7 @@
<body>
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
<h2>Page Flow: the page progression direction (0 tests)</h2>
<h2>The Principal Writing Mode (0 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@ -30,7 +30,25 @@
<tbody id="s8">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#page-direction">8 Page Flow: the page progression direction</a></th></tr>
<a href="http://www.w3.org/TR/css-writing-modes-3/#principal-flow">8 The Principal Writing Mode</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.#principal-writing-mode">
<!-- 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/css-writing-modes-3/#icb">8.1 Propagation to the Initial Containing Block</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.1.#issue-80e9901b">
<!-- 0 tests -->
</tbody>
<tbody id="s8.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8.2">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#page-direction">8.2 Page Flow: the page progression direction</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>

232
tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-9.htm
View file

@ -295,16 +295,22 @@
</td>
</tr>
</tbody>
<tbody id="s9.1.#example-ae717c2a">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.#example-d250f365">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.#propdef-text-combine-upright">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.#valuedef-all">
<tbody id="s9.1.#valdef-text-combine-upright-all">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.#valuedef-digits-integer">
<tbody id="s9.1.#valdef-text-combine-upright-digits-integer">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.#valuedef-none">
<tbody id="s9.1.#valdef-text-combine-upright-none">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.1">
@ -313,6 +319,9 @@
<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.1.#example-95932934">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.2">+</a>
@ -347,6 +356,9 @@
<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.#example-8e0562a8">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.3.1">+</a>
@ -386,24 +398,138 @@
</td>
</tr>
</tbody>
<tbody id="s9.1.3.1.#example-cc759014">
<!-- 0 tests -->
</tbody>
<tbody id="s.#abstract">
<!-- 0 tests -->
</tbody>
<tbody id="s.#acknowledgements">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-backgrounds-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-break-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-cascade-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-display-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-flexbox-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-fonts-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-images-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-masking-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-multicol-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-page-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-position-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-ruby-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-sizing-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-text-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-text-decor-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-values-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css21">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-break">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-flexbox">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-fonts">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-sizing">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-text">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-text-decor">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3bg">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3col">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3color">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3page">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3text">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-html401">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-html5">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-rfc2119">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-rfc6919">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-svg11">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-svg2">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-uax11">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-uax24">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-uax9">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-unicode">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-utn22">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-utr50">
<!-- 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>
@ -422,57 +548,27 @@
<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">
<tbody id="s.#example-f839f6c8">
<!-- 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.#index-defined-elsewhere">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index-defined-here">
<!-- 0 tests -->
</tbody>
<tbody id="s.#informative">
<!-- 0 tests -->
</tbody>
<tbody id="s.#issues-index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#normative">
<!-- 0 tests -->
</tbody>
@ -485,49 +581,19 @@
<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">
<tbody id="s.#w3c_process_revision">
<!-- 0 tests -->
</tbody>
</table>

12
tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-A.htm
View file

@ -3,7 +3,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Characters and Properties - CSS Writing Modes Module Level 3 CR Test Suite</title>
<title>Vertical Scripts in Unicode - 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";
@ -13,7 +13,7 @@
<body>
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
<h2>Characters and Properties (0 tests)</h2>
<h2>Vertical Scripts in Unicode (0 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@ -30,13 +30,7 @@
<tbody id="sA">
<tr><th colspan="4" scope="rowgroup">
<a href="#sA">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#character-properties">A Characters and Properties</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="sA.#character">
<!-- 0 tests -->
</tbody>
<tbody id="sA.#grapheme-cluster">
<a href="http://www.w3.org/TR/css-writing-modes-3/#script-orientations">A Vertical Scripts in Unicode</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>

39
tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-B.htm
View file

@ -1,39 +0,0 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Bidi Rules for HTML 4 - 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>Bidi Rules for HTML 4 (0 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="sB">
<tr><th colspan="4" scope="rowgroup">
<a href="#sB">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#bidi-html">B Bidi Rules for HTML 4</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

39
tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-C.htm
View file

@ -1,39 +0,0 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Vertical Scripts in Unicode - 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>Vertical Scripts in Unicode (0 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="sC">
<tr><th colspan="4" scope="rowgroup">
<a href="#sC">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#script-orientations">C Vertical Scripts in Unicode</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

10
tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-slr-009.htm
View file

@ -3,6 +3,7 @@
<head>
<title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-12-12 -->
<link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines">
<link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes">
<link rel="match" href="reference/inline-block-alignment-slr-009-ref.htm">
@ -13,7 +14,6 @@
{
color: teal;
font: 60px/1 Ahem; /* computes to 60px/60px */
height: 4em;
writing-mode: sideways-lr;
}
@ -48,12 +48,12 @@
<body>
<p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p>
<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p>
<div id="slr">p<div id="inline-block">
<div id="slr">É<div id="inline-block">
<span class="block-descendant">B</span>
<span class="block-descendant last-line-box">p</span>
</div><span id="fuchsia30">p</span></div>
<span class="block-descendant last-line-box">É</span>
</div><span id="fuchsia30">É</span></div>
</body>
</html>

32
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-vrl-026-ref.htm Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta name="flags" content="ahem">
<style type="text/css">
div
{
background: pink;
border: 1px solid black;
color: blue;
font: 20px/1 "Ahem";
margin: 10px;
width: 3em;
white-space: pre;
}
</style>
</head>
<body>
<p>Test passes if the 2 pink-and-blue rectangles are <strong>identical</strong>.</p>
<div>7 1
52
63</div>
<div>7 1
52
63</div>
</body>
</html>

22
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/inline-block-alignment-slr-009-ref.htm
View file

@ -3,26 +3,23 @@
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-12-12 -->
<meta name="flags" content="image">
<style type="text/css">
img
{
vertical-align: top;
}
img
{
padding-left: 156px; /* 60 px (padding-left) + 48px (the position difference of box) + 48px (ascent width) */
padding-left: 252px; /* 60px (padding-left) + 120px (B) + 96px (?) - 24px (?) == 252px */
vertical-align: top;
}
img + br + img
{
padding-left: 156px; /* 60 px (padding-left) + 96px (ascent width)*/
padding-left: 60px; /* 60px (padding-left) */
}
img + br + img + br + img
{
padding-left: 156px; /* 60 px (padding-left) + 72px (the position difference of box) + 24px (ascent width) */
padding-left: 228px; /* 60px (padding-left) + 120px (B) + 96px (?) - 48px == 228px */
}
</style>
@ -30,12 +27,9 @@
<body>
<p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p>
<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p>
<div><img src="support/swatch-teal.png" width="24" height="30" alt="Image download support must be enabled"><br><img src="support/swatch-teal.png" width="216" height="120" alt="Image download support must be enabled"><br><img src="support/swatch-teal.png" width="48" height="60" alt="Image download support must be enabled"></div>
<div>
<img src="support/swatch-teal.png" width="12" height="60" alt="Image download support must be enabled"><br><!--
--><img src="support/swatch-teal.png" width="144" height="120" alt="Image download support must be enabled"><br><!--
--><img src="support/swatch-teal.png" width="6" height="30" alt="Image download support must be enabled">
</div>
</body>
</html>

BIN
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/form-controls-vlr.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 9.3 KiB

Before After
Before After

4
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/test-style.css
View file

@ -1,8 +1,8 @@
#test01, #test02, #test03{
width: 50px;
height: 50px;
text-align:center;
font-size: 20px;
text-align:center;
font-size: 20px;
}
#test{
background: #ff0000;

BIN
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/text-orientation-010.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.3 KiB

BIN
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/text-orientation-mixed-001.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

Before After
Before After

BIN
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/text-orientation-sideways-lr.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.1 KiB

6
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/table-progression-slr-001-ref.htm
View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html><head><title>CSS Reference</title>
<html><head><meta charset="utf-8">
<title>CSS Reference</title>
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad">
@ -92,4 +93,5 @@
<td class="orng">
</td><td colspan="3">
</td><td class="navy">
</td></tr></tbody></table></body></html>
</td></tr></tbody></table>
</body></html>

39
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-orientation-mixed-srl-016-ref.htm Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("support/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
}
div
{
border: gray solid 1px;
font: bold 26px/32px "mplus-1p-regular";
margin-bottom: 4px;
text-orientation: sideways;
writing-mode: vertical-rl;
}
</style>
</head>
<body>
<p>Test passes if the glyphs in both rectangles have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong>.</p>
<div>月火水Abc<br>def木金土</div>
<div>月火水Abc<br>def木金土</div>
</body>
</html>

3
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/vertical-alignment-slr-049-ref.htm
View file

@ -3,6 +3,7 @@
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-12-11 -->
<meta name="flags" content="image">
<style type="text/css">
img
@ -23,7 +24,7 @@
<p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p>
<div>
<img class="blue" src="support/swatch-blue.png" width="80" height="80" alt="Image download support must be enabled"><br><img class="blue" src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled">
<img src="support/swatch-blue.png" width="80" height="80" alt="Image download support must be enabled"><br><img src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled">
</div>
</body>

24
tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm
View file

@ -3440,6 +3440,14 @@
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="block-flow-direction-vrl-026" class="ahem">
<tr>
<td rowspan="1" title="vertical-rl - block flow direction of block-level boxes">
<a href="block-flow-direction-vrl-026.htm">block-flow-direction-vrl-026</a></td>
<td><a href="reference/block-flow-direction-vrl-026-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="block-override-001" class="">
<tr>
<td rowspan="1" title="direction: div override rtl">
@ -6160,6 +6168,22 @@
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="text-orientation-mixed-srl-016" class="">
<tr>
<td rowspan="1" title="'writing-mode: sideways-rl' - 'text-orientation: mixed' has no effect">
<a href="text-orientation-mixed-srl-016.htm">text-orientation-mixed-srl-016</a></td>
<td><a href="reference/text-orientation-upright-srl-016-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-orientation-upright-srl-018" class="">
<tr>
<td rowspan="1" title="'writing-mode: sideways-rl' - 'text-orientation: upright' has no effect">
<a href="text-orientation-upright-srl-018.htm">text-orientation-upright-srl-018</a></td>
<td><a href="reference/text-orientation-mixed-srl-016-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="unicode-bidi-001" class="">
<tr>
<td rowspan="1" title="Unicode-bidi set to 'normal'">

3
tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list
View file

@ -426,6 +426,7 @@ block-flow-direction-vrl-019.htm == reference/block-flow-direction-001-ref.htm
block-flow-direction-vrl-021.htm == reference/block-flow-direction-002-ref.htm
block-flow-direction-vrl-024.htm == reference/block-flow-direction-002-ref.htm
block-flow-direction-vrl-025.htm == reference/block-flow-direction-025-ref.htm
block-flow-direction-vrl-026.htm == reference/block-flow-direction-vrl-026-ref.htm
block-override-001.htm == reference/block-override-001.htm
block-override-002.htm == reference/block-override-002.htm
block-override-003.htm == reference/block-override-003.htm
@ -766,6 +767,8 @@ text-indent-vrl-012.htm == reference/text-indent-vrl-012-ref.htm
text-indent-vrl-014.htm == reference/text-indent-vrl-010-ref.htm
text-indent-vrl-016.htm == reference/text-indent-vrl-012-ref.htm
text-orientation-014.htm == reference/text-orientation-014-ref.htm
text-orientation-mixed-srl-016.htm == reference/text-orientation-upright-srl-016-ref.htm
text-orientation-upright-srl-018.htm == reference/text-orientation-mixed-srl-016-ref.htm
unicode-bidi-001.htm == reference/direction-002-ref.htm
unicode-bidi-002.htm == reference/unicode-bidi-002-ref.htm
unicode-bidi-003.htm == reference/direction-002-ref.htm

BIN
tests/wpt/css-tests/css-writing-modes-3_dev/html/support/form-controls-vlr.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 9.3 KiB

Before After
Before After

4
tests/wpt/css-tests/css-writing-modes-3_dev/html/support/test-style.css
View file

@ -1,8 +1,8 @@
#test01, #test02, #test03{
width: 50px;
height: 50px;
text-align:center;
font-size: 20px;
text-align:center;
font-size: 20px;
}
#test{
background: #ff0000;

BIN
tests/wpt/css-tests/css-writing-modes-3_dev/html/support/text-orientation-010.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.3 KiB

BIN
tests/wpt/css-tests/css-writing-modes-3_dev/html/support/text-orientation-mixed-001.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

Before After
Before After

BIN
tests/wpt/css-tests/css-writing-modes-3_dev/html/support/text-orientation-sideways-lr.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.1 KiB

3
tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-slr-001.htm
View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html><head><title>CSS Test: sideways-lr Table Row/Rowgroup/Cell Ordering</title>
<html><head><meta charset="utf-8">
<title>CSS Test: sideways-lr Table Row/Rowgroup/Cell Ordering</title>
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad">
<link href="reference/table-progression-slr-001-ref.htm" rel="match">

3
tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-srl-001.htm
View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html><head><title>CSS Test: sideways-rl Table Row/Rowgroup/Cell Ordering</title>
<html><head><meta charset="utf-8">
<title>CSS Test: sideways-rl Table Row/Rowgroup/Cell Ordering</title>
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad">
<link href="reference/table-progression-001-ref.htm" rel="match">

3
tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-srl-002.htm
View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html><head><title>CSS Test: sideways-rl Table Column/Colgroup Ordering</title>
<html><head><meta charset="utf-8">
<title>CSS Test: sideways-rl Table Column/Colgroup Ordering</title>
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad">
<link href="reference/table-progression-002-ref.htm" rel="match">

73
tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-010.htm
View file

@ -3,10 +3,10 @@
<head>
<title>CSS Writing Modes Test: text-orientation - mixed</title>
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com">
<link rel="help" title="5.1. Orienting Text: the‘text-orientation’property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation">
<meta http-equiv="content-language" content="en, ja">
<meta name="flags" content="ahem font">
<meta name="assert" content="This test checks that 'text-orientation: mixed' causes characters from horizontal-only scripts are set sideways, i.e. 90°clockwise from their standard orientation in horizontal text. Characters from vertical scripts are set with their intrinsic orientation. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.">
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" title="5.1. Orienting Text: the 'text-orientation' property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation">
<meta name="flags" content="image">
&deg;<meta name="assert" content="This test checks that 'text-orientation: mixed' causes characters from horizontal-only scripts are set sideways, i.e. rotated 90 clockwise from their standard orientation in horizontal text. Characters from vertical scripts are set according to their intrinsic orientation (Vertical Orientation Property as given by UTR50).">
<style type="text/css">
@font-face
{
@ -17,62 +17,35 @@
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
.view_ahem
div
{
background: pink;
border: 1px solid black;
color: blue;
font: 20px/1 "Ahem";
height: 3em;
margin: 10px;
width: 3em;
white-space: pre;
}
#test_ahem
{
text-orientation: mixed; /* The property to be tested */
font-family: "mplus-1p-regular";
font-size: 32px;
line-height: 1.5; /* computes to 48px */
margin-bottom: 10px;
writing-mode: vertical-rl;
}
#control_ahem
{
writing-mode: horizontal-tb;
}
.view
div#test
{
border: 1px solid gray;
font-family: "mplus-1p-regular";
font-size: 1.5em;
line-height: 1.5;
margin-bottom: 10px;
width: 3em;
writing-mode: vertical-rl;
}
#test
span
{
text-orientation: mixed; /* The property to be tested */
}
#control
{
text-combine-upright: none;
}
</style>
</head>
<body lang="en">
<!--
This test consists of a pair of sub-tests which complements each other.
Logically, the test should verify 1.block flow direction, 2.inline direction
and 3.glyph orientation. The "Ahem" sub-test comes first and checks 1. and 2. ,
whereas "glyph" sub-test comes later and also checks 3.
-->
<p>Test passes if a pair of rectangles is <strong>identical</strong> including <strong>layout</strong> and <strong>orientation</strong>.</p>
<div class="view_ahem"><span id="test_ahem">123
56
7 </span></div>
<div class="view_ahem"><span id="control_ahem">7 1
52
63</span></div>
<hr>
<div class="view" lang="ja"><span id="test">月火水Abc<br>def木金土</span></div>
<div class="view" lang="ja"><span id="control">月火水Abc<br>def木金土</span></div>
<body>
<p>Test passes if characters of both rectangles have the <strong>same order</strong>, <strong>same layout</strong> and the <strong>same orientation</strong>.</p>
<div lang="ja" id="test"><span>月火水Abc<br>def木金土</span></div>
<div id="control"><img src="support/text-orientation-010.png" width="98" height="192" alt="Image download support must be enabled"></div>
</body>
</html>

63
tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-mixed-001.htm
View file

@ -3,47 +3,56 @@
<head>
<title>CSS Writing Modes Test: text-orientation - mixed in vertical-rl writing mode</title>
<link rel="author" title="Kazuaki Takemura" href="mailto:takemura@networksoft.co.jp">
<link rel="help" title="5.1. Orienting Text" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation">
<meta name="flags" content="font image">
<meta name="assert" content="This test checks that the alphabet is displayed on sideways, and it is verified whether the characters are aligned in the vertical direction including vertical writing characters (Japanese, Mongolian, Hangul, etc).">
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" title="5.1 Orienting Text: the 'text-orientation' property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation">
<meta name="flags" content="image">
<meta name="assert" content="This test checks that when 'text-orientation' is set to 'mixed', then latin alphabet characters are displayed sideways (rotated 90 degrees clockwise) and characters from vertical scripts (Japanese, Mongolian, Hangul, etc) are displayed according to their intrinsic orientation property (Vertical Orientation Property as given by UTR50). In this test, the 'FULLWIDTH LATIN CAPITAL LETTER T' must be typeset upright.">
<style type="text/css">
@font-face
{
font-family: "DejaVuSerifBook";
src: url("support/DejaVuSerif-webfont.woff") format("woff");
/* Filesize: 18096 bytes (17.7 KBytes) */
}
{
font-family: "mplus-1p-regular";
src: url("support/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at, from [TBD later]
*/
}
div {
border: 1px solid gray;
float: left;
color: blue;
font-family: "DejaVuSerifBook";
font-size: 1.875em; /* equivalent to 30px */
line-height: 1.4; /* equivalent to 42px:
so that top-half-leading is 6px
and bottom-half-leading is 6px */
margin: 10px;
}
div
{
float: left;
color: blue;
font-family: "mplus-1p-regular";
font-size: 30px;
line-height: 1.4; /* equivalent to 42px:
so that top-half-leading outside content area is 6px
and bottom-half-leading outside content area is 6px */
margin: 10px;
}
div#vertical
{
writing-mode: vertical-rl;
text-orientation: mixed;
}
{
border: 1px solid gray;
text-orientation: mixed;
writing-mode: vertical-rl;
}
img {vertical-align: top;}
img {vertical-align: top;}
</style>
</head>
<body>
<p>Test passes if both "Text sample" rectangles are <strong>identical</strong>: only "T" should be displayed vertically and "ext Sample" should be displayed sideways.</p>
<p>Test passes if characters in both "Text sample" rectangles have the <strong>same order</strong>, <strong>same layout</strong> and the <strong>same orientation</strong>: "T" should be upright and "ext sample" should be rotated 90&deg; clockwise.</p>
<div id="vertical">Ｔext sample</div>
<!--
HTML Entity (decimal) &#65332; or HTML Entity (hex) &#xff34; is Unicode Character 'FULLWIDTH LATIN CAPITAL LETTER T'
More info:
http://lists.w3.org/Archives/Public/public-css-testsuite/2015Dec/0008.html
-->
<div><img src="./support/text-orientation-mixed-001.png" width="42" height="189" alt="Image download support must be enabled"></div>
<div><img src="support/text-orientation-mixed-001.png" width="44" height="198" alt="Image download support must be enabled"></div>
</body>
</html>

43
tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-mixed-slr-015.htm Normal file
View file

@ -0,0 +1,43 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: 'writing-mode: sideways-lr' - 'text-orientation: mixed' has no effect</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" title="5.1. Orienting Text: the 'text-orientation' property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation">
<meta name="flags" content="image">
<meta name="assert" content="This test checks that when 'writing-mode' is set to 'sideways-lr', then a 'text-orientation: mixed' declaration has no effect: the alphabetical baseline is used as the dominant baseline and all the glyphs remain rotated 90 degrees counter-clockwise. The typographic mode for 'sideways-lr' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.">
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("support/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
}
div#slr
{
border: gray solid 1px;
font: bold 26px/32px "mplus-1p-regular";
margin-bottom: 4px;
writing-mode: sideways-lr;
text-orientation: mixed;
}
</style>
</head>
<body>
<p>Test passes if the glyphs in both rectangles have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong>.</p>
<div id="slr">月火水Abc<br>def木金土</div>
<div><img id="reference" src="support/text-orientation-sideways-lr.png" width="66" height="133" alt="Image download support must be enabled"></div>
</body>
</html>

54
tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-mixed-srl-016.htm Normal file
View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: 'writing-mode: sideways-rl' - 'text-orientation: mixed' has no effect</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" title="5.1. Orienting Text: the 'text-orientation' property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation">
<link rel="match" href="reference/text-orientation-upright-srl-016-ref.htm">
<meta name="flags" content="">
<meta name="assert" content="This test checks that when 'writing-mode' is set to 'sideways-rl', then a 'text-orientation: mixed' declaration has no effect: the alphabetical baseline is used as the dominant baseline because the typographic mode for 'sideways-rl' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.">
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("support/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
}
div
{
border: gray solid 1px;
font: bold 26px/32px "mplus-1p-regular";
margin-bottom: 4px;
}
div#test-srl
{
writing-mode: sideways-rl;
text-orientation: mixed;
}
div#ref-vrl-sideways
{
text-orientation: sideways;
writing-mode: vertical-rl;
}
</style>
</head>
<body>
<p>Test passes if the glyphs in both rectangles have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong>.</p>
<div id="test-srl">月火水Abc<br>def木金土</div>
<div id="ref-vrl-sideways">月火水Abc<br>def木金土</div>
</body>
</html>

43
tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-sideways-slr-019.htm Normal file
View file

@ -0,0 +1,43 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: 'writing-mode: sideways-lr' - 'text-orientation: sideways' has no effect</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" title="5.1. Orienting Text: the 'text-orientation' property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation">
<meta name="flags" content="image">
<meta name="assert" content="This test checks that when 'writing-mode' is set to 'sideways-lr', then a 'text-orientation: sideways' declaration has no effect: the alphabetical baseline is used as the dominant baseline and all the glyphs remain rotated 90 degrees counter-clockwise. The typographic mode for 'sideways-lr' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.">
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("support/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
}
div#slr
{
border: gray solid 1px;
font: bold 26px/32px "mplus-1p-regular";
margin-bottom: 4px;
writing-mode: sideways-lr;
text-orientation: sideways;
}
</style>
</head>
<body>
<p>Test passes if the glyphs in both rectangles have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong>.</p>
<div id="slr">月火水Abc<br>def木金土</div>
<div><img id="reference" src="support/text-orientation-sideways-lr.png" width="66" height="133" alt="Image download support must be enabled"></div>
</body>
</html>

43
tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-upright-slr-017.htm Normal file
View file

@ -0,0 +1,43 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: 'writing-mode: sideways-lr' - 'text-orientation: upright' has no effect</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" title="5.1. Orienting Text: the 'text-orientation' property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation">
<meta name="flags" content="image">
<meta name="assert" content="This test checks that when 'writing-mode' is set to 'sideways-lr', then a 'text-orientation: upright' declaration has no effect: the alphabetical baseline is used as the dominant baseline and all the glyphs remain rotated 90 degrees counter-clockwise. The typographic mode for 'sideways-lr' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.">
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("support/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
}
div#slr
{
border: gray solid 1px;
font: bold 26px/32px "mplus-1p-regular";
margin-bottom: 4px;
writing-mode: sideways-lr;
text-orientation: upright;
}
</style>
</head>
<body>
<p>Test passes if the glyphs in both rectangles have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong>.</p>
<div id="slr">月火水Abc<br>def木金土</div>
<div><img id="reference" src="support/text-orientation-sideways-lr.png" width="66" height="133" alt="Image download support must be enabled"></div>
</body>
</html>

54
tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-upright-srl-018.htm Normal file
View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Writing Modes Test: 'writing-mode: sideways-rl' - 'text-orientation: upright' has no effect</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" title="5.1. Orienting Text: the 'text-orientation' property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation">
<link rel="match" href="reference/text-orientation-mixed-srl-016-ref.htm">
<meta name="flags" content="">
<meta name="assert" content="This test checks that when 'writing-mode' is set to 'sideways-rl', then a 'text-orientation: upright' declaration has no effect: the alphabetical baseline is used as the dominant baseline and all the glyphs remain rotated 90 degrees clockwise. The typographic mode for 'sideways-rl' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.">
<style type="text/css">
@font-face
{
font-family: "mplus-1p-regular";
src: url("support/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
}
div
{
border: gray solid 1px;
font: bold 26px/32px "mplus-1p-regular";
margin-bottom: 4px;
}
div#test-srl
{
writing-mode: sideways-rl;
text-orientation: upright;
}
div#ref-vrl-sideways
{
text-orientation: sideways;
writing-mode: vertical-rl;
}
</style>
</head>
<body>
<p>Test passes if the glyphs in both rectangles have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong>.</p>
<div id="test-srl">月火水Abc<br>def木金土</div>
<div id="ref-vrl-sideways">月火水Abc<br>def木金土</div>
</body>
</html>

20
tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm
View file

@ -22,17 +22,17 @@
<tbody id="s1">
<tr><th><a href="chapter-1.htm">Chapter 1 -
Introduction to Writing Modes</a></th>
<td>(0 Tests)</td></tr>
<td>(132 Tests)</td></tr>
</tbody>
<tbody id="s2">
<tr><th><a href="chapter-2.htm">Chapter 2 -
Inline Direction and Bidirectionality</a></th>
<td>(179 Tests)</td></tr>
<td>(186 Tests)</td></tr>
</tbody>
<tbody id="s3">
<tr><th><a href="chapter-3.htm">Chapter 3 -
Introduction to Vertical Text</a></th>
<td>(147 Tests)</td></tr>
<td>(19 Tests)</td></tr>
</tbody>
<tbody id="s4">
<tr><th><a href="chapter-4.htm">Chapter 4 -
@ -42,7 +42,7 @@
<tbody id="s5">
<tr><th><a href="chapter-5.htm">Chapter 5 -
Introduction to Vertical Text Layout</a></th>
<td>(28 Tests)</td></tr>
<td>(33 Tests)</td></tr>
</tbody>
<tbody id="s6">
<tr><th><a href="chapter-6.htm">Chapter 6 -
@ -56,7 +56,7 @@
</tbody>
<tbody id="s8">
<tr><th><a href="chapter-8.htm">Chapter 8 -
Page Flow: the page progression direction</a></th>
The Principal Writing Mode</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="s9">
@ -66,16 +66,6 @@
</tbody>
<tbody id="sA">
<tr><th><a href="chapter-A.htm">Appendix A -
Characters and Properties</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="sB">
<tr><th><a href="chapter-B.htm">Appendix B -
Bidi Rules for HTML 4</a></th>
<td>(0 Tests)</td></tr>
</tbody>
<tbody id="sC">
<tr><th><a href="chapter-C.htm">Appendix C -
Vertical Scripts in Unicode</a></th>
<td>(0 Tests)</td></tr>
</tbody>

4
tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-slr-029.htm
View file

@ -3,6 +3,7 @@
<head>
<title>CSS Writing Modes Test: vertical-align - 'top' and sideways-lr writing-mode</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-12-11 -->
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr', 'vertical-align' is 'top', the physical left (logical top) edge of an inline non-replaced box is aligned with the physical left (logical top) edge of its line box.">
@ -14,6 +15,7 @@
writing-mode: sideways-lr;
font: 60px/3 Ahem; /* computes to 60px/180px */
color: blue;
margin-top: 46px; /* 30px (height of orange square) + 16px (p's margin-bottom) */
}
span#orange
@ -21,7 +23,7 @@
font-size: 0.5em;
color: orange;
vertical-align: top;
margin-top: -1em;
margin-bottom: -2em;
}
</style>

3
tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-slr-031.htm
View file

@ -3,6 +3,7 @@
<head>
<title>CSS Writing Modes Test: vertical-align - 'text-top' and sideways-lr writing-mode</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-12-11 -->
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
<meta name="assert" content="This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr', 'vertical-align' is 'text-top', the physical left (logical top) edge of an inline non-replaced box is aligned with the left side (logical top) of parent's content area.">
@ -14,10 +15,12 @@
color: orange;
font: 60px/3 Ahem; /* computes to 60px/180px */
writing-mode: sideways-lr;
margin-top: 76px; /* 60px (height of A) + 16px (p's margin-bottom) */
}
span#orange30
{
margin-bottom: -3em; /* computes to -90px */
font-size: 0.5em; /* computes to 30px */
vertical-align: text-top;
}

3
tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-slr-033.htm
View file

@ -3,6 +3,7 @@
<head>
<title>CSS Writing Modes Test: vertical-align - 'text-bottom' and sideways-lr writing-mode</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-12-11 -->
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
<meta name="assert" content="This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr', 'vertical-align' is 'text-bottom', the physical right (logical bottom) edge of an inline non-replaced box is aligned with the right side (logical bottom) of parent's content area.">
@ -14,10 +15,12 @@
color: orange;
font: 60px/3 Ahem; /* computes to 60px/180px */
writing-mode: sideways-lr;
margin-top: 76px; /* 60px (height of A) + 16px (p's margin-bottom) */
}
span#orange30
{
margin-bottom: -3em; /* computes to -90px */
font-size: 0.5em; /* computes to 30px */
vertical-align: text-bottom;
}

4
tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-slr-035.htm
View file

@ -3,6 +3,7 @@
<head>
<title>CSS Writing Modes Test: vertical-align - 'bottom' and sideways-lr writing-mode</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-12-11 -->
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr', 'vertical-align' is 'bottom', the physical right (logical bottom) edge of an inline non-replaced box is aligned with the physical right (logical bottom) edge of its line box.">
@ -14,6 +15,7 @@
writing-mode: sideways-lr;
font: 60px/3 Ahem; /* computes to 60px/180px */
color: blue;
margin-top: 46px; /* 30px (height of orange square) + 16px (p's margin-bottom) */
}
span#orange
@ -21,7 +23,7 @@
font-size: 0.5em;
color: orange;
vertical-align: bottom;
margin-top: -1em;
margin-bottom: -2em; /* computes to -60px */
}
</style>

3
tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-slr-037.htm
View file

@ -3,6 +3,7 @@
<head>
<title>CSS Writing Modes Test: vertical-align - 'super' and sideways-lr writing-mode</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-12-11 -->
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr' and 'vertical-align' is 'super', the baseline of the box is shifted to the left.">
@ -19,7 +20,7 @@
{
vertical-align: super;
color: blue;
margin-top: -1em;
margin-bottom: -1em;
}
</style>

3
tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-slr-039.htm
View file

@ -3,6 +3,7 @@
<head>
<title>CSS Writing Modes Test: vertical-align - 'sub' and sideways-lr writing-mode</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-12-11 -->
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr' and 'vertical-align' is 'sub', the baseline of the box is shifted to the right.">
@ -19,7 +20,7 @@
{
vertical-align: sub;
color: blue;
margin-top: -1em;
margin-bottom: -1em;
}
</style>

3
tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-slr-041.htm
View file

@ -3,6 +3,7 @@
<head>
<title>CSS Writing Modes Test: vertical-align - 'middle' and sideways-lr writing-mode</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-12-11 -->
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the alphabetic baseline of the parent box plus half the x-height of the parent.">
@ -29,7 +30,7 @@
<p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p>
<div id="slr-mixed">X<span>X</span></div>
<div id="slr">X<span>X</span></div>
</body>
</html>

1
tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-srl-028.htm
View file

@ -3,6 +3,7 @@
<head>
<title>CSS Writing Modes Test: vertical-align - 'top' and sideways-rl writing-mode</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-12-11 -->
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl', 'vertical-align' is 'top', the physical right (logical top) edge of an inline non-replaced box is aligned with the physical right (logical top) edge of its line box.">

1
tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-srl-030.htm
View file

@ -3,6 +3,7 @@
<head>
<title>CSS Writing Modes Test: vertical-align - 'text-top' and sideways-rl writing-mode</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-12-11 -->
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
<meta name="assert" content="This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl', 'vertical-align' is 'text-top', the physical right (logical top) edge of an inline non-replaced box is aligned with the right side (logical top) of parent's content area.">

1
tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-srl-032.htm
View file

@ -3,6 +3,7 @@
<head>
<title>CSS Writing Modes Test: vertical-align - 'text-bottom' and sideways-rl writing-mode</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-12-11 -->
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
<meta name="assert" content="This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'text-bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the left side (logical bottom) of parent's content area.">

1
tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-srl-034.htm
View file

@ -3,6 +3,7 @@
<head>
<title>CSS Writing Modes Test: vertical-align - 'bottom' and sideways-rl writing-mode</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-12-11 -->
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl', 'vertical-align' is 'bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the physical left (logical bottom) edge of its line box.">

1
tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-srl-036.htm
View file

@ -3,6 +3,7 @@
<head>
<title>CSS Writing Modes Test: vertical-align - 'super' and sideways-rl writing-mode</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-12-11 -->
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl' and 'vertical-align' is 'super', the baseline of the box is shifted to the right.">

1
tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-srl-038.htm
View file

@ -3,6 +3,7 @@
<head>
<title>CSS Writing Modes Test: vertical-align - 'sub' and sideways-rl writing-mode</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-12-11 -->
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl' and 'vertical-align' is 'sub', the baseline of the box is shifted to the left.">

1
tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-srl-040.htm
View file

@ -3,6 +3,7 @@
<head>
<title>CSS Writing Modes Test: vertical-align - 'middle' and sideways-rl writing-mode</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-12-11 -->
<link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">
<link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading">
<meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl' and 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the alphabetic baseline of the parent box plus half the x-height of the parent.">

92
tests/wpt/css-tests/css-writing-modes-3_dev/implementation-report-TEMPLATE.data
View file

@ -905,6 +905,8 @@ html/block-flow-direction-vrl-024.htm a1dddb1952ff3df783226338b1a14f7906288e23 ?
xhtml1/block-flow-direction-vrl-024.xht a1dddb1952ff3df783226338b1a14f7906288e23 ?
html/block-flow-direction-vrl-025.htm 6b3673477ab3c066dec96f347d5c1f6aaafc0622 ?
xhtml1/block-flow-direction-vrl-025.xht 6b3673477ab3c066dec96f347d5c1f6aaafc0622 ?
html/block-flow-direction-vrl-026.htm 4a9a4ca16a3437bfc29a9d0f96e0daa5579e209b ?
xhtml1/block-flow-direction-vrl-026.xht 4a9a4ca16a3437bfc29a9d0f96e0daa5579e209b ?
html/block-override-001.htm c9f01a298fdc3c1c6eaceefc08c1f134078a0c61 ?
xhtml1/block-override-001.xht c9f01a298fdc3c1c6eaceefc08c1f134078a0c61 ?
html/block-override-002.htm 1c72e7aa6e1d313b0e23b11e9e637b1f77dd39f4 ?
@ -1237,8 +1239,8 @@ html/inline-block-alignment-orthogonal-vrl-002.htm 26492fc7f467f3d050af3de705b26
xhtml1/inline-block-alignment-orthogonal-vrl-002.xht 26492fc7f467f3d050af3de705b263f7ab7996eb ?
html/inline-block-alignment-orthogonal-vrl-004.htm b76cd7a87f94be29964bef761b5a28f1108b9994 ?
xhtml1/inline-block-alignment-orthogonal-vrl-004.xht b76cd7a87f94be29964bef761b5a28f1108b9994 ?
html/inline-block-alignment-slr-009.htm 1b6746f227c5e40ecbb3d07edbac29ac0c206fb4 ?
xhtml1/inline-block-alignment-slr-009.xht 1b6746f227c5e40ecbb3d07edbac29ac0c206fb4 ?
html/inline-block-alignment-slr-009.htm 9c332a64534a626fa9d4f2270da2086cfce949c2 ?
xhtml1/inline-block-alignment-slr-009.xht 9c332a64534a626fa9d4f2270da2086cfce949c2 ?
html/inline-block-alignment-srl-008.htm 8f526c8e5309c5f2fdb3a99180fae2150cd51b31 ?
xhtml1/inline-block-alignment-srl-008.xht 8f526c8e5309c5f2fdb3a99180fae2150cd51b31 ?
html/inline-replaced-vlr-003.htm fb490b42fc0b5e2d19122a5ec93d729280d0de37 ?
@ -1539,14 +1541,14 @@ html/table-column-order-slr-007.htm d191edebe5a760f10e427023f054f845926876bd ?
xhtml1/table-column-order-slr-007.xht d191edebe5a760f10e427023f054f845926876bd ?
html/table-column-order-srl-006.htm fe2d31c64e1ed2e2badf6c844997f157d54d4fdf ?
xhtml1/table-column-order-srl-006.xht fe2d31c64e1ed2e2badf6c844997f157d54d4fdf ?
html/table-progression-slr-001.htm af7d971e56a4df80a306f033041e8c1161b3fc0a ?
xhtml1/table-progression-slr-001.xht af7d971e56a4df80a306f033041e8c1161b3fc0a ?
html/table-progression-slr-001.htm a08eb6b56e144ec3433bbe9cda6adced37863955 ?
xhtml1/table-progression-slr-001.xht a08eb6b56e144ec3433bbe9cda6adced37863955 ?
html/table-progression-slr-002.htm 19e1b54408e91a7566d9502f454c2bd473917c82 ?
xhtml1/table-progression-slr-002.xht 19e1b54408e91a7566d9502f454c2bd473917c82 ?
html/table-progression-srl-001.htm 0dac2ab388f8c05765288927c38dc9f24ba1a277 ?
xhtml1/table-progression-srl-001.xht 0dac2ab388f8c05765288927c38dc9f24ba1a277 ?
html/table-progression-srl-002.htm ea004df0b7de35f6b97a7c097cb5555619ccac94 ?
xhtml1/table-progression-srl-002.xht ea004df0b7de35f6b97a7c097cb5555619ccac94 ?
html/table-progression-srl-001.htm a81f141e0378f2e773b9caeeea940ce3ab738ae2 ?
xhtml1/table-progression-srl-001.xht a81f141e0378f2e773b9caeeea940ce3ab738ae2 ?
html/table-progression-srl-002.htm 0f642ee613bba6affcc4593a73d1b175adcca376 ?
xhtml1/table-progression-srl-002.xht 0f642ee613bba6affcc4593a73d1b175adcca376 ?
html/table-progression-vlr-001.htm 401f8eb3e2ee5bb76005f18b876ad15312e36f23 ?
xhtml1/table-progression-vlr-001.xht 401f8eb3e2ee5bb76005f18b876ad15312e36f23 ?
html/table-progression-vlr-002.htm 443f8504e53d242cbfb638187617e29f70f70bef ?
@ -1717,14 +1719,18 @@ html/text-indent-vrl-014.htm 237aa7256b471375ef0b81e8764aa74bc69dbf94 ?
xhtml1/text-indent-vrl-014.xht 237aa7256b471375ef0b81e8764aa74bc69dbf94 ?
html/text-indent-vrl-016.htm bd36efb6824d9649c071507677cdc5d1320798c9 ?
xhtml1/text-indent-vrl-016.xht bd36efb6824d9649c071507677cdc5d1320798c9 ?
html/text-orientation-010.htm 4ecdbceff7397331c490f98d284800bf1fa125a2 ?
xhtml1/text-orientation-010.xht 4ecdbceff7397331c490f98d284800bf1fa125a2 ?
html/text-orientation-010.htm 1511f4563046f864019cb40056670f54b552780b ?
xhtml1/text-orientation-010.xht 1511f4563046f864019cb40056670f54b552780b ?
html/text-orientation-011.htm 1e2a7d34e5dbf3ae8ebe3191281f4ed36965d6a5 ?
xhtml1/text-orientation-011.xht 1e2a7d34e5dbf3ae8ebe3191281f4ed36965d6a5 ?
html/text-orientation-014.htm e7b729c9708ff9b96a036be54c09cdb9685fa3f1 ?
xhtml1/text-orientation-014.xht e7b729c9708ff9b96a036be54c09cdb9685fa3f1 ?
html/text-orientation-mixed-001.htm 851a369832d6705268ece34dbba1a79873c9b854 ?
xhtml1/text-orientation-mixed-001.xht 851a369832d6705268ece34dbba1a79873c9b854 ?
html/text-orientation-mixed-001.htm aa6d2c81a00d0395b3461c65648cb56a7267cf06 ?
xhtml1/text-orientation-mixed-001.xht aa6d2c81a00d0395b3461c65648cb56a7267cf06 ?
html/text-orientation-mixed-slr-015.htm 75f3c49fafbca34c74b1efe1e9cdf606bb63e581 ?
xhtml1/text-orientation-mixed-slr-015.xht 75f3c49fafbca34c74b1efe1e9cdf606bb63e581 ?
html/text-orientation-mixed-srl-016.htm 6a965d8fb3411f9e3f9276cdda149a8941d0b101 ?
xhtml1/text-orientation-mixed-srl-016.xht 6a965d8fb3411f9e3f9276cdda149a8941d0b101 ?
html/text-orientation-parsing-001.htm 1de93e81798548a8c094751021c6bfd09d204700 ?
xhtml1/text-orientation-parsing-001.xht 1de93e81798548a8c094751021c6bfd09d204700 ?
html/text-orientation-parsing-sideways-right-001.htm 467f926e5646149f727d9115633a469321712cca ?
@ -1763,8 +1769,14 @@ html/text-orientation-script-001o.htm 1a717f6bfd17124696e2e012a26ae1ce94ecbf57 ?
xhtml1/text-orientation-script-001o.xht 1a717f6bfd17124696e2e012a26ae1ce94ecbf57 ?
html/text-orientation-sideways-001.htm d1d9b931c735b904d2b2d42012c8b03359ca33a8 ?
xhtml1/text-orientation-sideways-001.xht d1d9b931c735b904d2b2d42012c8b03359ca33a8 ?
html/text-orientation-sideways-slr-019.htm 4e0a10ed2a2d0c9511f8f0291f0303275d1f5916 ?
xhtml1/text-orientation-sideways-slr-019.xht 4e0a10ed2a2d0c9511f8f0291f0303275d1f5916 ?
html/text-orientation-upright-001.htm 1d7c80ad3f6eb357a1dd9ef0261dba63dcf971a1 ?
xhtml1/text-orientation-upright-001.xht 1d7c80ad3f6eb357a1dd9ef0261dba63dcf971a1 ?
html/text-orientation-upright-slr-017.htm cbf6301c1c97a93a318954e46c5ae8010231ac7c ?
xhtml1/text-orientation-upright-slr-017.xht cbf6301c1c97a93a318954e46c5ae8010231ac7c ?
html/text-orientation-upright-srl-018.htm 0b1b44dae6f78659495ca27f311a04db5c4eae75 ?
xhtml1/text-orientation-upright-srl-018.xht 0b1b44dae6f78659495ca27f311a04db5c4eae75 ?
html/underline-font-size-vlr-003.htm 2ed0dce303004a098525b1c0aa2008df639643ea ?
xhtml1/underline-font-size-vlr-003.xht 2ed0dce303004a098525b1c0aa2008df639643ea ?
html/underline-font-size-vlr-005.htm 8218f172828fc358d5814147c09eac80646d5167 ?
@ -1833,34 +1845,34 @@ html/vertical-alignment-008.htm e59d282df581512d3263e9b22972d82c334db836 ?
xhtml1/vertical-alignment-008.xht e59d282df581512d3263e9b22972d82c334db836 ?
html/vertical-alignment-009.htm 5036b5e9d0d8ae513c39237eeddfbcb235f19871 ?
xhtml1/vertical-alignment-009.xht 5036b5e9d0d8ae513c39237eeddfbcb235f19871 ?
html/vertical-alignment-slr-029.htm c2a2fae94b1f0eec403f937302dc66b6a3d874da ?
xhtml1/vertical-alignment-slr-029.xht c2a2fae94b1f0eec403f937302dc66b6a3d874da ?
html/vertical-alignment-slr-031.htm e04df2a92bf5d5a360cc0bb2259ff67945aea375 ?
xhtml1/vertical-alignment-slr-031.xht e04df2a92bf5d5a360cc0bb2259ff67945aea375 ?
html/vertical-alignment-slr-033.htm e2f3cfa1756a7faa2709a55271f26c7011532d04 ?
xhtml1/vertical-alignment-slr-033.xht e2f3cfa1756a7faa2709a55271f26c7011532d04 ?
html/vertical-alignment-slr-035.htm eaa1fa85acffd26f067f596c9a3f12b2ac3ae273 ?
xhtml1/vertical-alignment-slr-035.xht eaa1fa85acffd26f067f596c9a3f12b2ac3ae273 ?
html/vertical-alignment-slr-037.htm cf651e946c32003b508d45e769e5f09981a3a968 ?
xhtml1/vertical-alignment-slr-037.xht cf651e946c32003b508d45e769e5f09981a3a968 ?
html/vertical-alignment-slr-039.htm 36bcef254d72fd98e45881cc91b05d0ad83e0548 ?
xhtml1/vertical-alignment-slr-039.xht 36bcef254d72fd98e45881cc91b05d0ad83e0548 ?
html/vertical-alignment-slr-041.htm 06b0bd8e50bfb2f2c9d8b53441c2e0dbf517e1c5 ?
xhtml1/vertical-alignment-slr-041.xht 06b0bd8e50bfb2f2c9d8b53441c2e0dbf517e1c5 ?
html/vertical-alignment-srl-028.htm 94192ae4970f4b07d79ff5edb714fe2563e168c7 ?
xhtml1/vertical-alignment-srl-028.xht 94192ae4970f4b07d79ff5edb714fe2563e168c7 ?
html/vertical-alignment-srl-030.htm 847dfd96b4534f392d4ff0ff1f0683994e33e350 ?
xhtml1/vertical-alignment-srl-030.xht 847dfd96b4534f392d4ff0ff1f0683994e33e350 ?
html/vertical-alignment-srl-032.htm b0850a74a5f67af9065ed90707c9c69ee0f6939a ?
xhtml1/vertical-alignment-srl-032.xht b0850a74a5f67af9065ed90707c9c69ee0f6939a ?
html/vertical-alignment-srl-034.htm ebdaba4e2054dcb7fe004c05a73b4d321ed6a283 ?
xhtml1/vertical-alignment-srl-034.xht ebdaba4e2054dcb7fe004c05a73b4d321ed6a283 ?
html/vertical-alignment-srl-036.htm ac599e22d8a9e8a9eb244f94d8b576b2af1e5083 ?
xhtml1/vertical-alignment-srl-036.xht ac599e22d8a9e8a9eb244f94d8b576b2af1e5083 ?
html/vertical-alignment-srl-038.htm 53ed9dcff36d1d633b4ad3969347cf62761c6684 ?
xhtml1/vertical-alignment-srl-038.xht 53ed9dcff36d1d633b4ad3969347cf62761c6684 ?
html/vertical-alignment-srl-040.htm c7d0fa150a326220a9849d470213393fa7595c80 ?
xhtml1/vertical-alignment-srl-040.xht c7d0fa150a326220a9849d470213393fa7595c80 ?
html/vertical-alignment-slr-029.htm 4c81511cdb2b9fcec6a77fcee30307ea9e9e5ac6 ?
xhtml1/vertical-alignment-slr-029.xht 4c81511cdb2b9fcec6a77fcee30307ea9e9e5ac6 ?
html/vertical-alignment-slr-031.htm 1423b0271803245e9d33b764c5ad80426e560979 ?
xhtml1/vertical-alignment-slr-031.xht 1423b0271803245e9d33b764c5ad80426e560979 ?
html/vertical-alignment-slr-033.htm 5972e2eebb3381f5073b08a3e37a843093891665 ?
xhtml1/vertical-alignment-slr-033.xht 5972e2eebb3381f5073b08a3e37a843093891665 ?
html/vertical-alignment-slr-035.htm f4c41ce23245ee7419003c5fcc0733644e552c88 ?
xhtml1/vertical-alignment-slr-035.xht f4c41ce23245ee7419003c5fcc0733644e552c88 ?
html/vertical-alignment-slr-037.htm 5b46909c168ee314d7fb3f1771fe744c1ac2d461 ?
xhtml1/vertical-alignment-slr-037.xht 5b46909c168ee314d7fb3f1771fe744c1ac2d461 ?
html/vertical-alignment-slr-039.htm 27cc4544ac5b0f944694ad643ca93140b13244c9 ?
xhtml1/vertical-alignment-slr-039.xht 27cc4544ac5b0f944694ad643ca93140b13244c9 ?
html/vertical-alignment-slr-041.htm 2c0506c2e30b95ab80ce58fd12f1a06a898cabfb ?
xhtml1/vertical-alignment-slr-041.xht 2c0506c2e30b95ab80ce58fd12f1a06a898cabfb ?
html/vertical-alignment-srl-028.htm 8f40c3398c6aa9c25cb09fc12aa18bbff8f56115 ?
xhtml1/vertical-alignment-srl-028.xht 8f40c3398c6aa9c25cb09fc12aa18bbff8f56115 ?
html/vertical-alignment-srl-030.htm 2b49cf2e2ab9e5bd4d006c1d27577524b680f6e8 ?
xhtml1/vertical-alignment-srl-030.xht 2b49cf2e2ab9e5bd4d006c1d27577524b680f6e8 ?
html/vertical-alignment-srl-032.htm 3839d105bb99a8964acf1e5ff7e5105b411e6502 ?
xhtml1/vertical-alignment-srl-032.xht 3839d105bb99a8964acf1e5ff7e5105b411e6502 ?
html/vertical-alignment-srl-034.htm 188ef764c801432a95af3c2ad2a81ab0823d5ed2 ?
xhtml1/vertical-alignment-srl-034.xht 188ef764c801432a95af3c2ad2a81ab0823d5ed2 ?
html/vertical-alignment-srl-036.htm 7e72d2b98fc04f1f9d483c3e83c8358d7e555619 ?
xhtml1/vertical-alignment-srl-036.xht 7e72d2b98fc04f1f9d483c3e83c8358d7e555619 ?
html/vertical-alignment-srl-038.htm 16d28ca5045b117ee1f9fc67a4875d53dc9b1418 ?
xhtml1/vertical-alignment-srl-038.xht 16d28ca5045b117ee1f9fc67a4875d53dc9b1418 ?
html/vertical-alignment-srl-040.htm 052257c60688bfa22982a5e0c5ccf172cab039bc ?
xhtml1/vertical-alignment-srl-040.xht 052257c60688bfa22982a5e0c5ccf172cab039bc ?
html/vertical-alignment-vlr-011.htm 78e3f6b7dd36f63f7e82061d7250706312744787 ?
xhtml1/vertical-alignment-vlr-011.xht 78e3f6b7dd36f63f7e82061d7250706312744787 ?
html/vertical-alignment-vlr-013.htm bb89530706003c8a4c4d8839bc865a76da1ecd84 ?

1
tests/wpt/css-tests/css-writing-modes-3_dev/index.htm
View file

@ -136,7 +136,6 @@
<li>Daniel Holbert</li>
<li>Eira Monstad, Opera Software ASA</li>
<li>Elika J. Etemad</li>
<li>G&Atilde;&copy;rard Talbot</li>
<li>G&eacute;rard Talbot</li>
<li>Hajime Shiozawa</li>
<li>Ian Hickson</li>

1
tests/wpt/css-tests/css-writing-modes-3_dev/index.xht
View file

@ -136,7 +136,6 @@
<li>Daniel Holbert</li>
<li>Eira Monstad, Opera Software ASA</li>
<li>Elika J. Etemad</li>
<li>G&Atilde;&copy;rard Talbot</li>
<li>G&eacute;rard Talbot</li>
<li>Hajime Shiozawa</li>
<li>Ian Hickson</li>

46
tests/wpt/css-tests/css-writing-modes-3_dev/testinfo.data
View file

@ -450,6 +450,7 @@ block-flow-direction-vrl-019 reference/block-flow-direction-001-ref table-captio
block-flow-direction-vrl-021 reference/block-flow-direction-002-ref list and vertical-rl - block flow direction of block-level boxes ahem,image http://www.w3.org/TR/css-writing-modes-3/#writing-mode c6cbb2e1f8e824fdda5d94bb31c8ad9507162e65 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...
block-flow-direction-vrl-024 reference/block-flow-direction-002-ref vertical-rl - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode a1dddb1952ff3df783226338b1a14f7906288e23 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
block-flow-direction-vrl-025 reference/block-flow-direction-025-ref writing mode of document - horizontal position of first block image http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting 6b3673477ab3c066dec96f347d5c1f6aaafc0622 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that, when 'writing-mode' value of the root element is set to 'vertical-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side.
block-flow-direction-vrl-026 reference/block-flow-direction-vrl-026-ref vertical-rl - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#block-flow 4a9a4ca16a3437bfc29a9d0f96e0daa5579e209b `Taka Oshiyama`<mailto:takaoshiyama@gmail.com> This test checks 1.block flow direction, 2.inline direction when 'writing-mode' is set to 'vertical-rl'.
block-override-001 reference/block-override-001 direction: div override rtl http://www.w3.org/TR/css-writing-modes-3/#text-direction c9f01a298fdc3c1c6eaceefc08c1f134078a0c61 `Richard Ishida`<mailto:ishida@w3.org> If unicode-bidi:bidi-override is applied to a block element, characters are displayed strictly in sequence according to the direction property.
block-override-002 reference/block-override-002 direction: div override ltr http://www.w3.org/TR/css-writing-modes-3/#text-direction 1c72e7aa6e1d313b0e23b11e9e637b1f77dd39f4 `Richard Ishida`<mailto:ishida@w3.org> If unicode-bidi:bidi-override is applied to a block element, characters are displayed strictly in sequence according to the direction property.
block-override-003 reference/block-override-003 direction: div direction ltr http://www.w3.org/TR/css-writing-modes-3/#text-direction 2cb8aa89ffc3dba127564bb84e4bdb28bd208d26 `Richard Ishida`<mailto:ishida@w3.org> If unicode-bidi:bidi-override is applied to a block element with no direction value set, characters are displayed strictly in sequence, in ltr order.
@ -616,7 +617,7 @@ inline-block-alignment-orthogonal-vlr-003 reference/inline-block-alignment-ortho
inline-block-alignment-orthogonal-vlr-005 reference/inline-block-alignment-orthogonal-vrl-002-ref text baseline alignment of inline-block in orthogonal flow ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines 843d64f690c7eb68c0dd96bdca4cbec3484b13c5 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical baseline. In this test, the inline-block should be 'sitting' on the alphabetical baseline, therefore creating a straight and unbroken bottom edge.
inline-block-alignment-orthogonal-vrl-002 reference/inline-block-alignment-orthogonal-vrl-002-ref text baseline alignment of inline-block in orthogonal flow ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines 26492fc7f467f3d050af3de705b263f7ab7996eb `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical baseline. In this test, the inline-block should be 'sitting' on the alphabetical baseline, therefore creating a straight and unbroken bottom edge.
inline-block-alignment-orthogonal-vrl-004 reference/inline-block-alignment-orthogonal-vrl-002-ref text baseline alignment of inline-block in orthogonal flow ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines b76cd7a87f94be29964bef761b5a28f1108b9994 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical baseline. In this test, the inline-block should be 'sitting' on the alphabetical baseline, therefore creating a straight and unbroken bottom edge.
inline-block-alignment-slr-009 reference/inline-block-alignment-slr-009-ref inline block alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes 1b6746f227c5e40ecbb3d07edbac29ac0c206fb4 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'sideways-lr', then the alphabetic baseline is used as the dominant baseline.
inline-block-alignment-slr-009 reference/inline-block-alignment-slr-009-ref inline block alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes 9c332a64534a626fa9d4f2270da2086cfce949c2 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'sideways-lr', then the alphabetic baseline is used as the dominant baseline.
inline-block-alignment-srl-008 reference/inline-block-alignment-006-ref inline block alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes 8f526c8e5309c5f2fdb3a99180fae2150cd51b31 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'sideways-rl', then the alphabetic baseline is used as the dominant baseline.
inline-replaced-vlr-003 reference/inline-replaced-vrl-002-ref inline replaced element and 'vertical-lr' image http://www.w3.org/TR/css-writing-modes-3/#writing-mode fb490b42fc0b5e2d19122a5ec93d729280d0de37 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the content of an inline replaced element does not rotate due to the writing mode.
inline-replaced-vlr-005 reference/inline-replaced-vrl-004-ref inline replaced element and 'vertical-lr' (advanced) ahem,image http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines ca2f67096b0544b3e0d80c075acd0db763cbf815 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that, while the content of inline replaced elements do not rotate in vertical writing mode, they are nevertheless laid out from top to bottom (inline base direction) in a line box and their baseline-alignment is central (not alphabetic) and then the following lines boxes (line box direction within a block container) are ordered from left to right.
@ -767,10 +768,10 @@ table-column-order-004 reference/block-flow-direction-001-ref 'direction: rtl' -
table-column-order-005 reference/block-flow-direction-001-ref 'direction: rtl' - table columns order and vertical-lr ahem http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#vertical-layout b936639f86135a4e6a13faf2bbb35cef03ab8688 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks that colspanned cells in a table with 'direction' set to 'rtl' are handled according to a bottom-to-top column direction.
table-column-order-slr-007 reference/block-flow-direction-001-ref 'direction: rtl' - table columns order and sideways-lr ahem http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#vertical-layout d191edebe5a760f10e427023f054f845926876bd `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks that a table with 'writing-mode' set to 'sideways-lr' and with 'direction' set to 'rtl' will have its column displayed from bottom (1st column) to top (last column). The inline base direction is still from top to bottom.
table-column-order-srl-006 reference/block-flow-direction-001-ref 'direction: rtl' - table columns order and sideways-rl ahem http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#vertical-layout fe2d31c64e1ed2e2badf6c844997f157d54d4fdf `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks that a table with 'writing-mode' set to 'sideways-rl' and with 'direction' set to 'rtl' will have its column displayed from bottom (1st column) to top (last column). The inline base direction is still from top to bottom.
table-progression-slr-001 reference/table-progression-slr-001-ref sideways-lr Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction af7d971e56a4df80a306f033041e8c1161b3fc0a `G&Atilde;&copy;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>,`Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.
table-progression-slr-001 reference/table-progression-slr-001-ref sideways-lr Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction a08eb6b56e144ec3433bbe9cda6adced37863955 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>,`Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.
table-progression-slr-002 reference/table-progression-002-ref sideways-lr Table Column/Colgroup Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction 19e1b54408e91a7566d9502f454c2bd473917c82 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.
table-progression-srl-001 reference/table-progression-001-ref sideways-rl Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction 0dac2ab388f8c05765288927c38dc9f24ba1a277 `G&Atilde;&copy;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>,`Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.
table-progression-srl-002 reference/table-progression-002-ref sideways-rl Table Column/Colgroup Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction ea004df0b7de35f6b97a7c097cb5555619ccac94 `G&Atilde;&copy;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>,`Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.
table-progression-srl-001 reference/table-progression-001-ref sideways-rl Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction a81f141e0378f2e773b9caeeea940ce3ab738ae2 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>,`Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.
table-progression-srl-002 reference/table-progression-002-ref sideways-rl Table Column/Colgroup Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction 0f642ee613bba6affcc4593a73d1b175adcca376 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>,`Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.
table-progression-vlr-001 reference/table-progression-001-ref vertical-lr Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction 401f8eb3e2ee5bb76005f18b876ad15312e36f23 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-lr tables order rows/rowgroups left to right and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.
table-progression-vlr-002 reference/table-progression-002-ref vertical-lr Table Column/Colgroup Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction 443f8504e53d242cbfb638187617e29f70f70bef `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.
table-progression-vlr-003 reference/table-progression-001-ref vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#text-orientation 2ee0222ec3a8473737329fe6c0ad0ed95443f70e `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.
@ -856,10 +857,12 @@ text-indent-vrl-010 reference/text-indent-vrl-010-ref 'text-indent' with absolut
text-indent-vrl-012 reference/text-indent-vrl-012-ref 'text-indent' with absolute unit, 'direction: rtl' in 'vertical-rl' writing-mode (non-orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 985e22d2200b9cb6f1622d55d78cf5c5d505f38d `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-rl' starts at bottom toward the top and progress toward the top.
text-indent-vrl-014 reference/text-indent-vrl-010-ref 'text-indent' with percentage unit, 'direction: ltr' in 'vertical-rl' writing-mode (non-orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 237aa7256b471375ef0b81e8764aa74bc69dbf94 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height.
text-indent-vrl-016 reference/text-indent-vrl-012-ref 'text-indent' with percentage unit, 'direction: rtl' in 'vertical-rl' writing-mode (non-orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout bd36efb6824d9649c071507677cdc5d1320798c9 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height. 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-rl' starts at bottom toward the top and progress toward the top.
text-orientation-010 text-orientation - mixed ahem,font http://www.w3.org/TR/css-writing-modes-3/#text-orientation 4ecdbceff7397331c490f98d284800bf1fa125a2 `Taka Oshiyama`<mailto:takaoshiyama@gmail.com> This test checks that 'text-orientation: mixed' causes characters from horizontal-only scripts are set sideways, i.e. 90&deg;clockwise from their standard orientation in horizontal text. Characters from vertical scripts are set with their intrinsic orientation. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.
text-orientation-010 text-orientation - mixed image http://www.w3.org/TR/css-writing-modes-3/#text-orientation 1511f4563046f864019cb40056670f54b552780b `Taka Oshiyama`<mailto:takaoshiyama@gmail.com>,`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-orientation: mixed' causes characters from horizontal-only scripts are set sideways, i.e. rotated 90 clockwise from their standard orientation in horizontal text. Characters from vertical scripts are set according to their intrinsic orientation (Vertical Orientation Property as given by UTR50).
text-orientation-011 text-orientation - upright ahem,font http://www.w3.org/TR/css-writing-modes-3/#text-orientation 1e2a7d34e5dbf3ae8ebe3191281f4ed36965d6a5 `Taka Oshiyama`<mailto:takaoshiyama@gmail.com> This test checks that 'text-orientation: upright' causes characters from horizontal-only scripts are rendered upright, i.e. in their standard horizontal orientation, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.
text-orientation-014 reference/text-orientation-014-ref text-orientation - sideways ahem http://www.w3.org/TR/css-writing-modes-3/#text-orientation e7b729c9708ff9b96a036be54c09cdb9685fa3f1 `Taka Oshiyama`<mailto:takaoshiyama@gmail.com> This test checks that 'text-orientation: sideways' causes text to be set as if in a horizontal layout, but rotated 90&deg; clockwise, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.
text-orientation-mixed-001 text-orientation - mixed in vertical-rl writing mode font,image http://www.w3.org/TR/css-writing-modes-3/#text-orientation 851a369832d6705268ece34dbba1a79873c9b854 `Kazuaki Takemura`<mailto:takemura@networksoft.co.jp> This test checks that the alphabet is displayed on sideways, and it is verified whether the characters are aligned in the vertical direction including vertical writing characters (Japanese, Mongolian, Hangul, etc).
text-orientation-mixed-001 text-orientation - mixed in vertical-rl writing mode image http://www.w3.org/TR/css-writing-modes-3/#text-orientation aa6d2c81a00d0395b3461c65648cb56a7267cf06 `Kazuaki Takemura`<mailto:takemura@networksoft.co.jp>,`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that when 'text-orientation' is set to 'mixed', then latin alphabet characters are displayed sideways (rotated 90 degrees clockwise) and characters from vertical scripts (Japanese, Mongolian, Hangul, etc) are displayed according to their intrinsic orientation property (Vertical Orientation Property as given by UTR50). In this test, the 'FULLWIDTH LATIN CAPITAL LETTER T' must be typeset upright.
text-orientation-mixed-slr-015 'writing-mode: sideways-lr' - 'text-orientation: mixed' has no effect image http://www.w3.org/TR/css-writing-modes-3/#text-orientation 75f3c49fafbca34c74b1efe1e9cdf606bb63e581 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that when 'writing-mode' is set to 'sideways-lr', then a 'text-orientation: mixed' declaration has no effect: the alphabetical baseline is used as the dominant baseline and all the glyphs remain rotated 90 degrees counter-clockwise. The typographic mode for 'sideways-lr' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.
text-orientation-mixed-srl-016 reference/text-orientation-upright-srl-016-ref 'writing-mode: sideways-rl' - 'text-orientation: mixed' has no effect http://www.w3.org/TR/css-writing-modes-3/#text-orientation 6a965d8fb3411f9e3f9276cdda149a8941d0b101 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that when 'writing-mode' is set to 'sideways-rl', then a 'text-orientation: mixed' declaration has no effect: the alphabetical baseline is used as the dominant baseline because the typographic mode for 'sideways-rl' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.
text-orientation-parsing-001 CSS Writing Modes: parsing text-orientation dom,script https://drafts.csswg.org/css-writing-modes-3/#text-orientation 1de93e81798548a8c094751021c6bfd09d204700 `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the text-orientation property.
text-orientation-parsing-sideways-right-001 CSS Writing Modes: parsing text-orientation dom,may,script https://drafts.csswg.org/css-writing-modes-3/#text-orientation 467f926e5646149f727d9115633a469321712cca `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the text-orientation property.
text-orientation-script-001 Test orientation of characters. combo,dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 5a4264d54b6138cb217baa753502a6d61297da82 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters
@ -879,7 +882,10 @@ text-orientation-script-001m Test orientation of characters where vo=U (#5/5, 7
text-orientation-script-001n Test orientation of characters where vo=Tr (47 code points in U+2329-FFE3). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 8993889414b6ffbe199e17e820d0b7c1b3a1cd02 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=Tr (47 code points in U+2329-FFE3)
text-orientation-script-001o Test orientation of characters where vo=Tu (147 code points in U+3001-1F201). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 1a717f6bfd17124696e2e012a26ae1ce94ecbf57 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=Tu (147 code points in U+3001-1F201)
text-orientation-sideways-001 text-orientation - sideways in vertical-rl writing mode font,image http://www.w3.org/TR/css-writing-modes-3/#text-orientation d1d9b931c735b904d2b2d42012c8b03359ca33a8 `Kazuaki Takemura`<mailto:takemura@networksoft.co.jp> This test checks that general horizontal text (include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction.
text-orientation-sideways-slr-019 'writing-mode: sideways-lr' - 'text-orientation: sideways' has no effect image http://www.w3.org/TR/css-writing-modes-3/#text-orientation 4e0a10ed2a2d0c9511f8f0291f0303275d1f5916 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that when 'writing-mode' is set to 'sideways-lr', then a 'text-orientation: sideways' declaration has no effect: the alphabetical baseline is used as the dominant baseline and all the glyphs remain rotated 90 degrees counter-clockwise. The typographic mode for 'sideways-lr' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.
text-orientation-upright-001 text-orientation - upright in vertical-rl writing mode font,image http://www.w3.org/TR/css-writing-modes-3/#text-orientation 1d7c80ad3f6eb357a1dd9ef0261dba63dcf971a1 `Kazuaki Takemura`<mailto:takemura@networksoft.co.jp> This test checks that the alphabet is displayed on the upright (not sideways),and it is verified whether the characters are aligned in the vertical direction including vertical writing characters(Japanese, Mongolian, Hangul, etc).
text-orientation-upright-slr-017 'writing-mode: sideways-lr' - 'text-orientation: upright' has no effect image http://www.w3.org/TR/css-writing-modes-3/#text-orientation cbf6301c1c97a93a318954e46c5ae8010231ac7c `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that when 'writing-mode' is set to 'sideways-lr', then a 'text-orientation: upright' declaration has no effect: the alphabetical baseline is used as the dominant baseline and all the glyphs remain rotated 90 degrees counter-clockwise. The typographic mode for 'sideways-lr' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.
text-orientation-upright-srl-018 reference/text-orientation-mixed-srl-016-ref 'writing-mode: sideways-rl' - 'text-orientation: upright' has no effect http://www.w3.org/TR/css-writing-modes-3/#text-orientation 0b1b44dae6f78659495ca27f311a04db5c4eae75 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that when 'writing-mode' is set to 'sideways-rl', then a 'text-orientation: upright' declaration has no effect: the alphabetical baseline is used as the dominant baseline and all the glyphs remain rotated 90 degrees clockwise. The typographic mode for 'sideways-rl' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.
underline-font-size-vlr-003 'text-decoration: underline' with various font sizes http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-text-decor-3/#text-underline-position-property 2ed0dce303004a098525b1c0aa2008df639643ea `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that when mongolian glyphs of varying font sizes are used in mixed text-orientation (therefore with text centrally baseline-aligned), then the text-decoration of the parent box is used across the parent box.
underline-font-size-vlr-005 'text-decoration: underline' with various font sizes and mixed text http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-text-decor-3/#text-underline-position-property 8218f172828fc358d5814147c09eac80646d5167 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that when latin and mongolian glyphs of varying font sizes are used in mixed text-orientation (therefore with text centrally baseline-aligned), then the text-decoration of the parent box is used across the parent box.
underline-font-size-vrl-002 'text-decoration: underline' with various font sizes http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-text-decor-3/#text-underline-position-property 9d177e35a9389b54beaadb42c09d951c9257f137 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that when east-asian glyphs of varying font sizes are used in mixed text-orientation (therefore with text centrally baseline-aligned), then the text-decoration of the parent box is used across the parent box.
@ -914,20 +920,20 @@ vertical-alignment-006 reference/vertical-alignment-006-ref vertical-align - 'te
vertical-alignment-007 reference/vertical-alignment-006-ref vertical-align - 'text-bottom' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 19a04070f2c744fb378ca9d3f5936bef1b205961 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'vertical-align' is 'text-bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the left side (logical bottom) of parent's content area.
vertical-alignment-008 reference/vertical-alignment-008-ref vertical-align - 'bottom' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading e59d282df581512d3263e9b22972d82c334db836 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the physical left (logical bottom) edge of its line box.
vertical-alignment-009 reference/vertical-alignment-008-ref vertical-align - 'bottom' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 5036b5e9d0d8ae513c39237eeddfbcb235f19871 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'vertical-align' is 'bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the physical left (logical bottom) edge of its line box.
vertical-alignment-slr-029 reference/vertical-alignment-008-ref vertical-align - 'top' and sideways-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading c2a2fae94b1f0eec403f937302dc66b6a3d874da `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr', 'vertical-align' is 'top', the physical left (logical top) edge of an inline non-replaced box is aligned with the physical left (logical top) edge of its line box.
vertical-alignment-slr-031 reference/vertical-alignment-006-ref vertical-align - 'text-top' and sideways-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading e04df2a92bf5d5a360cc0bb2259ff67945aea375 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr', 'vertical-align' is 'text-top', the physical left (logical top) edge of an inline non-replaced box is aligned with the left side (logical top) of parent's content area.
vertical-alignment-slr-033 reference/vertical-alignment-004-ref vertical-align - 'text-bottom' and sideways-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading e2f3cfa1756a7faa2709a55271f26c7011532d04 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr', 'vertical-align' is 'text-bottom', the physical right (logical bottom) edge of an inline non-replaced box is aligned with the right side (logical bottom) of parent's content area.
vertical-alignment-slr-035 reference/vertical-alignment-002-ref vertical-align - 'bottom' and sideways-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading eaa1fa85acffd26f067f596c9a3f12b2ac3ae273 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr', 'vertical-align' is 'bottom', the physical right (logical bottom) edge of an inline non-replaced box is aligned with the physical right (logical bottom) edge of its line box.
vertical-alignment-slr-037 vertical-align - 'super' and sideways-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading cf651e946c32003b508d45e769e5f09981a3a968 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr' and 'vertical-align' is 'super', the baseline of the box is shifted to the left.
vertical-alignment-slr-039 vertical-align - 'sub' and sideways-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 36bcef254d72fd98e45881cc91b05d0ad83e0548 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr' and 'vertical-align' is 'sub', the baseline of the box is shifted to the right.
vertical-alignment-slr-041 reference/vertical-alignment-slr-049-ref vertical-align - 'middle' and sideways-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 06b0bd8e50bfb2f2c9d8b53441c2e0dbf517e1c5 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the alphabetic baseline of the parent box plus half the x-height of the parent.
vertical-alignment-srl-028 reference/vertical-alignment-002-ref vertical-align - 'top' and sideways-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 94192ae4970f4b07d79ff5edb714fe2563e168c7 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl', 'vertical-align' is 'top', the physical right (logical top) edge of an inline non-replaced box is aligned with the physical right (logical top) edge of its line box.
vertical-alignment-srl-030 reference/vertical-alignment-004-ref vertical-align - 'text-top' and sideways-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 847dfd96b4534f392d4ff0ff1f0683994e33e350 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl', 'vertical-align' is 'text-top', the physical right (logical top) edge of an inline non-replaced box is aligned with the right side (logical top) of parent's content area.
vertical-alignment-srl-032 reference/vertical-alignment-006-ref vertical-align - 'text-bottom' and sideways-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading b0850a74a5f67af9065ed90707c9c69ee0f6939a `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'text-bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the left side (logical bottom) of parent's content area.
vertical-alignment-srl-034 reference/vertical-alignment-008-ref vertical-align - 'bottom' and sideways-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading ebdaba4e2054dcb7fe004c05a73b4d321ed6a283 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl', 'vertical-align' is 'bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the physical left (logical bottom) edge of its line box.
vertical-alignment-srl-036 vertical-align - 'super' and sideways-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading ac599e22d8a9e8a9eb244f94d8b576b2af1e5083 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl' and 'vertical-align' is 'super', the baseline of the box is shifted to the right.
vertical-alignment-srl-038 vertical-align - 'sub' and sideways-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 53ed9dcff36d1d633b4ad3969347cf62761c6684 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl' and 'vertical-align' is 'sub', the baseline of the box is shifted to the left.
vertical-alignment-srl-040 reference/vertical-alignment-vrl-026-ref vertical-align - 'middle' and sideways-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading c7d0fa150a326220a9849d470213393fa7595c80 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl' and 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the alphabetic baseline of the parent box plus half the x-height of the parent.
vertical-alignment-slr-029 reference/vertical-alignment-008-ref vertical-align - 'top' and sideways-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 4c81511cdb2b9fcec6a77fcee30307ea9e9e5ac6 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr', 'vertical-align' is 'top', the physical left (logical top) edge of an inline non-replaced box is aligned with the physical left (logical top) edge of its line box.
vertical-alignment-slr-031 reference/vertical-alignment-006-ref vertical-align - 'text-top' and sideways-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 1423b0271803245e9d33b764c5ad80426e560979 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr', 'vertical-align' is 'text-top', the physical left (logical top) edge of an inline non-replaced box is aligned with the left side (logical top) of parent's content area.
vertical-alignment-slr-033 reference/vertical-alignment-004-ref vertical-align - 'text-bottom' and sideways-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 5972e2eebb3381f5073b08a3e37a843093891665 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr', 'vertical-align' is 'text-bottom', the physical right (logical bottom) edge of an inline non-replaced box is aligned with the right side (logical bottom) of parent's content area.
vertical-alignment-slr-035 reference/vertical-alignment-002-ref vertical-align - 'bottom' and sideways-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading f4c41ce23245ee7419003c5fcc0733644e552c88 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr', 'vertical-align' is 'bottom', the physical right (logical bottom) edge of an inline non-replaced box is aligned with the physical right (logical bottom) edge of its line box.
vertical-alignment-slr-037 vertical-align - 'super' and sideways-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 5b46909c168ee314d7fb3f1771fe744c1ac2d461 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr' and 'vertical-align' is 'super', the baseline of the box is shifted to the left.
vertical-alignment-slr-039 vertical-align - 'sub' and sideways-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 27cc4544ac5b0f944694ad643ca93140b13244c9 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr' and 'vertical-align' is 'sub', the baseline of the box is shifted to the right.
vertical-alignment-slr-041 reference/vertical-alignment-slr-049-ref vertical-align - 'middle' and sideways-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 2c0506c2e30b95ab80ce58fd12f1a06a898cabfb `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the alphabetic baseline of the parent box plus half the x-height of the parent.
vertical-alignment-srl-028 reference/vertical-alignment-002-ref vertical-align - 'top' and sideways-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 8f40c3398c6aa9c25cb09fc12aa18bbff8f56115 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl', 'vertical-align' is 'top', the physical right (logical top) edge of an inline non-replaced box is aligned with the physical right (logical top) edge of its line box.
vertical-alignment-srl-030 reference/vertical-alignment-004-ref vertical-align - 'text-top' and sideways-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 2b49cf2e2ab9e5bd4d006c1d27577524b680f6e8 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl', 'vertical-align' is 'text-top', the physical right (logical top) edge of an inline non-replaced box is aligned with the right side (logical top) of parent's content area.
vertical-alignment-srl-032 reference/vertical-alignment-006-ref vertical-align - 'text-bottom' and sideways-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 3839d105bb99a8964acf1e5ff7e5105b411e6502 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'text-bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the left side (logical bottom) of parent's content area.
vertical-alignment-srl-034 reference/vertical-alignment-008-ref vertical-align - 'bottom' and sideways-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 188ef764c801432a95af3c2ad2a81ab0823d5ed2 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl', 'vertical-align' is 'bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the physical left (logical bottom) edge of its line box.
vertical-alignment-srl-036 vertical-align - 'super' and sideways-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 7e72d2b98fc04f1f9d483c3e83c8358d7e555619 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl' and 'vertical-align' is 'super', the baseline of the box is shifted to the right.
vertical-alignment-srl-038 vertical-align - 'sub' and sideways-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 16d28ca5045b117ee1f9fc67a4875d53dc9b1418 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl' and 'vertical-align' is 'sub', the baseline of the box is shifted to the left.
vertical-alignment-srl-040 reference/vertical-alignment-vrl-026-ref vertical-align - 'middle' and sideways-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 052257c60688bfa22982a5e0c5ccf172cab039bc `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'sideways-rl' and 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the alphabetic baseline of the parent box plus half the x-height of the parent.
vertical-alignment-vlr-011 vertical-align - 'super' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 78e3f6b7dd36f63f7e82061d7250706312744787 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'mixed', 'vertical-align' is 'super', the baseline of the box is shifted to the right.
vertical-alignment-vlr-013 vertical-align - 'super' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading bb89530706003c8a4c4d8839bc865a76da1ecd84 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'upright', 'vertical-align' is 'super', the baseline of the box is shifted to the right.
vertical-alignment-vlr-015 vertical-align - 'super' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 84156e13cda0399324618b41d3c55bb53e029dc8 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'text-orientation' is 'sideways', 'vertical-align' is 'super', the baseline of the box is shifted to the right.

42
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-026.xht Normal file
View file

@ -0,0 +1,42 @@
<!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>CSS Writing Modes Test: vertical-rl - block flow direction of block-level boxes</title>
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com"/>
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/>
<link rel="help" title="3.1. Block Flow Direction: the 'writing-mode' property" href="http://www.w3.org/TR/css-writing-modes-3/#block-flow"/>
<link rel="match" href="reference/block-flow-direction-vrl-026-ref.xht"/>
<meta name="flags" content="ahem"/>
<meta name="assert" content="This test checks 1.block flow direction, 2.inline direction when 'writing-mode' is set to 'vertical-rl'."/>
<style type="text/css">
.view_ahem
{
background: pink;
border: 1px solid black;
color: blue;
font: 20px/1 "Ahem";
height: 3em;
margin: 10px;
width: 3em;
white-space: pre;
}
#test_ahem
{
writing-mode: vertical-rl;
}
#control_ahem
{
writing-mode: horizontal-tb;
}
</style>
</head>
<body>
<p>Test passes if the 2 pink-and-blue rectangles are <strong>identical</strong>.</p>
<div class="view_ahem"><span id="test_ahem">123
56
7 </span></div>
<div class="view_ahem"><span id="control_ahem">7 1
52
63</span></div>
</body>
</html>

1467
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-1.xht
View file

File diff suppressed because it is too large Load diff

294
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-2.xht
View file

@ -13,7 +13,7 @@
<body>
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
<h2>Inline Direction and Bidirectionality (179 tests)</h2>
<h2>Inline Direction and Bidirectionality (186 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -1089,15 +1089,9 @@
</td>
</tr>
</tbody>
<tbody id="s2.#bidi-paragraph">
<!-- 0 tests -->
</tbody>
<tbody id="s2.#bidirectionality">
<!-- 0 tests -->
</tbody>
<tbody id="s2.#forced-paragraph-break">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.1">+</a>
@ -1507,10 +1501,10 @@
<tbody id="s2.1.#propdef-direction">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.#valuedef-ltr">
<tbody id="s2.1.#valdef-direction-ltr">
<!-- 0 tests -->
</tbody>
<tbody id="s2.1.#valuedef-rtl">
<tbody id="s2.1.#valdef-direction-rtl">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2">
@ -1765,22 +1759,22 @@
<tbody id="s2.2.#propdef-unicode-bidi">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#valuedef-bidi-override">
<tbody id="s2.2.#valdef-unicode-bidi-bidi-override">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#valuedef-embed">
<tbody id="s2.2.#valdef-unicode-bidi-embed">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#valuedef-isolate">
<tbody id="s2.2.#valdef-unicode-bidi-isolate">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#valuedef-isolate-override">
<tbody id="s2.2.#valdef-unicode-bidi-isolate-override">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#valuedef-normal">
<tbody id="s2.2.#valdef-unicode-bidi-normal">
<!-- 0 tests -->
</tbody>
<tbody id="s2.2.#valuedef-plaintext">
<tbody id="s2.2.#valdef-unicode-bidi-plaintext">
<!-- 0 tests -->
</tbody>
<tbody id="s2.3">
@ -1789,12 +1783,228 @@
<a href="http://www.w3.org/TR/css-writing-modes-3/#bidi-example">2.3 Example of Bidirectional Text</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.3.#example-0342f8aa">
<!-- 0 tests -->
</tbody>
<tbody id="s2.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.4">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model">2.4 Box model for inline boxes in bidirectional context</a></th></tr>
<a href="http://www.w3.org/TR/css-writing-modes-3/#bidi-algo">2.4 Applying the Bidirectional Reordering Algorithm</a></th></tr>
<!-- 7 tests -->
<tr id="bidi-breaking-001-2.4" class="primary">
<td><strong>
<a href="bidi-breaking-001.xht">bidi-breaking-001</a></strong></td>
<td><a href="reference/bidi-breaking-001-ref.xht">=</a> </td>
<td></td>
<td>Bidi paragraph boundaries: Blocks
<ul class="assert">
<li>Block boundaries break bidi paragraphs.</li>
</ul>
</td>
</tr>
<tr id="bidi-breaking-002-2.4" class="primary">
<td><strong>
<a href="bidi-breaking-002.xht">bidi-breaking-002</a></strong></td>
<td><a href="reference/bidi-breaking-002-ref.xht">=</a> </td>
<td></td>
<td>Bidi paragraph boundaries: Forced Line Breaks
<ul class="assert">
<li>Forced line breaks of class B (but not class WS) break bidi paragraphs.</li>
</ul>
</td>
</tr>
<tr id="bidi-breaking-003-2.4" class="primary may">
<td><strong>
<a href="bidi-breaking-003.xht">bidi-breaking-003</a></strong></td>
<td><a href="reference/bidi-breaking-003-ref.xht">=</a> </td>
<td><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr></td>
<td>Bidi paragraph boundaries: Forced Line Breaks (Unicode)
<ul class="assert">
<li>Forced line breaks of class B (but not class WS) break bidi paragraphs.</li>
</ul>
</td>
</tr>
<tr id="bidi-glyph-mirroring-001-2.4" class="primary">
<td><strong>
<a href="bidi-glyph-mirroring-001.xht">bidi-glyph-mirroring-001</a></strong></td>
<td><a href="reference/bidi-glyph-mirroring-001-ref.xht">=</a> </td>
<td></td>
<td>unicode-bidi: bidi-override - glyph mirroring
<ul class="assert">
<li>Glyph mirroring of characters with unicode Bidi_Mirrored property should be performed when unicode-bidi: bidi-override is applied</li>
</ul>
</td>
</tr>
<tr id="bidi-glyph-mirroring-002-2.4" class="primary">
<td><strong>
<a href="bidi-glyph-mirroring-002.xht">bidi-glyph-mirroring-002</a></strong></td>
<td><a href="reference/bidi-glyph-mirroring-002-ref.xht">=</a> </td>
<td></td>
<td>unicode-bidi: bidi-override - glyph mirroring
<ul class="assert">
<li>Glyph mirroring of characters with unicode Bidi_Mirrored property should be performed direction:rtl is applied</li>
</ul>
</td>
</tr>
<tr id="bidi-inline-001-2.4" class="primary">
<td><strong>
<a href="bidi-inline-001.xht">bidi-inline-001</a></strong></td>
<td><a href="reference/bidi-inline-001-ref.xht">=</a> </td>
<td></td>
<td>unicode-bidi: bidi-override on inline - rtl
<ul class="assert">
<li>bidi-override should be applied to inlines with no interruptions to surrounding text</li>
</ul>
</td>
</tr>
<tr id="bidi-inline-002-2.4" class="primary">
<td><strong>
<a href="bidi-inline-002.xht">bidi-inline-002</a></strong></td>
<td><a href="reference/bidi-inline-001-ref.xht">=</a> </td>
<td></td>
<td>unicode-bidi: bidi-override on inline - nested
<ul class="assert">
<li>Nested bidi-override should be applied to inlines with no interruptions to surrounding text</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s2.4.#bidi-paragraph">
<!-- 0 tests -->
</tbody>
<tbody id="s2.4.#forced-paragraph-break">
<!-- 0 tests -->
</tbody>
<tbody id="s2.4.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.4.1">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#bidi-para-direction">2.4.1 Bidi Paragraph Embedding Levels</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.4.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.4.2">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes">2.4.2 CSS&#8211;Unicode Bidi Control Translation, Text Reordering</a></th></tr>
<!-- 11 tests -->
<tr id="bidi-001-2.4.2" class="">
<td>
<a href="bidi-001.xht">bidi-001</a></td>
<td><a href="reference/bidi-001-ref.xht">=</a> </td>
<td></td>
<td>RLO/PDF bidi reordering across closing inline element boundary
<ul class="assert">
<li>Tests that RLO + closing inline element boundary + PDF reorders text, splitting inline and rendering borders and padding appropriately.</li>
</ul>
</td>
</tr>
<tr id="bidi-002-2.4.2" class="">
<td>
<a href="bidi-002.xht">bidi-002</a></td>
<td><a href="reference/bidi-002-ref.xht">=</a> </td>
<td></td>
<td>RLO/PDF bidi reordering across closing inline element boundary + soft line break
<ul class="assert">
<li>Tests that RLO + closing inline element boundary + soft line break + PDF reorders text, placing text correctly on each line while also splitting inline and rendering borders and padding appropriately.</li>
</ul>
</td>
</tr>
<tr id="bidi-003-2.4.2" class="">
<td>
<a href="bidi-003.xht">bidi-003</a></td>
<td><a href="reference/bidi-003-ref.xht">=</a> </td>
<td></td>
<td>RLO/PDF bidi reordering across closing inline element boundary + opening inline boundary
<ul class="assert">
<li>Tests that RLO + closing inline element boundary + opening inline element boundary + PDF reorders text, splitting inlines and rendering their borders and padding appropriately.</li>
</ul>
</td>
</tr>
<tr id="bidi-004-2.4.2" class="ahem may21">
<td>
<a href="bidi-004.xht">bidi-004</a></td>
<td><a href="reference/bidi-004-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="may21" title="Behavior tested is preferred but optional">Optional</abbr></td>
<td>The bidi algorithm and inlines in CSS
</td>
</tr>
<tr id="bidi-005-2.4.2" class="">
<td>
<a href="bidi-005.xht">bidi-005</a></td>
<td></td>
<td></td>
<td>The bidi algorithm and inlines in CSS: embed levels and white-space: pre;
</td>
</tr>
<tr id="bidi-006-2.4.2" class="">
<td>
<a href="bidi-006.xht">bidi-006</a></td>
<td></td>
<td></td>
<td>The bidi algorithm and inlines in CSS: embed levels and white-space: nowrap;
</td>
</tr>
<tr id="bidi-007-2.4.2" class="">
<td>
<a href="bidi-007.xht">bidi-007</a></td>
<td></td>
<td></td>
<td>The bidi algorithm and inlines in CSS: embed levels and float: left;
</td>
</tr>
<tr id="bidi-008-2.4.2" class="">
<td>
<a href="bidi-008.xht">bidi-008</a></td>
<td></td>
<td></td>
<td>The bidi algorithm and inlines in CSS: embed levels and display: table;
</td>
</tr>
<tr id="bidi-009-2.4.2" class="">
<td>
<a href="bidi-009.xht">bidi-009</a></td>
<td></td>
<td></td>
<td>The bidi algorithm and inlines in CSS: embed levels and display: table-row;
</td>
</tr>
<tr id="bidi-010-2.4.2" class="">
<td>
<a href="bidi-010.xht">bidi-010</a></td>
<td></td>
<td></td>
<td>The bidi algorithm and inlines in CSS: embed levels and position: absolute
</td>
</tr>
<tr id="bidi-011-2.4.2" class="">
<td>
<a href="bidi-011.xht">bidi-011</a></td>
<td><a href="reference/bidi-011-ref.xht">=</a> </td>
<td></td>
<td>The bidi algorithm and inlines in CSS wrapping bidi formatting characters
</td>
</tr>
</tbody>
<tbody id="s2.4.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.4.3">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#bidi-atomic-inlines">2.4.3 Bidi Treatment of Atomic Inlines</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.4.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.4.4">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#bidi-embedding-breaks">2.4.4 Paragraph Breaks Within Embeddings and Isolates</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s2.4.4.#example-8a82340a">
<!-- 0 tests -->
</tbody>
<tbody id="s2.4.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.4.5">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model">2.4.5 Reordering-induced Box Fragmentation</a></th></tr>
<!-- 26 tests -->
<tr id="bidi-001-2.4" class="primary">
<tr id="bidi-001-2.4.5" class="primary">
<td><strong>
<a href="bidi-001.xht">bidi-001</a></strong></td>
<td><a href="reference/bidi-001-ref.xht">=</a> </td>
@ -1805,7 +2015,7 @@
</ul>
</td>
</tr>
<tr id="bidi-002-2.4" class="primary">
<tr id="bidi-002-2.4.5" class="primary">
<td><strong>
<a href="bidi-002.xht">bidi-002</a></strong></td>
<td><a href="reference/bidi-002-ref.xht">=</a> </td>
@ -1816,7 +2026,7 @@
</ul>
</td>
</tr>
<tr id="bidi-003-2.4" class="primary">
<tr id="bidi-003-2.4.5" class="primary">
<td><strong>
<a href="bidi-003.xht">bidi-003</a></strong></td>
<td><a href="reference/bidi-003-ref.xht">=</a> </td>
@ -1827,7 +2037,7 @@
</ul>
</td>
</tr>
<tr id="bidi-004-2.4" class="primary ahem may21">
<tr id="bidi-004-2.4.5" class="primary ahem may21">
<td><strong>
<a href="bidi-004.xht">bidi-004</a></strong></td>
<td><a href="reference/bidi-004-ref.xht">=</a> </td>
@ -1835,7 +2045,7 @@
<td>The bidi algorithm and inlines in CSS
</td>
</tr>
<tr id="bidi-005-2.4" class="">
<tr id="bidi-005-2.4.5" class="">
<td>
<a href="bidi-005.xht">bidi-005</a></td>
<td></td>
@ -1843,7 +2053,7 @@
<td>The bidi algorithm and inlines in CSS: embed levels and white-space: pre;
</td>
</tr>
<tr id="bidi-006-2.4" class="">
<tr id="bidi-006-2.4.5" class="">
<td>
<a href="bidi-006.xht">bidi-006</a></td>
<td></td>
@ -1851,7 +2061,7 @@
<td>The bidi algorithm and inlines in CSS: embed levels and white-space: nowrap;
</td>
</tr>
<tr id="bidi-007-2.4" class="">
<tr id="bidi-007-2.4.5" class="">
<td>
<a href="bidi-007.xht">bidi-007</a></td>
<td></td>
@ -1859,7 +2069,7 @@
<td>The bidi algorithm and inlines in CSS: embed levels and float: left;
</td>
</tr>
<tr id="bidi-008-2.4" class="">
<tr id="bidi-008-2.4.5" class="">
<td>
<a href="bidi-008.xht">bidi-008</a></td>
<td></td>
@ -1867,7 +2077,7 @@
<td>The bidi algorithm and inlines in CSS: embed levels and display: table;
</td>
</tr>
<tr id="bidi-009-2.4" class="">
<tr id="bidi-009-2.4.5" class="">
<td>
<a href="bidi-009.xht">bidi-009</a></td>
<td></td>
@ -1875,7 +2085,7 @@
<td>The bidi algorithm and inlines in CSS: embed levels and display: table-row;
</td>
</tr>
<tr id="bidi-010-2.4" class="">
<tr id="bidi-010-2.4.5" class="">
<td>
<a href="bidi-010.xht">bidi-010</a></td>
<td></td>
@ -1883,7 +2093,7 @@
<td>The bidi algorithm and inlines in CSS: embed levels and position: absolute
</td>
</tr>
<tr id="bidi-011-2.4" class="primary">
<tr id="bidi-011-2.4.5" class="primary">
<td><strong>
<a href="bidi-011.xht">bidi-011</a></strong></td>
<td><a href="reference/bidi-011-ref.xht">=</a> </td>
@ -1891,7 +2101,7 @@
<td>The bidi algorithm and inlines in CSS wrapping bidi formatting characters
</td>
</tr>
<tr id="bidi-box-model-001-2.4" class="primary">
<tr id="bidi-box-model-001-2.4.5" class="primary">
<td><strong>
<a href="bidi-box-model-001.xht">bidi-box-model-001</a></strong></td>
<td><a href="reference/bidi-box-model-001-ref.xht">=</a> </td>
@ -1902,7 +2112,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-002-2.4" class="primary">
<tr id="bidi-box-model-002-2.4.5" class="primary">
<td><strong>
<a href="bidi-box-model-002.xht">bidi-box-model-002</a></strong></td>
<td><a href="reference/bidi-box-model-001-ref.xht">=</a> </td>
@ -1913,7 +2123,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-003-2.4" class="primary">
<tr id="bidi-box-model-003-2.4.5" class="primary">
<td><strong>
<a href="bidi-box-model-003.xht">bidi-box-model-003</a></strong></td>
<td><a href="reference/bidi-box-model-001-ref.xht">=</a> </td>
@ -1924,7 +2134,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-004-2.4" class="primary">
<tr id="bidi-box-model-004-2.4.5" class="primary">
<td><strong>
<a href="bidi-box-model-004.xht">bidi-box-model-004</a></strong></td>
<td><a href="reference/bidi-box-model-001-ref.xht">=</a> </td>
@ -1935,7 +2145,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-005-2.4" class="primary">
<tr id="bidi-box-model-005-2.4.5" class="primary">
<td><strong>
<a href="bidi-box-model-005.xht">bidi-box-model-005</a></strong></td>
<td><a href="reference/bidi-box-model-001-ref.xht">=</a> </td>
@ -1946,7 +2156,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-006-2.4" class="primary">
<tr id="bidi-box-model-006-2.4.5" class="primary">
<td><strong>
<a href="bidi-box-model-006.xht">bidi-box-model-006</a></strong></td>
<td><a href="reference/bidi-box-model-001-ref.xht">=</a> </td>
@ -1957,7 +2167,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-007-2.4" class="primary">
<tr id="bidi-box-model-007-2.4.5" class="primary">
<td><strong>
<a href="bidi-box-model-007.xht">bidi-box-model-007</a></strong></td>
<td><a href="reference/bidi-box-model-007-ref.xht">=</a> </td>
@ -1968,7 +2178,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-008-2.4" class="primary">
<tr id="bidi-box-model-008-2.4.5" class="primary">
<td><strong>
<a href="bidi-box-model-008.xht">bidi-box-model-008</a></strong></td>
<td><a href="reference/bidi-box-model-007-ref.xht">=</a> </td>
@ -1979,7 +2189,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-009-2.4" class="primary">
<tr id="bidi-box-model-009-2.4.5" class="primary">
<td><strong>
<a href="bidi-box-model-009.xht">bidi-box-model-009</a></strong></td>
<td><a href="reference/bidi-box-model-007-ref.xht">=</a> </td>
@ -1990,7 +2200,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-034-2.4" class="primary ahem">
<tr id="bidi-box-model-034-2.4.5" class="primary ahem">
<td><strong>
<a href="bidi-box-model-034.xht">bidi-box-model-034</a></strong></td>
<td><a href="reference/bidi-box-model-034-ref.xht">=</a> </td>
@ -2001,7 +2211,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-035-2.4" class="primary ahem">
<tr id="bidi-box-model-035-2.4.5" class="primary ahem">
<td><strong>
<a href="bidi-box-model-035.xht">bidi-box-model-035</a></strong></td>
<td><a href="reference/bidi-box-model-034-ref.xht">=</a> </td>
@ -2012,7 +2222,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-036-2.4" class="primary ahem">
<tr id="bidi-box-model-036-2.4.5" class="primary ahem">
<td><strong>
<a href="bidi-box-model-036.xht">bidi-box-model-036</a></strong></td>
<td><a href="reference/bidi-box-model-034-ref.xht">=</a> </td>
@ -2023,7 +2233,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-043-2.4" class="primary ahem">
<tr id="bidi-box-model-043-2.4.5" class="primary ahem">
<td><strong>
<a href="bidi-box-model-043.xht">bidi-box-model-043</a></strong></td>
<td><a href="reference/bidi-box-model-043-ref.xht">=</a> </td>
@ -2034,7 +2244,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-044-2.4" class="primary ahem">
<tr id="bidi-box-model-044-2.4.5" class="primary ahem">
<td><strong>
<a href="bidi-box-model-044.xht">bidi-box-model-044</a></strong></td>
<td><a href="reference/bidi-box-model-043-ref.xht">=</a> </td>
@ -2045,7 +2255,7 @@
</ul>
</td>
</tr>
<tr id="bidi-box-model-045-2.4" class="primary ahem">
<tr id="bidi-box-model-045-2.4.5" class="primary ahem">
<td><strong>
<a href="bidi-box-model-045.xht">bidi-box-model-045</a></strong></td>
<td><a href="reference/bidi-box-model-043-ref.xht">=</a> </td>

1492
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht
View file

File diff suppressed because it is too large Load diff

6
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-4.xht
View file

@ -446,6 +446,12 @@
<tbody id="s4.4.#dominant-baseline">
<!-- 0 tests -->
</tbody>
<tbody id="s4.4.#example-0f51d3ed">
<!-- 0 tests -->
</tbody>
<tbody id="s4.4.#example-56bdb8bb">
<!-- 0 tests -->
</tbody>
</table>
</body>

96
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-5.xht
View file

@ -13,7 +13,7 @@
<body>
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
<h2>Introduction to Vertical Text Layout (28 tests)</h2>
<h2>Introduction to Vertical Text Layout (33 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -36,7 +36,7 @@
<tbody id="s5.#bi-orientational">
<!-- 0 tests -->
</tbody>
<tbody id="s5.#bi-orientational----transform">
<tbody id="s5.#bi-orientational-transform">
<!-- 0 tests -->
</tbody>
<tbody id="s5.#horizontal-only">
@ -55,7 +55,7 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation">5.1 Orienting Text: the text-orientation property</a></th></tr>
<!-- 28 tests -->
<!-- 33 tests -->
<tr id="table-progression-vlr-003-5.1" class="">
<td>
<a href="table-progression-vlr-003.xht">table-progression-vlr-003</a></td>
@ -100,14 +100,14 @@
</ul>
</td>
</tr>
<tr id="text-orientation-010-5.1" class="primary ahem font">
<tr id="text-orientation-010-5.1" class="primary image">
<td><strong>
<a href="text-orientation-010.xht">text-orientation-010</a></strong></td>
<td></td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="font" title="Requires a special font">Font</abbr></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>text-orientation - mixed
<ul class="assert">
<li>This test checks that 'text-orientation: mixed' causes characters from horizontal-only scripts are set sideways, i.e. 90&amp;deg;clockwise from their standard orientation in horizontal text. Characters from vertical scripts are set with their intrinsic orientation. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.</li>
<li>This test checks that 'text-orientation: mixed' causes characters from horizontal-only scripts are set sideways, i.e. rotated 90 clockwise from their standard orientation in horizontal text. Characters from vertical scripts are set according to their intrinsic orientation (Vertical Orientation Property as given by UTR50).</li>
</ul>
</td>
</tr>
@ -133,14 +133,36 @@
</ul>
</td>
</tr>
<tr id="text-orientation-mixed-001-5.1" class="primary font image">
<tr id="text-orientation-mixed-001-5.1" class="primary image">
<td><strong>
<a href="text-orientation-mixed-001.xht">text-orientation-mixed-001</a></strong></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>text-orientation - mixed in vertical-rl writing mode
<ul class="assert">
<li>This test checks that the alphabet is displayed on sideways, and it is verified whether the characters are aligned in the vertical direction including vertical writing characters (Japanese, Mongolian, Hangul, etc).</li>
<li>This test checks that when 'text-orientation' is set to 'mixed', then latin alphabet characters are displayed sideways (rotated 90 degrees clockwise) and characters from vertical scripts (Japanese, Mongolian, Hangul, etc) are displayed according to their intrinsic orientation property (Vertical Orientation Property as given by UTR50). In this test, the 'FULLWIDTH LATIN CAPITAL LETTER T' must be typeset upright.</li>
</ul>
</td>
</tr>
<tr id="text-orientation-mixed-slr-015-5.1" class="primary image">
<td><strong>
<a href="text-orientation-mixed-slr-015.xht">text-orientation-mixed-slr-015</a></strong></td>
<td></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>'writing-mode: sideways-lr' - 'text-orientation: mixed' has no effect
<ul class="assert">
<li>This test checks that when 'writing-mode' is set to 'sideways-lr', then a 'text-orientation: mixed' declaration has no effect: the alphabetical baseline is used as the dominant baseline and all the glyphs remain rotated 90 degrees counter-clockwise. The typographic mode for 'sideways-lr' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.</li>
</ul>
</td>
</tr>
<tr id="text-orientation-mixed-srl-016-5.1" class="primary">
<td><strong>
<a href="text-orientation-mixed-srl-016.xht">text-orientation-mixed-srl-016</a></strong></td>
<td><a href="reference/text-orientation-upright-srl-016-ref.xht">=</a> </td>
<td></td>
<td>'writing-mode: sideways-rl' - 'text-orientation: mixed' has no effect
<ul class="assert">
<li>This test checks that when 'writing-mode' is set to 'sideways-rl', then a 'text-orientation: mixed' declaration has no effect: the alphabetical baseline is used as the dominant baseline because the typographic mode for 'sideways-rl' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.</li>
</ul>
</td>
</tr>
@ -353,6 +375,17 @@
</ul>
</td>
</tr>
<tr id="text-orientation-sideways-slr-019-5.1" class="primary image">
<td><strong>
<a href="text-orientation-sideways-slr-019.xht">text-orientation-sideways-slr-019</a></strong></td>
<td></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>'writing-mode: sideways-lr' - 'text-orientation: sideways' has no effect
<ul class="assert">
<li>This test checks that when 'writing-mode' is set to 'sideways-lr', then a 'text-orientation: sideways' declaration has no effect: the alphabetical baseline is used as the dominant baseline and all the glyphs remain rotated 90 degrees counter-clockwise. The typographic mode for 'sideways-lr' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.</li>
</ul>
</td>
</tr>
<tr id="text-orientation-upright-001-5.1" class="primary font image">
<td><strong>
<a href="text-orientation-upright-001.xht">text-orientation-upright-001</a></strong></td>
@ -364,6 +397,28 @@
</ul>
</td>
</tr>
<tr id="text-orientation-upright-slr-017-5.1" class="primary image">
<td><strong>
<a href="text-orientation-upright-slr-017.xht">text-orientation-upright-slr-017</a></strong></td>
<td></td>
<td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
<td>'writing-mode: sideways-lr' - 'text-orientation: upright' has no effect
<ul class="assert">
<li>This test checks that when 'writing-mode' is set to 'sideways-lr', then a 'text-orientation: upright' declaration has no effect: the alphabetical baseline is used as the dominant baseline and all the glyphs remain rotated 90 degrees counter-clockwise. The typographic mode for 'sideways-lr' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.</li>
</ul>
</td>
</tr>
<tr id="text-orientation-upright-srl-018-5.1" class="primary">
<td><strong>
<a href="text-orientation-upright-srl-018.xht">text-orientation-upright-srl-018</a></strong></td>
<td><a href="reference/text-orientation-mixed-srl-016-ref.xht">=</a> </td>
<td></td>
<td>'writing-mode: sideways-rl' - 'text-orientation: upright' has no effect
<ul class="assert">
<li>This test checks that when 'writing-mode' is set to 'sideways-rl', then a 'text-orientation: upright' declaration has no effect: the alphabetical baseline is used as the dominant baseline and all the glyphs remain rotated 90 degrees clockwise. The typographic mode for 'sideways-rl' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s5.1.#fig-text-orientation">
<!-- 0 tests -->
@ -371,22 +426,16 @@
<tbody id="s5.1.#propdef-text-orientation">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valuedef-mixed">
<tbody id="s5.1.#valdef-text-orientation-mixed">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valuedef-sideways">
<tbody id="s5.1.#valdef-text-orientation-sideways">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valuedef-sideways-left">
<tbody id="s5.1.#valdef-text-orientation-sideways-right">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valuedef-sideways-right">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valuedef-upright">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#valuedef-use-glyph-orientation">
<tbody id="s5.1.#valdef-text-orientation-upright">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.1">
@ -407,6 +456,15 @@
<a href="http://www.w3.org/TR/css-writing-modes-3/#vertical-orientations">5.1.2 Mixed Vertical Orientations</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1.3">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#glyph-orientation">5.1.3 Obsolete: the SVG1.1 glyph-orientation-vertical property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.3.#propdef-glyph-orientation-vertical">
<!-- 0 tests -->
</tbody>
</table>
</body>

20
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-6.xht
View file

@ -81,27 +81,33 @@
<tbody id="s6.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.1">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#abstract-dimensions">6.1 Abstract Dimensions</a></th></tr>
<a href="http://www.w3.org/TR/css-writing-modes-3/#abstract-axes">6.1 Abstract Dimensions</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#abstract-dimensions0">
<tbody id="s6.1.#abstract-dimensions">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#block-axis-">
<tbody id="s6.1.#block-axis">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#block-dimension">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#block-size">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#extent">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#inline-axis-">
<tbody id="s6.1.#inline-axis">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#inline-dimension">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#inline-size">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#logical-height">
<!-- 0 tests -->
</tbody>
@ -302,6 +308,12 @@
<tbody id="s6.2.#end">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#example-22471c52">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#example-a4f35a79">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#flow-relative-direction">
<!-- 0 tests -->
</tbody>

36
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-7.xht
View file

@ -3951,6 +3951,9 @@
</td>
</tr>
</tbody>
<tbody id="s7.1.#example-28016ba9">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.2">+</a>
@ -4414,13 +4417,22 @@
</td>
</tr>
</tbody>
<tbody id="s7.3.#establish-an-orthogonal-flow-">
<tbody id="s7.3.#establish-an-orthogonal-flow">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.#example-d9b70a0b">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.#orthogonal-shrink-to-fit">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.3.1">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">7.3.1 Auto-sizing in Orthogonal Flows</a></th></tr>
<a href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">7.3.1 Available Sizes in Orthogonal Flows</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.1.#issue-ca47cbba">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.2">
@ -4429,10 +4441,16 @@
<a href="http://www.w3.org/TR/css-writing-modes-3/#auto-multicol">7.3.2 Auto-sizing Block Containers in Orthogonal Flows</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.2.#issue-bddd6a30">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.3.3">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-layout">7.3.3 Auto-sizing Orthogonal Flows</a></th></tr>
<a href="http://www.w3.org/TR/css-writing-modes-3/#orthogonal-layout">7.3.3 Auto-sizing Other Orthogonal Flow Roots</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.3.#example-708daa22">
<!-- 0 tests -->
</tbody>
<tbody id="s7.3.4">
@ -5966,18 +5984,6 @@
</td>
</tr>
</tbody>
<tbody id="s7.7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.7">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#caption-side">7.7 Table Caption Mappings: the caption-side keywords</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.7.#valuedef-block-end">
<!-- 0 tests -->
</tbody>
<tbody id="s7.7.#valuedef-block-start">
<!-- 0 tests -->
</tbody>
</table>
</body>

24
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-8.xht
View file

@ -3,7 +3,7 @@
<!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>Page Flow: the page progression direction - CSS Writing Modes Module Level 3 CR Test Suite</title>
<title>The Principal Writing Mode - 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";
@ -13,7 +13,7 @@
<body>
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
<h2>Page Flow: the page progression direction (0 tests)</h2>
<h2>The Principal Writing Mode (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -30,7 +30,25 @@
<tbody id="s8">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#page-direction">8 Page Flow: the page progression direction</a></th></tr>
<a href="http://www.w3.org/TR/css-writing-modes-3/#principal-flow">8 The Principal Writing Mode</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.#principal-writing-mode">
<!-- 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/css-writing-modes-3/#icb">8.1 Propagation to the Initial Containing Block</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.1.#issue-80e9901b">
<!-- 0 tests -->
</tbody>
<tbody id="s8.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8.2">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#page-direction">8.2 Page Flow: the page progression direction</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>

232
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-9.xht
View file

@ -295,16 +295,22 @@
</td>
</tr>
</tbody>
<tbody id="s9.1.#example-ae717c2a">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.#example-d250f365">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.#propdef-text-combine-upright">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.#valuedef-all">
<tbody id="s9.1.#valdef-text-combine-upright-all">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.#valuedef-digits-integer">
<tbody id="s9.1.#valdef-text-combine-upright-digits-integer">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.#valuedef-none">
<tbody id="s9.1.#valdef-text-combine-upright-none">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.1">
@ -313,6 +319,9 @@
<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.1.#example-95932934">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.2">+</a>
@ -347,6 +356,9 @@
<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.#example-8e0562a8">
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1.3.1">+</a>
@ -386,24 +398,138 @@
</td>
</tr>
</tbody>
<tbody id="s9.1.3.1.#example-cc759014">
<!-- 0 tests -->
</tbody>
<tbody id="s.#abstract">
<!-- 0 tests -->
</tbody>
<tbody id="s.#acknowledgements">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-backgrounds-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-break-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-cascade-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-display-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-flexbox-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-fonts-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-images-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-masking-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-multicol-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-page-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-position-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-ruby-1">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-sizing-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-text-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-text-decor-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css-values-3">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css21">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-break">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-flexbox">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-fonts">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-sizing">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-text">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3-text-decor">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3bg">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3col">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3color">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3page">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-css3text">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-html401">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-html5">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-rfc2119">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-rfc6919">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-svg11">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-svg2">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-uax11">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-uax24">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-uax9">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-unicode">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-utn22">
<!-- 0 tests -->
</tbody>
<tbody id="s.#biblio-utr50">
<!-- 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>
@ -422,57 +548,27 @@
<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">
<tbody id="s.#example-f839f6c8">
<!-- 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.#index-defined-elsewhere">
<!-- 0 tests -->
</tbody>
<tbody id="s.#index-defined-here">
<!-- 0 tests -->
</tbody>
<tbody id="s.#informative">
<!-- 0 tests -->
</tbody>
<tbody id="s.#issues-index">
<!-- 0 tests -->
</tbody>
<tbody id="s.#normative">
<!-- 0 tests -->
</tbody>
@ -485,49 +581,19 @@
<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">
<tbody id="s.#w3c_process_revision">
<!-- 0 tests -->
</tbody>
</table>

12
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-A.xht
View file

@ -3,7 +3,7 @@
<!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>Characters and Properties - CSS Writing Modes Module Level 3 CR Test Suite</title>
<title>Vertical Scripts in Unicode - 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";
@ -13,7 +13,7 @@
<body>
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
<h2>Characters and Properties (0 tests)</h2>
<h2>Vertical Scripts in Unicode (0 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -30,13 +30,7 @@
<tbody id="sA">
<tr><th colspan="4" scope="rowgroup">
<a href="#sA">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#character-properties">A Characters and Properties</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="sA.#character">
<!-- 0 tests -->
</tbody>
<tbody id="sA.#grapheme-cluster">
<a href="http://www.w3.org/TR/css-writing-modes-3/#script-orientations">A Vertical Scripts in Unicode</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>

39
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-B.xht
View file

@ -1,39 +0,0 @@
<!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>Bidi Rules for HTML 4 - 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>Bidi Rules for HTML 4 (0 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="sB">
<tr><th colspan="4" scope="rowgroup">
<a href="#sB">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#bidi-html">B Bidi Rules for HTML 4</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

39
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-C.xht
View file

@ -1,39 +0,0 @@
<!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>Vertical Scripts in Unicode - 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>Vertical Scripts in Unicode (0 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="sC">
<tr><th colspan="4" scope="rowgroup">
<a href="#sC">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#script-orientations">C Vertical Scripts in Unicode</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>

10
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-slr-009.xht
View file

@ -3,6 +3,7 @@
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-12-12 -->
<link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" />
<link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" />
<link rel="match" href="reference/inline-block-alignment-slr-009-ref.xht" />
@ -13,7 +14,6 @@
{
color: teal;
font: 60px/1 Ahem; /* computes to 60px/60px */
height: 4em;
writing-mode: sideways-lr;
}
@ -48,12 +48,12 @@
<body>
<p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p>
<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p>
<div id="slr">p<div id="inline-block">
<div id="slr">É<div id="inline-block">
<span class="block-descendant">B</span>
<span class="block-descendant last-line-box">p</span>
</div><span id="fuchsia30">p</span></div>
<span class="block-descendant last-line-box">É</span>
</div><span id="fuchsia30">É</span></div>
</body>
</html>

32
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-vrl-026-ref.xht Normal file
View file

@ -0,0 +1,32 @@
<!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>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/>
<meta name="flags" content="ahem"/>
<style type="text/css">
div
{
background: pink;
border: 1px solid black;
color: blue;
font: 20px/1 "Ahem";
margin: 10px;
width: 3em;
white-space: pre;
}
</style>
</head>
<body>
<p>Test passes if the 2 pink-and-blue rectangles are <strong>identical</strong>.</p>
<div>7 1
52
63</div>
<div>7 1
52
63</div>
</body>
</html>

22
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/inline-block-alignment-slr-009-ref.xht
View file

@ -3,26 +3,23 @@
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Reftest Reference</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-12-12 -->
<meta name="flags" content="image" />
<style type="text/css"><![CDATA[
img
{
vertical-align: top;
}
img
{
padding-left: 156px; /* 60 px (padding-left) + 48px (the position difference of box) + 48px (ascent width) */
padding-left: 252px; /* 60px (padding-left) + 120px (B) + 96px (?) - 24px (?) == 252px */
vertical-align: top;
}
img + br + img
{
padding-left: 156px; /* 60 px (padding-left) + 96px (ascent width)*/
padding-left: 60px; /* 60px (padding-left) */
}
img + br + img + br + img
{
padding-left: 156px; /* 60 px (padding-left) + 72px (the position difference of box) + 24px (ascent width) */
padding-left: 228px; /* 60px (padding-left) + 120px (B) + 96px (?) - 48px == 228px */
}
]]></style>
@ -30,12 +27,9 @@
<body>
<p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p>
<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p>
<div><img src="support/swatch-teal.png" width="24" height="30" alt="Image download support must be enabled" /><br /><img src="support/swatch-teal.png" width="216" height="120" alt="Image download support must be enabled" /><br /><img src="support/swatch-teal.png" width="48" height="60" alt="Image download support must be enabled" /></div>
<div>
<img src="support/swatch-teal.png" width="12" height="60" alt="Image download support must be enabled" /><br /><!--
--><img src="support/swatch-teal.png" width="144" height="120" alt="Image download support must be enabled" /><br /><!--
--><img src="support/swatch-teal.png" width="6" height="30" alt="Image download support must be enabled" />
</div>
</body>
</html>

BIN
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-vlr.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 9.3 KiB

Before After
Before After

4
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/test-style.css
View file

@ -1,8 +1,8 @@
#test01, #test02, #test03{
width: 50px;
height: 50px;
text-align:center;
font-size: 20px;
text-align:center;
font-size: 20px;
}
#test{
background: #ff0000;

BIN
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/text-orientation-010.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.3 KiB

BIN
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/text-orientation-mixed-001.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

Before After
Before After

BIN
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/text-orientation-sideways-lr.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.1 KiB

6
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-slr-001-ref.xht
View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Reference</title>
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Reference</title>
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" />
@ -92,4 +93,5 @@
<td class="orng">
</td><td colspan="3">
</td><td class="navy">
</td></tr></tbody></table></body></html>
</td></tr></tbody></table>
</body></html>

39
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-orientation-mixed-srl-016-ref.xht Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<style type="text/css"><![CDATA[
@font-face
{
font-family: "mplus-1p-regular";
src: url("support/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
}
div
{
border: gray solid 1px;
font: bold 26px/32px "mplus-1p-regular";
margin-bottom: 4px;
text-orientation: sideways;
writing-mode: vertical-rl;
}
]]></style>
</head>
<body>
<p>Test passes if the glyphs in both rectangles have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong>.</p>
<div>月火水Abc<br />def木金土</div>
<div>月火水Abc<br />def木金土</div>
</body>
</html>

3
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/vertical-alignment-slr-049-ref.xht
View file

@ -3,6 +3,7 @@
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Reftest Reference</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-12-11 -->
<meta name="flags" content="image" />
<style type="text/css"><![CDATA[
img
@ -23,7 +24,7 @@
<p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p>
<div>
<img class="blue" src="support/swatch-blue.png" width="80" height="80" alt="Image download support must be enabled" /><br /><img class="blue" src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled" />
<img src="support/swatch-blue.png" width="80" height="80" alt="Image download support must be enabled" /><br /><img src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled" />
</div>
</body>

24
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht
View file

@ -3440,6 +3440,14 @@
<td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
</tr>
</tbody>
<tbody id="block-flow-direction-vrl-026" class="ahem">
<tr>
<td rowspan="1" title="vertical-rl - block flow direction of block-level boxes">
<a href="block-flow-direction-vrl-026.xht">block-flow-direction-vrl-026</a></td>
<td><a href="reference/block-flow-direction-vrl-026-ref.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="block-override-001" class="">
<tr>
<td rowspan="1" title="direction: div override rtl">
@ -6160,6 +6168,22 @@
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="text-orientation-mixed-srl-016" class="">
<tr>
<td rowspan="1" title="'writing-mode: sideways-rl' - 'text-orientation: mixed' has no effect">
<a href="text-orientation-mixed-srl-016.xht">text-orientation-mixed-srl-016</a></td>
<td><a href="reference/text-orientation-upright-srl-016-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="text-orientation-upright-srl-018" class="">
<tr>
<td rowspan="1" title="'writing-mode: sideways-rl' - 'text-orientation: upright' has no effect">
<a href="text-orientation-upright-srl-018.xht">text-orientation-upright-srl-018</a></td>
<td><a href="reference/text-orientation-mixed-srl-016-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="unicode-bidi-001" class="">
<tr>
<td rowspan="1" title="Unicode-bidi set to 'normal'">

3
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list
View file

@ -426,6 +426,7 @@ block-flow-direction-vrl-019.xht == reference/block-flow-direction-001-ref.xht
block-flow-direction-vrl-021.xht == reference/block-flow-direction-002-ref.xht
block-flow-direction-vrl-024.xht == reference/block-flow-direction-002-ref.xht
block-flow-direction-vrl-025.xht == reference/block-flow-direction-025-ref.xht
block-flow-direction-vrl-026.xht == reference/block-flow-direction-vrl-026-ref.xht
block-override-001.xht == reference/block-override-001.xht
block-override-002.xht == reference/block-override-002.xht
block-override-003.xht == reference/block-override-003.xht
@ -766,6 +767,8 @@ text-indent-vrl-012.xht == reference/text-indent-vrl-012-ref.xht
text-indent-vrl-014.xht == reference/text-indent-vrl-010-ref.xht
text-indent-vrl-016.xht == reference/text-indent-vrl-012-ref.xht
text-orientation-014.xht == reference/text-orientation-014-ref.xht
text-orientation-mixed-srl-016.xht == reference/text-orientation-upright-srl-016-ref.xht
text-orientation-upright-srl-018.xht == reference/text-orientation-mixed-srl-016-ref.xht
unicode-bidi-001.xht == reference/direction-002-ref.xht
unicode-bidi-002.xht == reference/unicode-bidi-002-ref.xht
unicode-bidi-003.xht == reference/direction-002-ref.xht

BIN
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/form-controls-vlr.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 9.3 KiB

Before After
Before After

4
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/test-style.css
View file

@ -1,8 +1,8 @@
#test01, #test02, #test03{
width: 50px;
height: 50px;
text-align:center;
font-size: 20px;
text-align:center;
font-size: 20px;
}
#test{
background: #ff0000;

BIN
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/text-orientation-010.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.3 KiB

BIN
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/text-orientation-mixed-001.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

Before After
Before After

BIN
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/text-orientation-sideways-lr.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.1 KiB

3
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-slr-001.xht
View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: sideways-lr Table Row/Rowgroup/Cell Ordering</title>
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Test: sideways-lr Table Row/Rowgroup/Cell Ordering</title>
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" />
<link href="reference/table-progression-slr-001-ref.xht" rel="match" />

3
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-srl-001.xht
View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: sideways-rl Table Row/Rowgroup/Cell Ordering</title>
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Test: sideways-rl Table Row/Rowgroup/Cell Ordering</title>
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" />
<link href="reference/table-progression-001-ref.xht" rel="match" />

3
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-srl-002.xht
View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: sideways-rl Table Column/Colgroup Ordering</title>
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Test: sideways-rl Table Column/Colgroup Ordering</title>
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" />
<link href="reference/table-progression-002-ref.xht" rel="match" />

73
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-010.xht
View file

@ -3,10 +3,10 @@
<head>
<title>CSS Writing Modes Test: text-orientation - mixed</title>
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com"/>
<link rel="help" title="5.1. Orienting Text: the‘text-orientation’property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"/>
<meta http-equiv="content-language" content="en, ja"/>
<meta name="flags" content="ahem font"/>
<meta name="assert" content="This test checks that 'text-orientation: mixed' causes characters from horizontal-only scripts are set sideways, i.e. 90°clockwise from their standard orientation in horizontal text. Characters from vertical scripts are set with their intrinsic orientation. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation."/>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/>
<link rel="help" title="5.1. Orienting Text: the 'text-orientation' property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"/>
<meta name="flags" content="image"/>
&deg;<meta name="assert" content="This test checks that 'text-orientation: mixed' causes characters from horizontal-only scripts are set sideways, i.e. rotated 90 clockwise from their standard orientation in horizontal text. Characters from vertical scripts are set according to their intrinsic orientation (Vertical Orientation Property as given by UTR50)."/>
<style type="text/css">
@font-face
{
@ -17,62 +17,35 @@
mplus-1p-regular.ttf can be downloaded at/from [TBD later]
*/
}
.view_ahem
div
{
background: pink;
border: 1px solid black;
color: blue;
font: 20px/1 "Ahem";
height: 3em;
margin: 10px;
width: 3em;
white-space: pre;
}
#test_ahem
{
text-orientation: mixed; /* The property to be tested */
font-family: "mplus-1p-regular";
font-size: 32px;
line-height: 1.5; /* computes to 48px */
margin-bottom: 10px;
writing-mode: vertical-rl;
}
#control_ahem
{
writing-mode: horizontal-tb;
}
.view
div#test
{
border: 1px solid gray;
font-family: "mplus-1p-regular";
font-size: 1.5em;
line-height: 1.5;
margin-bottom: 10px;
width: 3em;
writing-mode: vertical-rl;
}
#test
span
{
text-orientation: mixed; /* The property to be tested */
}
#control
{
text-combine-upright: none;
}
</style>
</head>
<body xml:lang="en">
<!--
This test consists of a pair of sub-tests which complements each other.
Logically, the test should verify 1.block flow direction, 2.inline direction
and 3.glyph orientation. The "Ahem" sub-test comes first and checks 1. and 2. ,
whereas "glyph" sub-test comes later and also checks 3.
-->
<p>Test passes if a pair of rectangles is <strong>identical</strong> including <strong>layout</strong> and <strong>orientation</strong>.</p>
<div class="view_ahem"><span id="test_ahem">123
56
7 </span></div>
<div class="view_ahem"><span id="control_ahem">7 1
52
63</span></div>
<hr/>
<div class="view" xml:lang="ja"><span id="test">月火水Abc<br/>def木金土</span></div>
<div class="view" xml:lang="ja"><span id="control">月火水Abc<br/>def木金土</span></div>
<body>
<p>Test passes if characters of both rectangles have the <strong>same order</strong>, <strong>same layout</strong> and the <strong>same orientation</strong>.</p>
<div xml:lang="ja" id="test"><span>月火水Abc<br/>def木金土</span></div>
<div id="control"><img src="support/text-orientation-010.png" width="98" height="192" alt="Image download support must be enabled"/></div>
</body>
</html>

63
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-mixed-001.xht
View file

@ -3,47 +3,56 @@
<head>
<title>CSS Writing Modes Test: text-orientation - mixed in vertical-rl writing mode</title>
<link rel="author" title="Kazuaki Takemura" href="mailto:takemura@networksoft.co.jp"/>
<link rel="help" title="5.1. Orienting Text" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"/>
<meta name="flags" content="font image"/>
<meta name="assert" content="This test checks that the alphabet is displayed on sideways, and it is verified whether the characters are aligned in the vertical direction including vertical writing characters (Japanese, Mongolian, Hangul, etc)."/>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/>
<link rel="help" title="5.1 Orienting Text: the 'text-orientation' property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"/>
<meta name="flags" content="image"/>
<meta name="assert" content="This test checks that when 'text-orientation' is set to 'mixed', then latin alphabet characters are displayed sideways (rotated 90 degrees clockwise) and characters from vertical scripts (Japanese, Mongolian, Hangul, etc) are displayed according to their intrinsic orientation property (Vertical Orientation Property as given by UTR50). In this test, the 'FULLWIDTH LATIN CAPITAL LETTER T' must be typeset upright."/>
<style type="text/css"><![CDATA[
@font-face
{
font-family: "DejaVuSerifBook";
src: url("support/DejaVuSerif-webfont.woff") format("woff");
/* Filesize: 18096 bytes (17.7 KBytes) */
}
{
font-family: "mplus-1p-regular";
src: url("support/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
/*
mplus-1p-regular.ttf can be downloaded at, from [TBD later]
*/
}
div {
border: 1px solid gray;
float: left;
color: blue;
font-family: "DejaVuSerifBook";
font-size: 1.875em; /* equivalent to 30px */
line-height: 1.4; /* equivalent to 42px:
so that top-half-leading is 6px
and bottom-half-leading is 6px */
margin: 10px;
}
div
{
float: left;
color: blue;
font-family: "mplus-1p-regular";
font-size: 30px;
line-height: 1.4; /* equivalent to 42px:
so that top-half-leading outside content area is 6px
and bottom-half-leading outside content area is 6px */
margin: 10px;
}
div#vertical
{
writing-mode: vertical-rl;
text-orientation: mixed;
}
{
border: 1px solid gray;
text-orientation: mixed;
writing-mode: vertical-rl;
}
img {vertical-align: top;}
img {vertical-align: top;}
]]></style>
</head>
<body>
<p>Test passes if both "Text sample" rectangles are <strong>identical</strong>: only "T" should be displayed vertically and "ext Sample" should be displayed sideways.</p>
<p>Test passes if characters in both "Text sample" rectangles have the <strong>same order</strong>, <strong>same layout</strong> and the <strong>same orientation</strong>: "T" should be upright and "ext sample" should be rotated 90&deg; clockwise.</p>
<div id="vertical">Ｔext sample</div>
<!--
HTML Entity (decimal) &#65332; or HTML Entity (hex) &#xff34; is Unicode Character 'FULLWIDTH LATIN CAPITAL LETTER T'
More info:
http://lists.w3.org/Archives/Public/public-css-testsuite/2015Dec/0008.html
-->
<div><img src="./support/text-orientation-mixed-001.png" width="42" height="189" alt="Image download support must be enabled"/></div>
<div><img src="support/text-orientation-mixed-001.png" width="44" height="198" alt="Image download support must be enabled"/></div>
</body>
</html>

43
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-mixed-slr-015.xht Normal file
View file

@ -0,0 +1,43 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: 'writing-mode: sideways-lr' - 'text-orientation: mixed' has no effect</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" title="5.1. Orienting Text: the 'text-orientation' property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" />
<meta name="flags" content="image" />
<meta name="assert" content="This test checks that when 'writing-mode' is set to 'sideways-lr', then a 'text-orientation: mixed' declaration has no effect: the alphabetical baseline is used as the dominant baseline and all the glyphs remain rotated 90 degrees counter-clockwise. The typographic mode for 'sideways-lr' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes." />
<style type="text/css"><![CDATA[
@font-face
{
font-family: "mplus-1p-regular";
src: url("support/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
}
div#slr
{
border: gray solid 1px;
font: bold 26px/32px "mplus-1p-regular";
margin-bottom: 4px;
writing-mode: sideways-lr;
text-orientation: mixed;
}
]]></style>
</head>
<body>
<p>Test passes if the glyphs in both rectangles have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong>.</p>
<div id="slr">月火水Abc<br />def木金土</div>
<div><img id="reference" src="support/text-orientation-sideways-lr.png" width="66" height="133" alt="Image download support must be enabled" /></div>
</body>
</html>

54
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-mixed-srl-016.xht Normal file
View file

@ -0,0 +1,54 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: 'writing-mode: sideways-rl' - 'text-orientation: mixed' has no effect</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" title="5.1. Orienting Text: the 'text-orientation' property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" />
<link rel="match" href="reference/text-orientation-upright-srl-016-ref.xht" />
<meta name="flags" content="" />
<meta name="assert" content="This test checks that when 'writing-mode' is set to 'sideways-rl', then a 'text-orientation: mixed' declaration has no effect: the alphabetical baseline is used as the dominant baseline because the typographic mode for 'sideways-rl' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes." />
<style type="text/css"><![CDATA[
@font-face
{
font-family: "mplus-1p-regular";
src: url("support/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
}
div
{
border: gray solid 1px;
font: bold 26px/32px "mplus-1p-regular";
margin-bottom: 4px;
}
div#test-srl
{
writing-mode: sideways-rl;
text-orientation: mixed;
}
div#ref-vrl-sideways
{
text-orientation: sideways;
writing-mode: vertical-rl;
}
]]></style>
</head>
<body>
<p>Test passes if the glyphs in both rectangles have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong>.</p>
<div id="test-srl">月火水Abc<br />def木金土</div>
<div id="ref-vrl-sideways">月火水Abc<br />def木金土</div>
</body>
</html>

43
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-sideways-slr-019.xht Normal file
View file

@ -0,0 +1,43 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: 'writing-mode: sideways-lr' - 'text-orientation: sideways' has no effect</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" title="5.1. Orienting Text: the 'text-orientation' property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" />
<meta name="flags" content="image" />
<meta name="assert" content="This test checks that when 'writing-mode' is set to 'sideways-lr', then a 'text-orientation: sideways' declaration has no effect: the alphabetical baseline is used as the dominant baseline and all the glyphs remain rotated 90 degrees counter-clockwise. The typographic mode for 'sideways-lr' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes." />
<style type="text/css"><![CDATA[
@font-face
{
font-family: "mplus-1p-regular";
src: url("support/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
}
div#slr
{
border: gray solid 1px;
font: bold 26px/32px "mplus-1p-regular";
margin-bottom: 4px;
writing-mode: sideways-lr;
text-orientation: sideways;
}
]]></style>
</head>
<body>
<p>Test passes if the glyphs in both rectangles have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong>.</p>
<div id="slr">月火水Abc<br />def木金土</div>
<div><img id="reference" src="support/text-orientation-sideways-lr.png" width="66" height="133" alt="Image download support must be enabled" /></div>
</body>
</html>

43
tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-upright-slr-017.xht Normal file
View file

@ -0,0 +1,43 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Writing Modes Test: 'writing-mode: sideways-lr' - 'text-orientation: upright' has no effect</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" title="5.1. Orienting Text: the 'text-orientation' property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" />
<meta name="flags" content="image" />
<meta name="assert" content="This test checks that when 'writing-mode' is set to 'sideways-lr', then a 'text-orientation: upright' declaration has no effect: the alphabetical baseline is used as the dominant baseline and all the glyphs remain rotated 90 degrees counter-clockwise. The typographic mode for 'sideways-lr' is horizontal and 'text-orientation' has no effect on boxes in horizontal typographic modes." />
<style type="text/css"><![CDATA[
@font-face
{
font-family: "mplus-1p-regular";
src: url("support/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
}
div#slr
{
border: gray solid 1px;
font: bold 26px/32px "mplus-1p-regular";
margin-bottom: 4px;
writing-mode: sideways-lr;
text-orientation: upright;
}
]]></style>
</head>
<body>
<p>Test passes if the glyphs in both rectangles have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong>.</p>
<div id="slr">月火水Abc<br />def木金土</div>
<div><img id="reference" src="support/text-orientation-sideways-lr.png" width="66" height="133" alt="Image download support must be enabled" /></div>
</body>
</html>

Some files were not shown because too many files have changed in this diff Show more