Update web-platform-tests to revision 4dbc8a0d7b1b1c032aaddc2579ec7239ad565127

This commit is contained in:
WPT Sync Bot 2018-12-30 20:35:43 -05:00 committed by Josh Matthews
parent 40f1e188d0
commit d1e28c482e
329 changed files with 5366 additions and 1699 deletions

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -0,0 +1,90 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS3 test reference</title>
<link rel='author' title='Diego Pino Garcia' href='mailto:dpino@igalia.com'>
<link rel='author' title='Florian Rivoal' href='https://florian.rivoal.net'>
<style>
div { font-size: 150%;}
div > span { margin-right: 1em; white-space: nowrap; }
</style>
<p>Test passes if both characters in each pair are the same shape <strong>and size</strong>.<br>
Any missing glyph should be ignored
as long as it is missing for both the first and second characters in a pair.
<div>
<span>&#x30FC; &#x30FC;</span>
<span>&#x3042; &#x3042;</span>
<span>&#x3044; &#x3044;</span>
<span>&#x3046; &#x3046;</span>
<span>&#x3048; &#x3048;</span>
<span>&#x304A; &#x304A;</span>
<span>&#x304B; &#x304B;</span>
<span>&#x304C; &#x304C;</span>
<span>&#x304D; &#x304D;</span>
<span>&#x304E; &#x304E;</span>
<span>&#x304F; &#x304F;</span>
<span>&#x3050; &#x3050;</span>
<span>&#x3051; &#x3051;</span>
<span>&#x3052; &#x3052;</span>
<span>&#x3053; &#x3053;</span>
<span>&#x3054; &#x3054;</span>
<span>&#x3055; &#x3055;</span>
<span>&#x3056; &#x3056;</span>
<span>&#x3057; &#x3057;</span>
<span>&#x3058; &#x3058;</span>
<span>&#x3059; &#x3059;</span>
<span>&#x305A; &#x305A;</span>
<span>&#x305B; &#x305B;</span>
<span>&#x305C; &#x305C;</span>
<span>&#x305D; &#x305D;</span>
<span>&#x305E; &#x305E;</span>
<span>&#x305F; &#x305F;</span>
<span>&#x3060; &#x3060;</span>
<span>&#x3061; &#x3061;</span>
<span>&#x3062; &#x3062;</span>
<span>&#x3064; &#x3064;</span>
<span>&#x3065; &#x3065;</span>
<span>&#x3066; &#x3066;</span>
<span>&#x3067; &#x3067;</span>
<span>&#x3068; &#x3068;</span>
<span>&#x3069; &#x3069;</span>
<span>&#x306A; &#x306A;</span>
<span>&#x306B; &#x306B;</span>
<span>&#x306C; &#x306C;</span>
<span>&#x306D; &#x306D;</span>
<span>&#x306E; &#x306E;</span>
<span>&#x306F; &#x306F;</span>
<span>&#x3070; &#x3070;</span>
<span>&#x3071; &#x3071;</span>
<span>&#x3072; &#x3072;</span>
<span>&#x3073; &#x3073;</span>
<span>&#x3074; &#x3074;</span>
<span>&#x3075; &#x3075;</span>
<span>&#x3076; &#x3076;</span>
<span>&#x3077; &#x3077;</span>
<span>&#x3078; &#x3078;</span>
<span>&#x3079; &#x3079;</span>
<span>&#x307A; &#x307A;</span>
<span>&#x307B; &#x307B;</span>
<span>&#x307C; &#x307C;</span>
<span>&#x307D; &#x307D;</span>
<span>&#x307E; &#x307E;</span>
<span>&#x307F; &#x307F;</span>
<span>&#x3080; &#x3080;</span>
<span>&#x3081; &#x3081;</span>
<span>&#x3082; &#x3082;</span>
<span>&#x3084; &#x3084;</span>
<span>&#x3086; &#x3086;</span>
<span>&#x3088; &#x3088;</span>
<span>&#x3089; &#x3089;</span>
<span>&#x308A; &#x308A;</span>
<span>&#x308B; &#x308B;</span>
<span>&#x308C; &#x308C;</span>
<span>&#x308D; &#x308D;</span>
<span>&#x308F; &#x308F;</span>
<span>&#x3090; &#x3090;</span>
<span>&#x3091; &#x3091;</span>
<span>&#x3092; &#x3092;</span>
<span>&#x3093; &#x3093;</span>
</div>

View file

