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

Status: PASS | Duration: 13ms | 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-007.html

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

/css/css-text/text-transform/reference/text-transform-full-size-kana-007-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>&#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>