wpt / css / css-text / text-transform / text-transform-full-size-kana-005.html

Status: PASS | Duration: 15ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

/css/css-text/text-transform/text-transform-full-size-kana-005.html

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

/css/css-text/text-transform/reference/text-transform-full-size-kana-005-ref.html

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