@ -0,0 +1,92 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS3 test reference</title>
<link rel='author' title='Diego Pino Garcia' href='mailto:dpino@igalia.com'>
<link rel='author' title='Florian Rivoal' href='https://florian.rivoal.net'>
<style>
div { font-size: 150%;}
div > span { margin-right: 1em; white-space: nowrap; }
</style>
<p>Test passes if both characters in each pair are the same shape <strong>and size</strong>.<br>
Any missing glyph should be ignored
as long as it is missing for both the first and second characters in a pair.
<div>
<span>&#x30A2; &#x30A2;</span>
<span>&#x30A4; &#x30A4;</span>
<span>&#x30A6; &#x30A6;</span>
<span>&#x30A8; &#x30A8;</span>
<span>&#x30AA; &#x30AA;</span>
<span>&#x30AB; &#x30AB;</span>
<span>&#x30AC; &#x30AC;</span>
<span>&#x30AD; &#x30AD;</span>
<span>&#x30AE; &#x30AE;</span>
<span>&#x30AF; &#x30AF;</span>
<span>&#x30B0; &#x30B0;</span>
<span>&#x30B1; &#x30B1;</span>
<span>&#x30B2; &#x30B2;</span>
<span>&#x30B3; &#x30B3;</span>
<span>&#x30B4; &#x30B4;</span>
<span>&#x30B5; &#x30B5;</span>
<span>&#x30B6; &#x30B6;</span>
<span>&#x30B7; &#x30B7;</span>
<span>&#x30B8; &#x30B8;</span>
<span>&#x30B9; &#x30B9;</span>
<span>&#x30BA; &#x30BA;</span>
<span>&#x30BB; &#x30BB;</span>
<span>&#x30BC; &#x30BC;</span>
<span>&#x30BD; &#x30BD;</span>
<span>&#x30BE; &#x30BE;</span>
<span>&#x30BF; &#x30BF;</span>
<span>&#x30C0; &#x30C0;</span>
<span>&#x30C1; &#x30C1;</span>
<span>&#x30C2; &#x30C2;</span>
<span>&#x30C4; &#x30C4;</span>
<span>&#x30C5; &#x30C5;</span>
<span>&#x30C6; &#x30C6;</span>
<span>&#x30C7; &#x30C7;</span>
<span>&#x30C8; &#x30C8;</span>
<span>&#x30C9; &#x30C9;</span>
<span>&#x30CA; &#x30CA;</span>
<span>&#x30CB; &#x30CB;</span>
<span>&#x30CC; &#x30CC;</span>
<span>&#x30CD; &#x30CD;</span>
<span>&#x30CE; &#x30CE;</span>
<span>&#x30CF; &#x30CF;</span>
<span>&#x30D0; &#x30D0;</span>
<span>&#x30D1; &#x30D1;</span>
<span>&#x30D2; &#x30D2;</span>
<span>&#x30D3; &#x30D3;</span>
<span>&#x30D4; &#x30D4;</span>
<span>&#x30D5; &#x30D5;</span>
<span>&#x30D6; &#x30D6;</span>
<span>&#x30D7; &#x30D7;</span>
<span>&#x30D8; &#x30D8;</span>
<span>&#x30D9; &#x30D9;</span>
<span>&#x30DA; &#x30DA;</span>
<span>&#x30DB; &#x30DB;</span>
<span>&#x30DC; &#x30DC;</span>
<span>&#x30DD; &#x30DD;</span>
<span>&#x30DE; &#x30DE;</span>
<span>&#x30DF; &#x30DF;</span>
<span>&#x30E0; &#x30E0;</span>
<span>&#x30E1; &#x30E1;</span>
<span>&#x30E2; &#x30E2;</span>
<span>&#x30E4; &#x30E4;</span>
<span>&#x30E6; &#x30E6;</span>
<span>&#x30E8; &#x30E8;</span>
<span>&#x30E9; &#x30E9;</span>
<span>&#x30EA; &#x30EA;</span>
<span>&#x30EB; &#x30EB;</span>
<span>&#x30EC; &#x30EC;</span>
<span>&#x30ED; &#x30ED;</span>
<span>&#x30EF; &#x30EF;</span>
<span>&#x30F0; &#x30F0;</span>
<span>&#x30F1; &#x30F1;</span>
<span>&#x30F2; &#x30F2;</span>
<span>&#x30F3; &#x30F3;</span>
<span>&#x30F4; &#x30F4;</span>
<span>&#x309B; &#x309B;</span>
<span>&#x309C; &#x309C;</span>
</div>

View file

@ -0,0 +1,66 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS3 test reference</title>
<link rel='author' title='Diego Pino Garcia' href='mailto:dpino@igalia.com'>
<link rel='author' title='Florian Rivoal' href='https://florian.rivoal.net'>
<style>
div { font-size: 150%;}
div > span { margin-right: 1em; white-space: nowrap; }
</style>
<p>Test passes if both characters in each pair are the same shape <strong>and size</strong>.<br>
Any missing glyph should be ignored
as long as it is missing for both the first and second characters in a pair.
<div>
<span>&#xFF65; &#xFF65;</span>
<span>&#xFF66; &#xFF66;</span>
<span>&#xFF70; &#xFF70;</span>
<span>&#xFF71; &#xFF71;</span>
<span>&#xFF72; &#xFF72;</span>
<span>&#xFF73; &#xFF73;</span>
<span>&#xFF74; &#xFF74;</span>
<span>&#xFF75; &#xFF75;</span>
<span>&#xFF76; &#xFF76;</span>
<span>&#xFF77; &#xFF77;</span>
<span>&#xFF78; &#xFF78;</span>
<span>&#xFF79; &#xFF79;</span>
<span>&#xFF7A; &#xFF7A;</span>
<span>&#xFF7B; &#xFF7B;</span>
<span>&#xFF7C; &#xFF7C;</span>
<span>&#xFF7D; &#xFF7D;</span>
<span>&#xFF7E; &#xFF7E;</span>
<span>&#xFF7F; &#xFF7F;</span>
<span>&#xFF80; &#xFF80;</span>
<span>&#xFF81; &#xFF81;</span>
<span>&#xFF82; &#xFF82;</span>
<span>&#xFF83; &#xFF83;</span>
<span>&#xFF84; &#xFF84;</span>
<span>&#xFF85; &#xFF85;</span>
<span>&#xFF86; &#xFF86;</span>
<span>&#xFF87; &#xFF87;</span>
<span>&#xFF88; &#xFF88;</span>
<span>&#xFF89; &#xFF89;</span>
<span>&#xFF8A; &#xFF8A;</span>
<span>&#xFF8B; &#xFF8B;</span>
<span>&#xFF8C; &#xFF8C;</span>
<span>&#xFF8D; &#xFF8D;</span>
<span>&#xFF8E; &#xFF8E;</span>
<span>&#xFF8F; &#xFF8F;</span>
<span>&#xFF90; &#xFF90;</span>
<span>&#xFF91; &#xFF91;</span>
<span>&#xFF92; &#xFF92;</span>
<span>&#xFF93; &#xFF93;</span>
<span>&#xFF94; &#xFF94;</span>
<span>&#xFF95; &#xFF95;</span>
<span>&#xFF96; &#xFF96;</span>
<span>&#xFF97; &#xFF97;</span>
<span>&#xFF98; &#xFF98;</span>
<span>&#xFF99; &#xFF99;</span>
<span>&#xFF9A; &#xFF9A;</span>
<span>&#xFF9B; &#xFF9B;</span>
<span>&#xFF9C; &#xFF9C;</span>
<span>&#xFF9D; &#xFF9D;</span>
<span>&#xFF9E; &#xFF9E;</span>
<span>&#xFF9F; &#xFF9F;</span>
</div>

View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<style>
div { font-size: 4em; }
body {
max-width: 600px;
max-width: max-content;
}
</style>
<p>Test passes if there are two identical strings below. Pay attention to the right-most character.
<div dir=rtl lang=ar>عائلة</div>
<div dir=rtl lang=ar>عائلة</div>

View file

@ -0,0 +1,31 @@
<!doctype html>
<meta charset=utf-8>
<title>CSS Text 3 test: effects of text-transform on plain text copy&paste</title>
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<link rel=help href="https://drafts.csswg.org/css-text-3/#text-transform-property">
<meta name=flags content="interact">
<meta name=assert content="text-transform must not affect the content of a plain text copy and paste operation.">
<!--
I wish this test could be written automatedly, but I don't think it can.
We can work around the fact that document.execCommand(copy) only works when triggered by user interactions
by using test_driver.bless,
but even then there's no way to read the content of the clipboard in an automated way:
* document.execCommand(paste) isn't supported in regular web pages by anyone but IE
* The Clipboard API is not supported across the board,
and Firefox only supports reading the clipboard in browser extensions,
not in regular web pages.
-->
<style>
div {
text-transform: uppercase;
border: solid 5px blue;
}
textarea { border: solid 5px orange; }
div, textarea { padding: 1em; }
</style>
<p>Copy the content of the blue box, then paste it in the orange box.
<p>The test passes if the result is in lowercase.
<div id=source>there is no need to shout</div>
<textarea></textarea>

View file

