Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-06 14:10:11 +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.">