ladybird/Tests/LibWeb/Text/input/DOM/Element-text-transform-fullwidth.html

315 lines
18 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<style type="text/css">
@font-face {
font-family: 'mplus-1p-regular';
src: url('../../../WPT/wpt/fonts/mplus-1p-regular.woff') format('woff');
}
.test span {
text-transform: full-width;
}
span {
font-family: 'mplus-1p-regular';
background-color: cyan;
}
.test {
color: Blue;
line-height: 1.1;
}
.test div {
display: inline-block;
margin-bottom: .5em;
text-align: center;
white-space: nowrap;
}
</style>
</head>
<script src="../include.js"></script>
<body>
<div class="test">
<!-- FULLWIDTH LATIN -->
<div>[<span> </span>]<br />[<span> </span>]</div>
<div><span></span><br /><span>!</span></div>
<div><span></span><br /><span>&quot;</span></div>
<div><span></span><br /><span>#</span></div>
<div><span></span><br /><span>$</span></div>
<div><span></span><br /><span>%</span></div>
<div><span></span><br /><span>&amp;</span></div>
<div><span></span><br /><span>'</span></div>
<div><span></span><br /><span>(</span></div>
<div><span></span><br /><span>)</span></div>
<div><span></span><br /><span>*</span></div>
<div><span></span><br /><span>+</span></div>
<div><span></span><br /><span>,</span></div>
<div><span></span><br /><span>-</span></div>
<div><span></span><br /><span>.</span></div>
<div><span></span><br /><span>/</span></div>
<div><span></span><br /><span>0</span></div>
<div><span></span><br /><span>1</span></div>
<div><span></span><br /><span>2</span></div>
<div><span></span><br /><span>3</span></div>
<div><span></span><br /><span>4</span></div>
<div><span></span><br /><span>5</span></div>
<div><span></span><br /><span>6</span></div>
<div><span></span><br /><span>7</span></div>
<div><span></span><br /><span>8</span></div>
<div><span></span><br /><span>9</span></div>
<div><span></span><br /><span>:</span></div>
<div><span></span><br /><span>;</span></div>
<div><span></span><br /><span>&lt;</span></div>
<div><span></span><br /><span>=</span></div>
<div><span></span><br /><span>&gt;</span></div>
<div><span></span><br /><span>?</span></div>
<div><span></span><br /><span>@</span></div>
<div><span></span><br /><span>A</span></div>
<div><span></span><br /><span>B</span></div>
<div><span></span><br /><span>C</span></div>
<div><span></span><br /><span>D</span></div>
<div><span></span><br /><span>E</span></div>
<div><span></span><br /><span>F</span></div>
<div><span></span><br /><span>G</span></div>
<div><span></span><br /><span>H</span></div>
<div><span></span><br /><span>I</span></div>
<div><span></span><br /><span>J</span></div>
<div><span></span><br /><span>K</span></div>
<div><span></span><br /><span>L</span></div>
<div><span></span><br /><span>M</span></div>
<div><span></span><br /><span>N</span></div>
<div><span></span><br /><span>O</span></div>
<div><span></span><br /><span>P</span></div>
<div><span></span><br /><span>Q</span></div>
<div><span></span><br /><span>R</span></div>
<div><span></span><br /><span>S</span></div>
<div><span></span><br /><span>T</span></div>
<div><span></span><br /><span>U</span></div>
<div><span></span><br /><span>V</span></div>
<div><span></span><br /><span>W</span></div>
<div><span></span><br /><span>X</span></div>
<div><span></span><br /><span>Y</span></div>
<div><span></span><br /><span>Z</span></div>
<div><span></span><br /><span>[</span></div>
<div><span></span><br /><span>\</span></div>
<div><span></span><br /><span>]</span></div>
<div><span></span><br /><span>^</span></div>
<div><span>_</span><br /><span>_</span></div>
<div><span></span><br /><span>`</span></div>
<div><span></span><br /><span>a</span></div>
<div><span></span><br /><span>b</span></div>
<div><span></span><br /><span>c</span></div>
<div><span></span><br /><span>d</span></div>
<div><span></span><br /><span>e</span></div>
<div><span></span><br /><span>f</span></div>
<div><span></span><br /><span>g</span></div>
<div><span></span><br /><span>h</span></div>
<div><span></span><br /><span>i</span></div>
<div><span></span><br /><span>j</span></div>
<div><span></span><br /><span>k</span></div>
<div><span></span><br /><span>l</span></div>
<div><span></span><br /><span>m</span></div>
<div><span></span><br /><span>n</span></div>
<div><span></span><br /><span>o</span></div>
<div><span></span><br /><span>p</span></div>
<div><span></span><br /><span>q</span></div>
<div><span></span><br /><span>r</span></div>
<div><span></span><br /><span>s</span></div>
<div><span></span><br /><span>t</span></div>
<div><span></span><br /><span>u</span></div>
<div><span></span><br /><span>v</span></div>
<div><span></span><br /><span>w</span></div>
<div><span></span><br /><span>x</span></div>
<div><span></span><br /><span>y</span></div>
<div><span></span><br /><span>z</span></div>
<div><span></span><br /><span>{</span></div>
<div><span></span><br /><span>|</span></div>
<div><span></span><br /><span>}</span></div>
<div><span></span><br /><span>~</span></div>
<div><span></span><br /><span></span></div> <!-- LEFT WHITE PARENTHESIS -->
<div><span></span><br /><span></span></div> <!-- RIGHT WHITE PARENTHESIS -->
<!-- HALFWIDTH KATAKANA -->
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span>ソ</span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span>&nbsp;&#x3099;</span><br /><span>&nbsp;</span></div>
<div><span>&nbsp;&#x309A;</span><br /><span>&nbsp;</span></div>
<!-- HALFWIDTH HANGUL -->
<div>[<span>&#x115F;</span>]<br />[<span>&#xFFA0;</span>]</div> <!-- HANGUL FILLER -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER KIYEOK -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER SSANGKIYEOK -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER KIYEOK-SIOS -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER NIEUN -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER NIEUN-CIEUC -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER NIEUN-HIEUH -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER TIKEUT -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER SSANGTIKEUT -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER RIEUL -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER RIEUL-KIYEOK -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER RIEUL-MIEUM -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER RIEUL-PIEUP -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER RIEUL-SIOS -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER RIEUL-THIEUTH -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER RIEUL-PHIEUPH -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER RIEUL-HIEUH -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER MIEUM -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER PIEUP -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER SSANGPIEUP -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER PIEUP-SIOS -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER SIOS -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER SSANGSIOS -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER IEUNG -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER CIEUC -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER SSANGCIEUC -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER CHIEUCH -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER KHIEUKH -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER THIEUTH -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER PHIEUPH -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER HIEUH -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER A -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER AE -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER YA -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER YAE -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER EO -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER E -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER YEO -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER YE -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER O -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER WA -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER WAE -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER OE -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER YO -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER U -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER WEO -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER WE -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER WI -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER YU -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER EU -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER YI -->
<div><span></span><br /><span></span></div> <!-- HANGUL LETTER I -->
<!-- FULLWIDTH SIGN -->
<div><span></span><br /><span>¢</span></div> <!-- CENT SIGN -->
<div><span></span><br /><span>£</span></div> <!-- POUND SIGN -->
<div><span></span><br /><span>¬</span></div> <!-- NOT SIGN -->
<div><span></span><br /><span>¯</span></div> <!-- MACRON -->
<div><span></span><br /><span>¦</span></div> <!-- BROKEN BAR -->
<div><span></span><br /><span>¥</span></div> <!-- YEN SIGN -->
<div><span></span><br /><span></span></div> <!-- WON SIGN -->
<!-- HALFWIDTH SIGN -->
<div><span></span><br /><span></span></div> <!-- FORMS LIGHT VERTICAL -->
<div><span></span><br /><span></span></div> <!-- LEFTWARDS ARROW -->
<div><span></span><br /><span></span></div> <!-- UPWARDS ARROW -->
<div><span></span><br /><span></span></div> <!-- RIGHTWARDS ARROW -->
<div><span></span><br /><span></span></div> <!-- DOWNWARDS ARROW -->
<div><span></span><br /><span></span></div> <!-- BLACK SQUARE -->
<div><span></span><br /><span></span></div> <!-- WHITE CIRCLE -->
<!-- HALFWIDTH LATIN -->
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<!-- FULLWIDTH KANA -->
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
<div><span></span><br /><span></span></div>
</div>
<script>
test(() => {
var elements = document.getElementsByClassName('test');
for (var i = 0; i < elements.length; i++) {
println(elements[i].innerText);
}
});
</script>
</body>
</html>