@ -1,71 +1,33 @@
<!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: Hiragana and text-transform: full-size-kana</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'>
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-text-transform-full-size-kana">
<link rel="match" href="reference/text-transform-full-size-kana-001-ref.html">
<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 */
.test { text-transform: full-size-kana; }
<meta name="assert" content="small hiragana are transformed to normal hiragana by text-tranform:full-size-kana">
<style>
td:nth-of-type(2) {
text-transform: full-size-kana
}
</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">&#x3041; &#x3042;</span>
<span title="U+3043">&#x3043; &#x3044;</span>
<span title="U+3045">&#x3045; &#x3046;</span>
<span title="U+3047">&#x3047; &#x3048;</span>
<span title="U+3049">&#x3049; &#x304A;</span>
<span title="U+3095">&#x3095; &#x304B;</span>
<span title="U+3096">&#x3096; &#x3051;</span>
<span title="U+3063">&#x3063; &#x3064;</span>
<span title="U+3083">&#x3083; &#x3084;</span>
<span title="U+3085">&#x3085; &#x3086;</span>
<span title="U+3087">&#x3087; &#x3088;</span>
<span title="U+308E">&#x308E; &#x308F;</span>
<span title="U+30A1">&#x30A1; &#x30A2;</span>
<span title="U+30A3">&#x30A3; &#x30A4;</span>
<span title="U+30A5">&#x30A5; &#x30A6;</span>
<span title="U+30A7">&#x30A7; &#x30A8;</span>
<span title="U+30A9">&#x30A9; &#x30AA;</span>
<span title="U+30F5">&#x30F5; &#x30AB;</span>
<span title="U+31F0">&#x31F0; &#x30AF;</span>
<span title="U+30F6">&#x30F6; &#x30B1;</span>
<span title="U+31F1">&#x31F1; &#x30B7;</span>
<span title="U+31F2">&#x31F2; &#x30B9;</span>
<span title="U+30C3">&#x30C3; &#x30C4;</span>
<span title="U+31F3">&#x31F3; &#x30C8;</span>
<span title="U+31F4">&#x31F4; &#x30CC;</span>
<span title="U+31F5">&#x31F5; &#x30CF;</span>
<span title="U+31F6">&#x31F6; &#x30D2;</span>
<span title="U+31F7">&#x31F7; &#x30D5;</span>
<span title="U+31F8">&#x31F8; &#x30D8;</span>
<span title="U+31F9">&#x31F9; &#x30DB;</span>
<span title="U+31FA">&#x31FA; &#x30E0;</span>
<span title="U+30E3">&#x30E3; &#x30E4;</span>
<span title="U+30E5">&#x30E5; &#x30E6;</span>
<span title="U+30E7">&#x30E7; &#x30E8;</span>
<span title="U+31FB">&#x31FB; &#x30E9;</span>
<span title="U+31FC">&#x31FC; &#x30EA;</span>
<span title="U+31FD">&#x31FD; &#x30EB;</span>
<span title="U+31FE">&#x31FE; &#x30EC;</span>
<span title="U+31FF">&#x31FF; &#x30ED;</span>
<span title="U+30EE">&#x30EE; &#x30EF;</span>
<span title="U+FF67">&#xFF67; &#xFF71;</span>
<span title="U+FF68">&#xFF68; &#xFF72;</span>
<span title="U+FF69">&#xFF69; &#xFF73;</span>
<span title="U+FF6A">&#xFF6A; &#xFF74;</span>
<span title="U+FF6B">&#xFF6B; &#xFF75;</span>
<span title="U+FF6F">&#xFF6F; &#xFF82;</span>
<span title="U+FF6C">&#xFF6C; &#xFF94;</span>
<span title="U+FF6D">&#xFF6D; &#xFF95;</span>
<span title="U+FF6E">&#xFF6E; &#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>

View file

@ -1,227 +1,34 @@
<!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: Katakana and text-transform: full-size-kana</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'>
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-text-transform-full-size-kana">
<link rel="match" href="reference/text-transform-full-size-kana-002-ref.html">
<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 */
.test { text-transform: full-size-kana; }
<meta name="assert" content="small katakana are transformed to normal katakana by text-tranform:full-size-kana (part 1)">
<style>
td:nth-of-type(2) {
text-transform: full-size-kana
}
</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>

View file

@ -0,0 +1,36 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text level 3 Test: Katakana and text-transform: full-size-kana</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/#valdef-text-transform-full-size-kana">
<link rel="match" href="reference/text-transform-full-size-kana-003-ref.html">
<meta name="assert" content="small katakana are transformed to normal katakana by text-tranform:full-size-kana (part 2)">
<style>
td:nth-of-type(2) {
text-transform: full-size-kana
}
</style>
<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>

View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text level 3 Test: half-width Katakana and text-transform: full-size-kana</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/#valdef-text-transform-full-size-kana">
<link rel="match" href="reference/text-transform-full-size-kana-004-ref.html">
<meta name="assert" content="small half-width katakana are transformed to normal half-width katakana by text-tranform:full-size-kana">
<style>
td:nth-of-type(2) {
text-transform: full-size-kana
}
</style>
<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>

View file

