mirror of
https://github.com/servo/servo.git
synced 2025-08-06 14:10:11 +01:00
Update CSS tests to revision 611d962e1b6ae62ec89ab994c9f787e84ce11b15
This commit is contained in:
Ms2ger
parent
1bc94c132e
commit
12fa92b4d6
437 changed files with 11787 additions and 9995 deletions
|
|
@ -34,5 +34,11 @@
|
|||
|
||||
<p><img src="support/block-flow-direction-025-exp-res.png" width="359" height="36" alt="Image download support must be enabled"></p>
|
||||
|
||||
<!--
|
||||
The image says:
|
||||
Test passes if there is a blue square in the
|
||||
<strong>upper-right corner</strong> of the page.
|
||||
-->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
|
||||
<h2>Glyph Composition (28 tests)</h2>
|
||||
<h2>Glyph Composition (37 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
|
|
@ -354,7 +354,62 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.1.3">+</a>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#text-combine-compression">9.1.3 Compression Rules</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
<!-- 5 tests -->
|
||||
<tr id="text-combine-upright-compression-001-9.1.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-compression-001.htm">text-combine-upright-compression-001</a></strong></td>
|
||||
<td><a href="reference/text-combine-upright-compression-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>text-combine-upright, no compression
|
||||
<ul class="assert">
|
||||
<li>text-combine-upright with character not wider than 1em should not trigger compression.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-compression-002-9.1.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-compression-002.htm">text-combine-upright-compression-002</a></strong></td>
|
||||
<td><a href="reference/text-combine-upright-compression-002-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>text-combine-upright, compression of two characters
|
||||
<ul class="assert">
|
||||
<li>text-combine-upright should try applying 'hwid' feature if the width is wider than 1em</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-compression-003-9.1.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-compression-003.htm">text-combine-upright-compression-003</a></strong></td>
|
||||
<td><a href="reference/text-combine-upright-compression-003-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>text-combine-upright, compression of three characters
|
||||
<ul class="assert">
|
||||
<li>text-combine-upright should try applying 'twid' feature if the width is wider than 1em</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-compression-004-9.1.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-compression-004.htm">text-combine-upright-compression-004</a></strong></td>
|
||||
<td><a href="reference/text-combine-upright-compression-004-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>text-combine-upright, compression of four characters
|
||||
<ul class="assert">
|
||||
<li>text-combine-upright should try applying 'qwid' feature if the width is wider than 1em</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-compression-007-9.1.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-compression-007.htm">text-combine-upright-compression-007</a></strong></td>
|
||||
<td><a href="reference/text-combine-upright-compression-007-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>text-combine-upright: all, fit any number of characters
|
||||
<ul class="assert">
|
||||
<li>text-combine-upright: all should allow any amount of text to be compressed in a 1em square</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s9.1.3.#example-8e0562a8">
|
||||
<!-- 0 tests -->
|
||||
|
|
@ -363,7 +418,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.1.3.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth">9.1.3.1 Full-width Characters</a></th></tr>
|
||||
<!-- 3 tests -->
|
||||
<!-- 7 tests -->
|
||||
<tr id="full-width-001-9.1.3.1" class="">
|
||||
<td>
|
||||
<a href="full-width-001.htm">full-width-001</a></td>
|
||||
|
|
@ -397,6 +452,50 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-compression-005-9.1.3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-compression-005.htm">text-combine-upright-compression-005</a></strong></td>
|
||||
<td><a href="reference/text-combine-upright-compression-005-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>text-combine-upright, no compression for single full-width character
|
||||
<ul class="assert">
|
||||
<li>text-combine-upright should not change a single full-width character</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-compression-005a-9.1.3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-compression-005a.htm">text-combine-upright-compression-005a</a></strong></td>
|
||||
<td><a href="reference/text-combine-upright-compression-005-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>text-combine-upright, no compression for single character with full-width transform
|
||||
<ul class="assert">
|
||||
<li>text-combine-upright should not change a single full-width character</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-compression-006-9.1.3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-compression-006.htm">text-combine-upright-compression-006</a></strong></td>
|
||||
<td><a href="reference/text-combine-upright-compression-006-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>text-combine-upright, compression for two full-width characters
|
||||
<ul class="assert">
|
||||
<li>text-combine-upright should run the reverse of full-width transform before applying compression</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="text-combine-upright-compression-006a-9.1.3.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="text-combine-upright-compression-006a.htm">text-combine-upright-compression-006a</a></strong></td>
|
||||
<td><a href="reference/text-combine-upright-compression-006-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>text-combine-upright, compression for two characters with full-width transform
|
||||
<ul class="assert">
|
||||
<li>text-combine-upright should run the reverse of full-width transform before applying compression</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s9.1.3.1.#example-cc759014">
|
||||
<!-- 0 tests -->
|
||||
|
|
|
|||
|
|
@ -27,5 +27,11 @@
|
|||
|
||||
<p><img src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled"><img src="support/block-flow-direction-025-exp-res.png" width="359" height="36" alt="Image download support must be enabled"></p>
|
||||
|
||||
<!--
|
||||
The image says:
|
||||
Test passes if there is a blue square in the
|
||||
<strong>upper-right corner</strong> of the page.
|
||||
-->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
|
@ -0,0 +1,11 @@
|
|||
.tcy {
|
||||
text-combine-upright: all;
|
||||
}
|
||||
.fake-tcy {
|
||||
display: inline-block;
|
||||
writing-mode: horizontal-tb;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
text-align: center;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
@font-face {
|
||||
font-family: WidthTest;
|
||||
src: url(WidthTest-Regular.otf);
|
||||
}
|
||||
.test {
|
||||
font: 72px/1 WidthTest;
|
||||
}
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ja"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: text-combine-upright, no compression</title>
|
||||
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
|
||||
<link href="support/width-test.css" rel="stylesheet">
|
||||
<link href="support/tcy.css" rel="stylesheet">
|
||||
<style>
|
||||
.test { writing-mode: vertical-rl; }
|
||||
.test > p { border: 1px solid black; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are two identical zeros in the blocks below.</p>
|
||||
<div class="test">
|
||||
<p><span class="fake-tcy">0</span></p>
|
||||
<p><span class="fake-tcy">0</span></p>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ja"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: text-combine-upright, compression of two characters</title>
|
||||
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
|
||||
<link href="support/width-test.css" rel="stylesheet">
|
||||
<link href="support/tcy.css" rel="stylesheet">
|
||||
<style>
|
||||
.test { writing-mode: vertical-rl; }
|
||||
.test > p { border: 1px solid black; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are two identical graphs in the blocks below.</p>
|
||||
<div class="test">
|
||||
<p><span class="fake-tcy">22</span></p>
|
||||
<p><span class="fake-tcy">22</span></p>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ja"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: text-combine-upright, compression of three characters</title>
|
||||
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
|
||||
<link href="support/width-test.css" rel="stylesheet">
|
||||
<link href="support/tcy.css" rel="stylesheet">
|
||||
<style>
|
||||
.test { writing-mode: vertical-rl; }
|
||||
.test > p { border: 1px solid black; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are two identical graphs in the blocks below.</p>
|
||||
<div class="test">
|
||||
<p><span class="fake-tcy">333</span></p>
|
||||
<p><span class="fake-tcy">333</span></p>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ja"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: text-combine-upright, compression of four characters</title>
|
||||
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
|
||||
<link href="support/width-test.css" rel="stylesheet">
|
||||
<link href="support/tcy.css" rel="stylesheet">
|
||||
<style>
|
||||
.test { writing-mode: vertical-rl; }
|
||||
.test > p { border: 1px solid black; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are two identical graphs in the blocks below.</p>
|
||||
<div class="test">
|
||||
<p><span class="fake-tcy">4444</span></p>
|
||||
<p><span class="fake-tcy">4444</span></p>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ja"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: text-combine-upright, no compression for single full-width character</title>
|
||||
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
|
||||
<link href="support/width-test.css" rel="stylesheet">
|
||||
<link href="support/tcy.css" rel="stylesheet">
|
||||
<style>
|
||||
.test { writing-mode: vertical-rl; }
|
||||
.test > p { border: 1px solid black; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are two identical graphs in the blocks below.</p>
|
||||
<div class="test">
|
||||
<p><span class="fake-tcy">０</span></p>
|
||||
<p><span class="fake-tcy">０</span></p>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ja"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: text-combine-upright, compression for two full-width characters</title>
|
||||
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
|
||||
<link href="support/width-test.css" rel="stylesheet">
|
||||
<link href="support/tcy.css" rel="stylesheet">
|
||||
<style>
|
||||
.test { writing-mode: vertical-rl; }
|
||||
.test > p { border: 1px solid black; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are two identical graphs in the blocks below.</p>
|
||||
<div class="test">
|
||||
<p><span class="fake-tcy">22</span></p>
|
||||
<p><span class="fake-tcy">22</span></p>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ja"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: text-combine-upright: all, fit any number of characters</title>
|
||||
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
|
||||
<link href="support/width-test.css" rel="stylesheet">
|
||||
<link href="support/tcy.css" rel="stylesheet">
|
||||
<style>
|
||||
.test { writing-mode: vertical-rl; height: 3.5em; }
|
||||
.test > p { border: 1px solid black; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the contents in the two blocks are identical.</p>
|
||||
<div class="test">
|
||||
<p>一<span class="fake-tcy"></span>十</p>
|
||||
<p>一<span class="fake-tcy"></span>十</p>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -5952,6 +5952,78 @@
|
|||
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="text-combine-upright-compression-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="text-combine-upright, no compression">
|
||||
<a href="text-combine-upright-compression-001.htm">text-combine-upright-compression-001</a></td>
|
||||
<td><a href="reference/text-combine-upright-compression-001-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="text-combine-upright-compression-002" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="text-combine-upright, compression of two characters">
|
||||
<a href="text-combine-upright-compression-002.htm">text-combine-upright-compression-002</a></td>
|
||||
<td><a href="reference/text-combine-upright-compression-002-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="text-combine-upright-compression-003" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="text-combine-upright, compression of three characters">
|
||||
<a href="text-combine-upright-compression-003.htm">text-combine-upright-compression-003</a></td>
|
||||
<td><a href="reference/text-combine-upright-compression-003-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="text-combine-upright-compression-004" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="text-combine-upright, compression of four characters">
|
||||
<a href="text-combine-upright-compression-004.htm">text-combine-upright-compression-004</a></td>
|
||||
<td><a href="reference/text-combine-upright-compression-004-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="text-combine-upright-compression-005" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="text-combine-upright, no compression for single full-width character">
|
||||
<a href="text-combine-upright-compression-005.htm">text-combine-upright-compression-005</a></td>
|
||||
<td><a href="reference/text-combine-upright-compression-005-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="text-combine-upright-compression-005a" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="text-combine-upright, no compression for single character with full-width transform">
|
||||
<a href="text-combine-upright-compression-005a.htm">text-combine-upright-compression-005a</a></td>
|
||||
<td><a href="reference/text-combine-upright-compression-005-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="text-combine-upright-compression-006" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="text-combine-upright, compression for two full-width characters">
|
||||
<a href="text-combine-upright-compression-006.htm">text-combine-upright-compression-006</a></td>
|
||||
<td><a href="reference/text-combine-upright-compression-006-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="text-combine-upright-compression-006a" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="text-combine-upright, compression for two characters with full-width transform">
|
||||
<a href="text-combine-upright-compression-006a.htm">text-combine-upright-compression-006a</a></td>
|
||||
<td><a href="reference/text-combine-upright-compression-006-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="text-combine-upright-compression-007" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="text-combine-upright: all, fit any number of characters">
|
||||
<a href="text-combine-upright-compression-007.htm">text-combine-upright-compression-007</a></td>
|
||||
<td><a href="reference/text-combine-upright-compression-007-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="text-combine-upright-decorations-001" class="ahem">
|
||||
<tr>
|
||||
<td rowspan="1" title="The resulting composition is treated as a signel glyph for decorations">
|
||||
|
|
|
|||
|
|
@ -740,6 +740,15 @@ text-baseline-vlr-007.htm == reference/text-baseline-vrl-006-ref.htm
|
|||
text-baseline-vrl-002.htm == reference/text-baseline-vrl-002-ref.htm
|
||||
text-baseline-vrl-004.htm == reference/text-baseline-vrl-002-ref.htm
|
||||
text-baseline-vrl-006.htm == reference/text-baseline-vrl-006-ref.htm
|
||||
text-combine-upright-compression-001.htm == reference/text-combine-upright-compression-001-ref.htm
|
||||
text-combine-upright-compression-002.htm == reference/text-combine-upright-compression-002-ref.htm
|
||||
text-combine-upright-compression-003.htm == reference/text-combine-upright-compression-003-ref.htm
|
||||
text-combine-upright-compression-004.htm == reference/text-combine-upright-compression-004-ref.htm
|
||||
text-combine-upright-compression-005.htm == reference/text-combine-upright-compression-005-ref.htm
|
||||
text-combine-upright-compression-005a.htm == reference/text-combine-upright-compression-005-ref.htm
|
||||
text-combine-upright-compression-006.htm == reference/text-combine-upright-compression-006-ref.htm
|
||||
text-combine-upright-compression-006a.htm == reference/text-combine-upright-compression-006-ref.htm
|
||||
text-combine-upright-compression-007.htm == reference/text-combine-upright-compression-007-ref.htm
|
||||
text-combine-upright-decorations-001.htm == reference/text-combine-upright-decorations-001.htm
|
||||
text-combine-upright-inherit-all-001.htm == reference/text-combine-upright-inherit-all-001.htm
|
||||
text-combine-upright-inherit-all-002.htm == reference/text-combine-upright-inherit-all-002.htm
|
||||
|
|
|
|||
Binary file not shown.
|
|
@ -0,0 +1,11 @@
|
|||
.tcy {
|
||||
text-combine-upright: all;
|
||||
}
|
||||
.fake-tcy {
|
||||
display: inline-block;
|
||||
writing-mode: horizontal-tb;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
text-align: center;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
@font-face {
|
||||
font-family: WidthTest;
|
||||
src: url(WidthTest-Regular.otf);
|
||||
}
|
||||
.test {
|
||||
font: 72px/1 WidthTest;
|
||||
}
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ja"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: text-combine-upright, no compression</title>
|
||||
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
|
||||
<link href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-compression" rel="help">
|
||||
<link href="reference/text-combine-upright-compression-001-ref.htm" rel="match">
|
||||
<meta content="text-combine-upright with character not wider than 1em should not trigger compression." name="assert">
|
||||
<link href="support/width-test.css" rel="stylesheet">
|
||||
<link href="support/tcy.css" rel="stylesheet">
|
||||
<style>
|
||||
.test { writing-mode: vertical-rl; }
|
||||
.test > p { border: 1px solid black; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are two identical zeros in the blocks below.</p>
|
||||
<div class="test">
|
||||
<p><span class="tcy">0</span></p>
|
||||
<p><span class="fake-tcy">0</span></p>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ja"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: text-combine-upright, compression of two characters</title>
|
||||
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
|
||||
<link href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-compression" rel="help">
|
||||
<link href="reference/text-combine-upright-compression-002-ref.htm" rel="match">
|
||||
<meta content="text-combine-upright should try applying 'hwid' feature if the width is wider than 1em" name="assert">
|
||||
<link href="support/width-test.css" rel="stylesheet">
|
||||
<link href="support/tcy.css" rel="stylesheet">
|
||||
<style>
|
||||
.test { writing-mode: vertical-rl; }
|
||||
.test > p { border: 1px solid black; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are two identical graphs in the blocks below.</p>
|
||||
<div class="test">
|
||||
<p><span class="tcy">00</span></p>
|
||||
<p><span class="fake-tcy">22</span></p>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ja"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: text-combine-upright, compression of three characters</title>
|
||||
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
|
||||
<link href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-compression" rel="help">
|
||||
<link href="reference/text-combine-upright-compression-003-ref.htm" rel="match">
|
||||
<meta content="text-combine-upright should try applying 'twid' feature if the width is wider than 1em" name="assert">
|
||||
<link href="support/width-test.css" rel="stylesheet">
|
||||
<link href="support/tcy.css" rel="stylesheet">
|
||||
<style>
|
||||
.test { writing-mode: vertical-rl; }
|
||||
.test > p { border: 1px solid black; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are two identical graphs in the blocks below.</p>
|
||||
<div class="test">
|
||||
<p><span class="tcy">000</span></p>
|
||||
<p><span class="fake-tcy">333</span></p>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ja"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: text-combine-upright, compression of four characters</title>
|
||||
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
|
||||
<link href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-compression" rel="help">
|
||||
<link href="reference/text-combine-upright-compression-004-ref.htm" rel="match">
|
||||
<meta content="text-combine-upright should try applying 'qwid' feature if the width is wider than 1em" name="assert">
|
||||
<link href="support/width-test.css" rel="stylesheet">
|
||||
<link href="support/tcy.css" rel="stylesheet">
|
||||
<style>
|
||||
.test { writing-mode: vertical-rl; }
|
||||
.test > p { border: 1px solid black; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are two identical graphs in the blocks below.</p>
|
||||
<div class="test">
|
||||
<p><span class="tcy">0000</span></p>
|
||||
<p><span class="fake-tcy">4444</span></p>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ja"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: text-combine-upright, no compression for single full-width character</title>
|
||||
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
|
||||
<link href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-fullwidth" rel="help">
|
||||
<link href="reference/text-combine-upright-compression-005-ref.htm" rel="match">
|
||||
<meta content="text-combine-upright should not change a single full-width character" name="assert">
|
||||
<link href="support/width-test.css" rel="stylesheet">
|
||||
<link href="support/tcy.css" rel="stylesheet">
|
||||
<style>
|
||||
.test { writing-mode: vertical-rl; }
|
||||
.test > p { border: 1px solid black; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are two identical graphs in the blocks below.</p>
|
||||
<div class="test">
|
||||
<p><span class="tcy">０</span></p>
|
||||
<p><span class="fake-tcy">０</span></p>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ja"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: text-combine-upright, no compression for single character with full-width transform</title>
|
||||
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
|
||||
<link href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-fullwidth" rel="help">
|
||||
<link href="reference/text-combine-upright-compression-005-ref.htm" rel="match">
|
||||
<meta content="text-combine-upright should not change a single full-width character" name="assert">
|
||||
<link href="support/width-test.css" rel="stylesheet">
|
||||
<link href="support/tcy.css" rel="stylesheet">
|
||||
<style>
|
||||
.test { writing-mode: vertical-rl; }
|
||||
.test > p { border: 1px solid black; }
|
||||
.tcy { text-transform: full-width; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are two identical graphs in the blocks below.</p>
|
||||
<div class="test">
|
||||
<p><span class="tcy">0</span></p>
|
||||
<p><span class="fake-tcy">０</span></p>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ja"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: text-combine-upright, compression for two full-width characters</title>
|
||||
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
|
||||
<link href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-fullwidth" rel="help">
|
||||
<link href="reference/text-combine-upright-compression-006-ref.htm" rel="match">
|
||||
<meta content="text-combine-upright should run the reverse of full-width transform before applying compression" name="assert">
|
||||
<link href="support/width-test.css" rel="stylesheet">
|
||||
<link href="support/tcy.css" rel="stylesheet">
|
||||
<style>
|
||||
.test { writing-mode: vertical-rl; }
|
||||
.test > p { border: 1px solid black; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are two identical graphs in the blocks below.</p>
|
||||
<div class="test">
|
||||
<p><span class="tcy">００</span></p>
|
||||
<p><span class="fake-tcy">22</span></p>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ja"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: text-combine-upright, compression for two characters with full-width transform</title>
|
||||
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
|
||||
<link href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-fullwidth" rel="help">
|
||||
<link href="reference/text-combine-upright-compression-006-ref.htm" rel="match">
|
||||
<meta content="text-combine-upright should run the reverse of full-width transform before applying compression" name="assert">
|
||||
<link href="support/width-test.css" rel="stylesheet">
|
||||
<link href="support/tcy.css" rel="stylesheet">
|
||||
<style>
|
||||
.test { writing-mode: vertical-rl; }
|
||||
.test > p { border: 1px solid black; }
|
||||
.tcy { text-transform: full-width; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are two identical graphs in the blocks below.</p>
|
||||
<div class="test">
|
||||
<p><span class="tcy">00</span></p>
|
||||
<p><span class="fake-tcy">22</span></p>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ja"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: text-combine-upright: all, fit any number of characters</title>
|
||||
<link href="https://www.upsuper.org" rel="author" title="Xidorn Quan">
|
||||
<link href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-compression" rel="help">
|
||||
<link href="reference/text-combine-upright-compression-007-ref.htm" rel="match">
|
||||
<meta content="text-combine-upright: all should allow any amount of text to be compressed in a 1em square" name="assert">
|
||||
<link href="support/width-test.css" rel="stylesheet">
|
||||
<link href="support/tcy.css" rel="stylesheet">
|
||||
<style>
|
||||
.test { writing-mode: vertical-rl; height: 3.5em; }
|
||||
.test > p { border: 1px solid black; }
|
||||
.tcy { color: transparent; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the contents in the two blocks are identical.</p>
|
||||
<div class="test">
|
||||
<p>一<span class="tcy">ニ三四五六七八九</span>十</p>
|
||||
<p>一<span class="fake-tcy"></span>十</p>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -62,7 +62,7 @@
|
|||
<tbody id="s9">
|
||||
<tr><th><a href="chapter-9.htm">Chapter 9 -
|
||||
Glyph Composition</a></th>
|
||||
<td>(28 Tests)</td></tr>
|
||||
<td>(37 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="sA">
|
||||
<tr><th><a href="chapter-A.htm">Appendix A -
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue