Skip to content

Commit

Permalink
Merge pull request #13461 from frivoal/text-3143
Browse files Browse the repository at this point in the history
[css-text] Test for text-tranform:full-size-kana
  • Loading branch information
frivoal authored Dec 26, 2018
2 parents e13446a + cf5dba3 commit a546e84
Show file tree
Hide file tree
Showing 14 changed files with 733 additions and 580 deletions.
Original file line number Diff line number Diff line change
@@ -1,69 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>CSS3 Text, text transform: full-size-kana, small kanas</title>
<meta name="assert" content="For small kanas, text-transform: full-size-kana puts all kanas in full-size kanas.">
<meta charset="utf-8">
<title>CSS Text level 3 Test reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel='author' title='Diego Pino Garcia' href='mailto:dpino@igalia.com'>
<link rel='help' href='https://drafts.csswg.org/css-text-3/#text-transform'>
<style type='text/css'>
.test, .ref { font-size: 200%; line-height: 2.5em; }
.test span, .ref span { margin-right: 1em; white-space: nowrap; }
/* the CSS above is not part of the test */
</style>
</head>
<body>
<p class="instructions">Test passes if both characters in each pair match. If you are missing a font glyph for a character, ignore that pair, but report which characters were ignored.</p>
<div class="test">
<span title="U+3041">&#x3042; &#x3042;</span>
<span title="U+3043">&#x3044; &#x3044;</span>
<span title="U+3045">&#x3046; &#x3046;</span>
<span title="U+3047">&#x3048; &#x3048;</span>
<span title="U+3049">&#x304A; &#x304A;</span>
<span title="U+3095">&#x304B; &#x304B;</span>
<span title="U+3096">&#x3051; &#x3051;</span>
<span title="U+3063">&#x3064; &#x3064;</span>
<span title="U+3083">&#x3084; &#x3084;</span>
<span title="U+3085">&#x3086; &#x3086;</span>
<span title="U+3087">&#x3088; &#x3088;</span>
<span title="U+308E">&#x308F; &#x308F;</span>
<span title="U+30A1">&#x30A2; &#x30A2;</span>
<span title="U+30A3">&#x30A4; &#x30A4;</span>
<span title="U+30A5">&#x30A6; &#x30A6;</span>
<span title="U+30A7">&#x30A8; &#x30A8;</span>
<span title="U+30A9">&#x30AA; &#x30AA;</span>
<span title="U+30F5">&#x30AB; &#x30AB;</span>
<span title="U+31F0">&#x30AF; &#x30AF;</span>
<span title="U+30F6">&#x30B1; &#x30B1;</span>
<span title="U+31F1">&#x30B7; &#x30B7;</span>
<span title="U+31F2">&#x30B9; &#x30B9;</span>
<span title="U+30C3">&#x30C4; &#x30C4;</span>
<span title="U+31F3">&#x30C8; &#x30C8;</span>
<span title="U+31F4">&#x30CC; &#x30CC;</span>
<span title="U+31F5">&#x30CF; &#x30CF;</span>
<span title="U+31F6">&#x30D2; &#x30D2;</span>
<span title="U+31F7">&#x30D5; &#x30D5;</span>
<span title="U+31F8">&#x30D8; &#x30D8;</span>
<span title="U+31F9">&#x30DB; &#x30DB;</span>
<span title="U+31FA">&#x30E0; &#x30E0;</span>
<span title="U+30E3">&#x30E4; &#x30E4;</span>
<span title="U+30E5">&#x30E6; &#x30E6;</span>
<span title="U+30E7">&#x30E8; &#x30E8;</span>
<span title="U+31FB">&#x30E9; &#x30E9;</span>
<span title="U+31FC">&#x30EA; &#x30EA;</span>
<span title="U+31FD">&#x30EB; &#x30EB;</span>
<span title="U+31FE">&#x30EC; &#x30EC;</span>
<span title="U+31FF">&#x30ED; &#x30ED;</span>
<span title="U+30EE">&#x30EF; &#x30EF;</span>
<span title="U+FF67">&#xFF71; &#xFF71;</span>
<span title="U+FF68">&#xFF72; &#xFF72;</span>
<span title="U+FF69">&#xFF73; &#xFF73;</span>
<span title="U+FF6A">&#xFF74; &#xFF74;</span>
<span title="U+FF6B">&#xFF75; &#xFF75;</span>
<span title="U+FF6F">&#xFF82; &#xFF82;</span>
<span title="U+FF6C">&#xFF94; &#xFF94;</span>
<span title="U+FF6D">&#xFF95; &#xFF95;</span>
<span title="U+FF6E">&#xFF96; &#xFF96;</span>
</div>
</body>
</html>