@ -0,0 +1,95 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS3 Text, text transform: full-size-kana, full-size kanas, hiragana</title>
<meta name="assert" content="For full-size kanas, text-transform: full-size-kana leaves all kanas unaltered (testing the hiragana subset).">
<link rel='author' title='Diego Pino Garcia' href='mailto:dpino@igalia.com'>
<link rel='author' title='Florian Rivoal' href='https://florian.rivoal.net'>
<link rel='help' href='https://drafts.csswg.org/css-text-3/#text-transform'>
<link rel="match" href="reference/text-transform-full-size-kana-005-ref.html">
<style>
div { font-size: 150%;}
div > span { margin-right: 1em; white-space: nowrap; }
/* the CSS above is not part of the test */
.test { text-transform: full-size-kana; }
</style>
<p>Test passes if both characters in each pair are the same shape <strong>and size</strong>.<br>
Any missing glyph should be ignored
as long as it is missing for both the first and second characters in a pair.
<div>
<span><span class=test>&#x30FC;</span> &#x30FC;</span>
<span><span class=test>&#x3042;</span> &#x3042;</span>
<span><span class=test>&#x3044;</span> &#x3044;</span>
<span><span class=test>&#x3046;</span> &#x3046;</span>
<span><span class=test>&#x3048;</span> &#x3048;</span>
<span><span class=test>&#x304A;</span> &#x304A;</span>
<span><span class=test>&#x304B;</span> &#x304B;</span>
<span><span class=test>&#x304C;</span> &#x304C;</span>
<span><span class=test>&#x304D;</span> &#x304D;</span>
<span><span class=test>&#x304E;</span> &#x304E;</span>
<span><span class=test>&#x304F;</span> &#x304F;</span>
<span><span class=test>&#x3050;</span> &#x3050;</span>
<span><span class=test>&#x3051;</span> &#x3051;</span>
<span><span class=test>&#x3052;</span> &#x3052;</span>
<span><span class=test>&#x3053;</span> &#x3053;</span>
<span><span class=test>&#x3054;</span> &#x3054;</span>
<span><span class=test>&#x3055;</span> &#x3055;</span>
<span><span class=test>&#x3056;</span> &#x3056;</span>
<span><span class=test>&#x3057;</span> &#x3057;</span>
<span><span class=test>&#x3058;</span> &#x3058;</span>
<span><span class=test>&#x3059;</span> &#x3059;</span>
<span><span class=test>&#x305A;</span> &#x305A;</span>
<span><span class=test>&#x305B;</span> &#x305B;</span>
<span><span class=test>&#x305C;</span> &#x305C;</span>
<span><span class=test>&#x305D;</span> &#x305D;</span>
<span><span class=test>&#x305E;</span> &#x305E;</span>
<span><span class=test>&#x305F;</span> &#x305F;</span>
<span><span class=test>&#x3060;</span> &#x3060;</span>
<span><span class=test>&#x3061;</span> &#x3061;</span>
<span><span class=test>&#x3062;</span> &#x3062;</span>
<span><span class=test>&#x3064;</span> &#x3064;</span>
<span><span class=test>&#x3065;</span> &#x3065;</span>
<span><span class=test>&#x3066;</span> &#x3066;</span>
<span><span class=test>&#x3067;</span> &#x3067;</span>
<span><span class=test>&#x3068;</span> &#x3068;</span>
<span><span class=test>&#x3069;</span> &#x3069;</span>
<span><span class=test>&#x306A;</span> &#x306A;</span>
<span><span class=test>&#x306B;</span> &#x306B;</span>
<span><span class=test>&#x306C;</span> &#x306C;</span>
<span><span class=test>&#x306D;</span> &#x306D;</span>
<span><span class=test>&#x306E;</span> &#x306E;</span>
<span><span class=test>&#x306F;</span> &#x306F;</span>
<span><span class=test>&#x3070;</span> &#x3070;</span>
<span><span class=test>&#x3071;</span> &#x3071;</span>
<span><span class=test>&#x3072;</span> &#x3072;</span>
<span><span class=test>&#x3073;</span> &#x3073;</span>
<span><span class=test>&#x3074;</span> &#x3074;</span>
<span><span class=test>&#x3075;</span> &#x3075;</span>
<span><span class=test>&#x3076;</span> &#x3076;</span>
<span><span class=test>&#x3077;</span> &#x3077;</span>
<span><span class=test>&#x3078;</span> &#x3078;</span>
<span><span class=test>&#x3079;</span> &#x3079;</span>
<span><span class=test>&#x307A;</span> &#x307A;</span>
<span><span class=test>&#x307B;</span> &#x307B;</span>
<span><span class=test>&#x307C;</span> &#x307C;</span>
<span><span class=test>&#x307D;</span> &#x307D;</span>
<span><span class=test>&#x307E;</span> &#x307E;</span>
<span><span class=test>&#x307F;</span> &#x307F;</span>
<span><span class=test>&#x3080;</span> &#x3080;</span>
<span><span class=test>&#x3081;</span> &#x3081;</span>
<span><span class=test>&#x3082;</span> &#x3082;</span>
<span><span class=test>&#x3084;</span> &#x3084;</span>
<span><span class=test>&#x3086;</span> &#x3086;</span>
<span><span class=test>&#x3088;</span> &#x3088;</span>
<span><span class=test>&#x3089;</span> &#x3089;</span>
<span><span class=test>&#x308A;</span> &#x308A;</span>
<span><span class=test>&#x308B;</span> &#x308B;</span>
<span><span class=test>&#x308C;</span> &#x308C;</span>
<span><span class=test>&#x308D;</span> &#x308D;</span>
<span><span class=test>&#x308F;</span> &#x308F;</span>
<span><span class=test>&#x3090;</span> &#x3090;</span>
<span><span class=test>&#x3091;</span> &#x3091;</span>
<span><span class=test>&#x3092;</span> &#x3092;</span>
<span><span class=test>&#x3093;</span> &#x3093;</span>
</div>

View file

@ -0,0 +1,97 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS3 Text, text transform: full-size-kana, full-size kanas, katakana</title>
<meta name="assert" content="For full-size kanas, text-transform: full-size-kana leaves all kanas unaltered (testing the katakana subset).">
<link rel='author' title='Diego Pino Garcia' href='mailto:dpino@igalia.com'>
<link rel='author' title='Florian Rivoal' href='https://florian.rivoal.net'>
<link rel='help' href='https://drafts.csswg.org/css-text-3/#text-transform'>
<link rel="match" href="reference/text-transform-full-size-kana-006-ref.html">
<style>
div { font-size: 150%;}
div > span { margin-right: 1em; white-space: nowrap; }
/* the CSS above is not part of the test */
.test { text-transform: full-size-kana; }
</style>
<p>Test passes if both characters in each pair are the same shape <strong>and size</strong>.<br>
Any missing glyph should be ignored
as long as it is missing for both the first and second characters in a pair.
<div>
<span><span class=test>&#x30A2;</span> &#x30A2;</span>
<span><span class=test>&#x30A4;</span> &#x30A4;</span>
<span><span class=test>&#x30A6;</span> &#x30A6;</span>
<span><span class=test>&#x30A8;</span> &#x30A8;</span>
<span><span class=test>&#x30AA;</span> &#x30AA;</span>
<span><span class=test>&#x30AB;</span> &#x30AB;</span>
<span><span class=test>&#x30AC;</span> &#x30AC;</span>
<span><span class=test>&#x30AD;</span> &#x30AD;</span>
<span><span class=test>&#x30AE;</span> &#x30AE;</span>
<span><span class=test>&#x30AF;</span> &#x30AF;</span>
<span><span class=test>&#x30B0;</span> &#x30B0;</span>
<span><span class=test>&#x30B1;</span> &#x30B1;</span>
<span><span class=test>&#x30B2;</span> &#x30B2;</span>
<span><span class=test>&#x30B3;</span> &#x30B3;</span>
<span><span class=test>&#x30B4;</span> &#x30B4;</span>
<span><span class=test>&#x30B5;</span> &#x30B5;</span>
<span><span class=test>&#x30B6;</span> &#x30B6;</span>
<span><span class=test>&#x30B7;</span> &#x30B7;</span>
<span><span class=test>&#x30B8;</span> &#x30B8;</span>
<span><span class=test>&#x30B9;</span> &#x30B9;</span>
<span><span class=test>&#x30BA;</span> &#x30BA;</span>
<span><span class=test>&#x30BB;</span> &#x30BB;</span>
<span><span class=test>&#x30BC;</span> &#x30BC;</span>
<span><span class=test>&#x30BD;</span> &#x30BD;</span>
<span><span class=test>&#x30BE;</span> &#x30BE;</span>
<span><span class=test>&#x30BF;</span> &#x30BF;</span>
<span><span class=test>&#x30C0;</span> &#x30C0;</span>
<span><span class=test>&#x30C1;</span> &#x30C1;</span>
<span><span class=test>&#x30C2;</span> &#x30C2;</span>
<span><span class=test>&#x30C4;</span> &#x30C4;</span>
<span><span class=test>&#x30C5;</span> &#x30C5;</span>
<span><span class=test>&#x30C6;</span> &#x30C6;</span>
<span><span class=test>&#x30C7;</span> &#x30C7;</span>
<span><span class=test>&#x30C8;</span> &#x30C8;</span>
<span><span class=test>&#x30C9;</span> &#x30C9;</span>
<span><span class=test>&#x30CA;</span> &#x30CA;</span>
<span><span class=test>&#x30CB;</span> &#x30CB;</span>
<span><span class=test>&#x30CC;</span> &#x30CC;</span>
<span><span class=test>&#x30CD;</span> &#x30CD;</span>
<span><span class=test>&#x30CE;</span> &#x30CE;</span>
<span><span class=test>&#x30CF;</span> &#x30CF;</span>
<span><span class=test>&#x30D0;</span> &#x30D0;</span>
<span><span class=test>&#x30D1;</span> &#x30D1;</span>
<span><span class=test>&#x30D2;</span> &#x30D2;</span>
<span><span class=test>&#x30D3;</span> &#x30D3;</span>
<span><span class=test>&#x30D4;</span> &#x30D4;</span>
<span><span class=test>&#x30D5;</span> &#x30D5;</span>
<span><span class=test>&#x30D6;</span> &#x30D6;</span>
<span><span class=test>&#x30D7;</span> &#x30D7;</span>
<span><span class=test>&#x30D8;</span> &#x30D8;</span>
<span><span class=test>&#x30D9;</span> &#x30D9;</span>
<span><span class=test>&#x30DA;</span> &#x30DA;</span>
<span><span class=test>&#x30DB;</span> &#x30DB;</span>
<span><span class=test>&#x30DC;</span> &#x30DC;</span>
<span><span class=test>&#x30DD;</span> &#x30DD;</span>
<span><span class=test>&#x30DE;</span> &#x30DE;</span>
<span><span class=test>&#x30DF;</span> &#x30DF;</span>
<span><span class=test>&#x30E0;</span> &#x30E0;</span>
<span><span class=test>&#x30E1;</span> &#x30E1;</span>
<span><span class=test>&#x30E2;</span> &#x30E2;</span>
<span><span class=test>&#x30E4;</span> &#x30E4;</span>
<span><span class=test>&#x30E6;</span> &#x30E6;</span>
<span><span class=test>&#x30E8;</span> &#x30E8;</span>
<span><span class=test>&#x30E9;</span> &#x30E9;</span>
<span><span class=test>&#x30EA;</span> &#x30EA;</span>
<span><span class=test>&#x30EB;</span> &#x30EB;</span>
<span><span class=test>&#x30EC;</span> &#x30EC;</span>
<span><span class=test>&#x30ED;</span> &#x30ED;</span>
<span><span class=test>&#x30EF;</span> &#x30EF;</span>
<span><span class=test>&#x30F0;</span> &#x30F0;</span>
<span><span class=test>&#x30F1;</span> &#x30F1;</span>
<span><span class=test>&#x30F2;</span> &#x30F2;</span>
<span><span class=test>&#x30F3;</span> &#x30F3;</span>
<span><span class=test>&#x30F4;</span> &#x30F4;</span>
<span><span class=test>&#x309B;</span> &#x309B;</span>
<span><span class=test>&#x309C;</span> &#x309C;</span>
</div>