<p>Test passes if the characters in the second column are
the same shape and size as those in the rightmost column,
not small as those in the leftmost column.<br>
Any missing glyph should be ignored as long as it is missing in both the second and the rightmost column.

<table>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
</table>
Original file line number Diff line number Diff line change
@@ -1,225 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>CSS3 Text, text transform: full-size-kana, full-size kanas</title>
<meta name="assert" content="For full-size kanas, text-transform: full-size-kana leaves all kanas unaltered.">
<meta charset="utf-8">
<title>CSS Text level 3 Test Reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel='author' title='Diego Pino Garcia' href='mailto:dpino@igalia.com'>
<link rel='help' href='https://drafts.csswg.org/css-text-3/#text-transform'>
<style type='text/css'>
.test, .ref { font-size: 200%; line-height: 2.5em; }
.test span, .ref span { margin-right: 1em; white-space: nowrap; }
/* the CSS above is not part of the test */
</style>
</head>
<body>
<p class="instructions">Test passes if both characters in each pair match. If you are missing a font glyph for a character, ignore that pair, but report which characters were ignored.</p>
<div class="test">
<span title="U+30FC">&#x30FC; &#x30FC;</span>
<span title="U+3042">&#x3042; &#x3042;</span>
<span title="U+3044">&#x3044; &#x3044;</span>
<span title="U+3046">&#x3046; &#x3046;</span>
<span title="U+3048">&#x3048; &#x3048;</span>
<span title="U+304A">&#x304A; &#x304A;</span>
<span title="U+304B">&#x304B; &#x304B;</span>
<span title="U+304C">&#x304C; &#x304C;</span>
<span title="U+304D">&#x304D; &#x304D;</span>
<span title="U+304E">&#x304E; &#x304E;</span>
<span title="U+304F">&#x304F; &#x304F;</span>
<span title="U+3050">&#x3050; &#x3050;</span>
<span title="U+3051">&#x3051; &#x3051;</span>
<span title="U+3052">&#x3052; &#x3052;</span>
<span title="U+3053">&#x3053; &#x3053;</span>
<span title="U+3054">&#x3054; &#x3054;</span>
<span title="U+3055">&#x3055; &#x3055;</span>
<span title="U+3056">&#x3056; &#x3056;</span>
<span title="U+3057">&#x3057; &#x3057;</span>
<span title="U+3058">&#x3058; &#x3058;</span>
<span title="U+3059">&#x3059; &#x3059;</span>
<span title="U+305A">&#x305A; &#x305A;</span>
<span title="U+305B">&#x305B; &#x305B;</span>
<span title="U+305C">&#x305C; &#x305C;</span>
<span title="U+305D">&#x305D; &#x305D;</span>
<span title="U+305E">&#x305E; &#x305E;</span>
<span title="U+305F">&#x305F; &#x305F;</span>
<span title="U+3060">&#x3060; &#x3060;</span>
<span title="U+3061">&#x3061; &#x3061;</span>
<span title="U+3062">&#x3062; &#x3062;</span>
<span title="U+3064">&#x3064; &#x3064;</span>
<span title="U+3065">&#x3065; &#x3065;</span>
<span title="U+3066">&#x3066; &#x3066;</span>
<span title="U+3067">&#x3067; &#x3067;</span>
<span title="U+3068">&#x3068; &#x3068;</span>
<span title="U+3069">&#x3069; &#x3069;</span>
<span title="U+306A">&#x306A; &#x306A;</span>
<span title="U+306B">&#x306B; &#x306B;</span>
<span title="U+306C">&#x306C; &#x306C;</span>
<span title="U+306D">&#x306D; &#x306D;</span>
<span title="U+306E">&#x306E; &#x306E;</span>
<span title="U+306F">&#x306F; &#x306F;</span>
<span title="U+3070">&#x3070; &#x3070;</span>
<span title="U+3071">&#x3071; &#x3071;</span>
<span title="U+3072">&#x3072; &#x3072;</span>
<span title="U+3073">&#x3073; &#x3073;</span>
<span title="U+3074">&#x3074; &#x3074;</span>
<span title="U+3075">&#x3075; &#x3075;</span>
<span title="U+3076">&#x3076; &#x3076;</span>
<span title="U+3077">&#x3077; &#x3077;</span>
<span title="U+3078">&#x3078; &#x3078;</span>
<span title="U+3079">&#x3079; &#x3079;</span>
<span title="U+307A">&#x307A; &#x307A;</span>
<span title="U+307B">&#x307B; &#x307B;</span>
<span title="U+307C">&#x307C; &#x307C;</span>
<span title="U+307D">&#x307D; &#x307D;</span>
<span title="U+307E">&#x307E; &#x307E;</span>
<span title="U+307F">&#x307F; &#x307F;</span>
<span title="U+3080">&#x3080; &#x3080;</span>
<span title="U+3081">&#x3081; &#x3081;</span>
<span title="U+3082">&#x3082; &#x3082;</span>
<span title="U+3084">&#x3084; &#x3084;</span>
<span title="U+3086">&#x3086; &#x3086;</span>
<span title="U+3088">&#x3088; &#x3088;</span>
<span title="U+3089">&#x3089; &#x3089;</span>
<span title="U+308A">&#x308A; &#x308A;</span>
<span title="U+308B">&#x308B; &#x308B;</span>
<span title="U+308C">&#x308C; &#x308C;</span>
<span title="U+308D">&#x308D; &#x308D;</span>
<span title="U+308F">&#x308F; &#x308F;</span>
<span title="U+3090">&#x3090; &#x3090;</span>
<span title="U+3091">&#x3091; &#x3091;</span>
<span title="U+3092">&#x3092; &#x3092;</span>
<span title="U+3093">&#x3093; &#x3093;</span>
<span title="U+30A2">&#x30A2; &#x30A2;</span>
<span title="U+30A4">&#x30A4; &#x30A4;</span>
<span title="U+30A6">&#x30A6; &#x30A6;</span>
<span title="U+30A8">&#x30A8; &#x30A8;</span>
<span title="U+30AA">&#x30AA; &#x30AA;</span>
<span title="U+30AB">&#x30AB; &#x30AB;</span>
<span title="U+30AC">&#x30AC; &#x30AC;</span>
<span title="U+30AD">&#x30AD; &#x30AD;</span>
<span title="U+30AE">&#x30AE; &#x30AE;</span>
<span title="U+30AF">&#x30AF; &#x30AF;</span>
<span title="U+30B0">&#x30B0; &#x30B0;</span>
<span title="U+30B1">&#x30B1; &#x30B1;</span>
<span title="U+30B2">&#x30B2; &#x30B2;</span>
<span title="U+30B3">&#x30B3; &#x30B3;</span>
<span title="U+30B4">&#x30B4; &#x30B4;</span>
<span title="U+30B5">&#x30B5; &#x30B5;</span>
<span title="U+30B6">&#x30B6; &#x30B6;</span>
<span title="U+30B7">&#x30B7; &#x30B7;</span>
<span title="U+30B8">&#x30B8; &#x30B8;</span>
<span title="U+30B9">&#x30B9; &#x30B9;</span>
<span title="U+30BA">&#x30BA; &#x30BA;</span>
<span title="U+30BB">&#x30BB; &#x30BB;</span>
<span title="U+30BC">&#x30BC; &#x30BC;</span>
<span title="U+30BD">&#x30BD; &#x30BD;</span>
<span title="U+30BE">&#x30BE; &#x30BE;</span>
<span title="U+30BF">&#x30BF; &#x30BF;</span>
<span title="U+30C0">&#x30C0; &#x30C0;</span>
<span title="U+30C1">&#x30C1; &#x30C1;</span>
<span title="U+30C2">&#x30C2; &#x30C2;</span>
<span title="U+30C4">&#x30C4; &#x30C4;</span>
<span title="U+30C5">&#x30C5; &#x30C5;</span>
<span title="U+30C6">&#x30C6; &#x30C6;</span>
<span title="U+30C7">&#x30C7; &#x30C7;</span>
<span title="U+30C8">&#x30C8; &#x30C8;</span>
<span title="U+30C9">&#x30C9; &#x30C9;</span>
<span title="U+30CA">&#x30CA; &#x30CA;</span>
<span title="U+30CB">&#x30CB; &#x30CB;</span>
<span title="U+30CC">&#x30CC; &#x30CC;</span>
<span title="U+30CD">&#x30CD; &#x30CD;</span>
<span title="U+30CE">&#x30CE; &#x30CE;</span>
<span title="U+30CF">&#x30CF; &#x30CF;</span>
<span title="U+30D0">&#x30D0; &#x30D0;</span>
<span title="U+30D1">&#x30D1; &#x30D1;</span>
<span title="U+30D2">&#x30D2; &#x30D2;</span>
<span title="U+30D3">&#x30D3; &#x30D3;</span>
<span title="U+30D4">&#x30D4; &#x30D4;</span>
<span title="U+30D5">&#x30D5; &#x30D5;</span>
<span title="U+30D6">&#x30D6; &#x30D6;</span>
<span title="U+30D7">&#x30D7; &#x30D7;</span>
<span title="U+30D8">&#x30D8; &#x30D8;</span>
<span title="U+30D9">&#x30D9; &#x30D9;</span>
<span title="U+30DA">&#x30DA; &#x30DA;</span>
<span title="U+30DB">&#x30DB; &#x30DB;</span>
<span title="U+30DC">&#x30DC; &#x30DC;</span>
<span title="U+30DD">&#x30DD; &#x30DD;</span>
<span title="U+30DE">&#x30DE; &#x30DE;</span>
<span title="U+30DF">&#x30DF; &#x30DF;</span>
<span title="U+30E0">&#x30E0; &#x30E0;</span>
<span title="U+30E1">&#x30E1; &#x30E1;</span>
<span title="U+30E2">&#x30E2; &#x30E2;</span>
<span title="U+30E4">&#x30E4; &#x30E4;</span>
<span title="U+30E6">&#x30E6; &#x30E6;</span>
<span title="U+30E8">&#x30E8; &#x30E8;</span>
<span title="U+30E9">&#x30E9; &#x30E9;</span>
<span title="U+30EA">&#x30EA; &#x30EA;</span>
<span title="U+30EB">&#x30EB; &#x30EB;</span>
<span title="U+30EC">&#x30EC; &#x30EC;</span>
<span title="U+30ED">&#x30ED; &#x30ED;</span>
<span title="U+30EF">&#x30EF; &#x30EF;</span>
<span title="U+30F0">&#x30F0; &#x30F0;</span>
<span title="U+30F1">&#x30F1; &#x30F1;</span>
<span title="U+30F2">&#x30F2; &#x30F2;</span>
<span title="U+30F3">&#x30F3; &#x30F3;</span>
<span title="U+30F4">&#x30F4; &#x30F4;</span>
<span title="U+309B">&#x309B; &#x309B;</span>
<span title="U+309C">&#x309C; &#x309C;</span>
<span title="U+FF60">&#xFF60; &#xFF60;</span>
<span title="U+FF61">&#xFF61; &#xFF61;</span>
<span title="U+FF62">&#xFF62; &#xFF62;</span>
<span title="U+FF63">&#xFF63; &#xFF63;</span>
<span title="U+FF64">&#xFF64; &#xFF64;</span>
<span title="U+FF65">&#xFF65; &#xFF65;</span>
<span title="U+FF66">&#xFF66; &#xFF66;</span>
<span title="U+FF70">&#xFF70; &#xFF70;</span>
<span title="U+FF71">&#xFF71; &#xFF71;</span>
<span title="U+FF72">&#xFF72; &#xFF72;</span>
<span title="U+FF73">&#xFF73; &#xFF73;</span>
<span title="U+FF74">&#xFF74; &#xFF74;</span>
<span title="U+FF75">&#xFF75; &#xFF75;</span>
<span title="U+FF76">&#xFF76; &#xFF76;</span>
<span title="U+FF77">&#xFF77; &#xFF77;</span>
<span title="U+FF78">&#xFF78; &#xFF78;</span>
<span title="U+FF79">&#xFF79; &#xFF79;</span>
<span title="U+FF7A">&#xFF7A; &#xFF7A;</span>
<span title="U+FF7B">&#xFF7B; &#xFF7B;</span>
<span title="U+FF7C">&#xFF7C; &#xFF7C;</span>
<span title="U+FF7D">&#xFF7D; &#xFF7D;</span>
<span title="U+FF7E">&#xFF7E; &#xFF7E;</span>
<span title="U+FF7F">&#xFF7F; &#xFF7F;</span>
<span title="U+FF80">&#xFF80; &#xFF80;</span>
<span title="U+FF81">&#xFF81; &#xFF81;</span>
<span title="U+FF82">&#xFF82; &#xFF82;</span>
<span title="U+FF83">&#xFF83; &#xFF83;</span>
<span title="U+FF84">&#xFF84; &#xFF84;</span>
<span title="U+FF85">&#xFF85; &#xFF85;</span>
<span title="U+FF86">&#xFF86; &#xFF86;</span>
<span title="U+FF87">&#xFF87; &#xFF87;</span>
<span title="U+FF88">&#xFF88; &#xFF88;</span>
<span title="U+FF89">&#xFF89; &#xFF89;</span>
<span title="U+FF8A">&#xFF8A; &#xFF8A;</span>
<span title="U+FF8B">&#xFF8B; &#xFF8B;</span>
<span title="U+FF8C">&#xFF8C; &#xFF8C;</span>
<span title="U+FF8D">&#xFF8D; &#xFF8D;</span>
<span title="U+FF8E">&#xFF8E; &#xFF8E;</span>
<span title="U+FF8F">&#xFF8F; &#xFF8F;</span>
<span title="U+FF90">&#xFF90; &#xFF90;</span>
<span title="U+FF91">&#xFF91; &#xFF91;</span>
<span title="U+FF92">&#xFF92; &#xFF92;</span>
<span title="U+FF93">&#xFF93; &#xFF93;</span>
<span title="U+FF94">&#xFF94; &#xFF94;</span>
<span title="U+FF95">&#xFF95; &#xFF95;</span>
<span title="U+FF96">&#xFF96; &#xFF96;</span>
<span title="U+FF97">&#xFF97; &#xFF97;</span>
<span title="U+FF98">&#xFF98; &#xFF98;</span>
<span title="U+FF99">&#xFF99; &#xFF99;</span>
<span title="U+FF9A">&#xFF9A; &#xFF9A;</span>
<span title="U+FF9B">&#xFF9B; &#xFF9B;</span>
<span title="U+FF9C">&#xFF9C; &#xFF9C;</span>
<span title="U+FF9D">&#xFF9D; &#xFF9D;</span>
<span title="U+FF9E">&#xFF9E; &#xFF9E;</span>
<span title="U+FF9F">&#xFF9F; &#xFF9F;</span>
</div>
</body>
</html>

<p>Test passes if the characters in the second column are
the same shape and size as those in the rightmost column,
not small as those in the leftmost column.<br>
Any missing glyph should be ignored as long as it is missing in both the second and the rightmost column.

<table>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
</table>
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text level 3 Test Reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel='author' title='Diego Pino Garcia' href='mailto:dpino@igalia.com'>

<p>Test passes if the characters in the second column are
the same shape and size as those in the rightmost column,
not small as those in the leftmost column.<br>
Any missing glyph should be ignored as long as it is missing in both the second and the rightmost column.

<table>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
</table>
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text level 3 Test Reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel='author' title='Diego Pino Garcia' href='mailto:dpino@igalia.com'>

<p>Test passes if the characters in the second column are
the same shape and size as those in the rightmost column,
not small as those in the leftmost column.<br>
Any missing glyph should be ignored as long as it is missing in both the second and the rightmost column.

<table>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
</table>
Loading

0 comments on commit a546e84

Please sign in to comment.