View file

@ -0,0 +1,71 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS3 Text, text transform: full-size-kana, full-size kanas, half-width katakana</title>
<meta name="assert" content="For full-size kanas, text-transform: full-size-kana leaves all kanas unaltered (testing the half-wdith katakana subset).">
<link rel='author' title='Diego Pino Garcia' href='mailto:dpino@igalia.com'>
<link rel='author' title='Florian Rivoal' href='https://florian.rivoal.net'>
<link rel='help' href='https://drafts.csswg.org/css-text-3/#text-transform'>
<link rel="match" href="reference/text-transform-full-size-kana-007-ref.html">
<style>
div { font-size: 150%;}
div > span { margin-right: 1em; white-space: nowrap; }
/* the CSS above is not part of the test */
.test { text-transform: full-size-kana; }
</style>
<p>Test passes if both characters in each pair are the same shape <strong>and size</strong>.<br>
Any missing glyph should be ignored
as long as it is missing for both the first and second characters in a pair.
<div>
<span><span class=test>&#xFF65;</span> &#xFF65;</span>
<span><span class=test>&#xFF66;</span> &#xFF66;</span>
<span><span class=test>&#xFF70;</span> &#xFF70;</span>
<span><span class=test>&#xFF71;</span> &#xFF71;</span>
<span><span class=test>&#xFF72;</span> &#xFF72;</span>
<span><span class=test>&#xFF73;</span> &#xFF73;</span>
<span><span class=test>&#xFF74;</span> &#xFF74;</span>
<span><span class=test>&#xFF75;</span> &#xFF75;</span>
<span><span class=test>&#xFF76;</span> &#xFF76;</span>
<span><span class=test>&#xFF77;</span> &#xFF77;</span>
<span><span class=test>&#xFF78;</span> &#xFF78;</span>
<span><span class=test>&#xFF79;</span> &#xFF79;</span>
<span><span class=test>&#xFF7A;</span> &#xFF7A;</span>
<span><span class=test>&#xFF7B;</span> &#xFF7B;</span>
<span><span class=test>&#xFF7C;</span> &#xFF7C;</span>
<span><span class=test>&#xFF7D;</span> &#xFF7D;</span>
<span><span class=test>&#xFF7E;</span> &#xFF7E;</span>
<span><span class=test>&#xFF7F;</span> &#xFF7F;</span>
<span><span class=test>&#xFF80;</span> &#xFF80;</span>
<span><span class=test>&#xFF81;</span> &#xFF81;</span>
<span><span class=test>&#xFF82;</span> &#xFF82;</span>
<span><span class=test>&#xFF83;</span> &#xFF83;</span>
<span><span class=test>&#xFF84;</span> &#xFF84;</span>
<span><span class=test>&#xFF85;</span> &#xFF85;</span>
<span><span class=test>&#xFF86;</span> &#xFF86;</span>
<span><span class=test>&#xFF87;</span> &#xFF87;</span>
<span><span class=test>&#xFF88;</span> &#xFF88;</span>
<span><span class=test>&#xFF89;</span> &#xFF89;</span>
<span><span class=test>&#xFF8A;</span> &#xFF8A;</span>
<span><span class=test>&#xFF8B;</span> &#xFF8B;</span>
<span><span class=test>&#xFF8C;</span> &#xFF8C;</span>
<span><span class=test>&#xFF8D;</span> &#xFF8D;</span>
<span><span class=test>&#xFF8E;</span> &#xFF8E;</span>
<span><span class=test>&#xFF8F;</span> &#xFF8F;</span>
<span><span class=test>&#xFF90;</span> &#xFF90;</span>
<span><span class=test>&#xFF91;</span> &#xFF91;</span>
<span><span class=test>&#xFF92;</span> &#xFF92;</span>
<span><span class=test>&#xFF93;</span> &#xFF93;</span>
<span><span class=test>&#xFF94;</span> &#xFF94;</span>
<span><span class=test>&#xFF95;</span> &#xFF95;</span>
<span><span class=test>&#xFF96;</span> &#xFF96;</span>
<span><span class=test>&#xFF97;</span> &#xFF97;</span>
<span><span class=test>&#xFF98;</span> &#xFF98;</span>
<span><span class=test>&#xFF99;</span> &#xFF99;</span>
<span><span class=test>&#xFF9A;</span> &#xFF9A;</span>
<span><span class=test>&#xFF9B;</span> &#xFF9B;</span>
<span><span class=test>&#xFF9C;</span> &#xFF9C;</span>
<span><span class=test>&#xFF9D;</span> &#xFF9D;</span>
<span><span class=test>&#xFF9E;</span> &#xFF9E;</span>
<span><span class=test>&#xFF9F;</span> &#xFF9F;</span>
</div>

View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text level 3 Test: text-transform:capitalize and text-shaping</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="help" href="https://www.w3.org/TR/css-text-3/#boundary-shaping">
<link rel="help" href="https://www.w3.org/TR/css-text-3/#text-transform-property">
<link rel="match" href="reference/text-transform-shaping-001-ref.html">
<meta name="assert" content="Text shaping must not be broken across inline box boundaries when there is no change in formatting. Arabic is not a bicameral script, so text-transform:capitalize has no effect, and should not affect shaping.">
<style>
div { font-size: 4em; }
div:last-of-type::first-letter { text-transform: capitalize; }
body {
/* Optional bit, just to avoid the arabic strings being too far off to the right,
which makes them harder to notice if you're going through a lot of tests
and not paying all that much attention. */
max-width: 600px;
max-width: max-content;
}
</style>
<p>Test passes if there are two identical strings below. Pay attention to the right-most character.
<div dir=rtl lang=ar>عائلة</div>
<div dir=rtl lang=ar>عائلة</div>

View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text level 3 Test: text-transform:uppercase and text-shaping</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="help" href="https://www.w3.org/TR/css-text-3/#boundary-shaping">
<link rel="help" href="https://www.w3.org/TR/css-text-3/#text-transform-property">
<link rel="match" href="reference/text-transform-shaping-001-ref.html">
<meta name="assert" content="Text shaping must not be broken across inline box boundaries when there is no change in formatting. Arabic is not a bicameral script, so text-transform:uppercase has no effect, and should not affect shaping.">
<style>
div { font-size: 4em; }
div:last-of-type::first-letter { text-transform: uppercase; }
body {
/* Optional bit, just to avoid the arabic strings being too far off to the right,
which makes them harder to notice if you're going through a lot of tests
and not paying all that much attention. */
max-width: 600px;
max-width: max-content;
}
</style>
<p>Test passes if there are two identical strings below. Pay attention to the right-most character.
<div dir=rtl lang=ar>عائلة</div>
<div dir=rtl lang=ar>عائلة</div>

View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text level 3 Test: text-transform:lowercase and text-shaping</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="help" href="https://www.w3.org/TR/css-text-3/#boundary-shaping">
<link rel="help" href="https://www.w3.org/TR/css-text-3/#text-transform-property">
<link rel="match" href="reference/text-transform-shaping-001-ref.html">
<meta name="assert" content="Text shaping must not be broken across inline box boundaries when there is no change in formatting. Arabic is not a bicameral script, so text-transform:lowercase has no effect, and should not affect shaping.">
<style>
div { font-size: 4em; }
div:last-of-type::first-letter { text-transform: lowercase; }
body {
/* Optional bit, just to avoid the arabic strings being too far off to the right,
which makes them harder to notice if you're going through a lot of tests
and not paying all that much attention. */
max-width: 600px;
max-width: max-content;
}
</style>
<p>Test passes if there are two identical strings below. Pay attention to the right-most character.
<div dir=rtl lang=ar>عائلة</div>
<div dir=rtl lang=ar>عائلة</div>