Blitz - WPT: text-transform-fullwidth-010.html

wpt / css / css-text / text-transform / text-transform-fullwidth-010.html

/css/css-text/text-transform/text-transform-fullwidth-010.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text level 3 Test: text-transform:full-width character mapping</title>
<link rel="author" title="Felipe Erias" href="mailto:felipeerias@igalia.com">
<link rel="help" href="https://www.w3.org/TR/css-text-3/#text-transform-property">
<link rel="match" href="reference/text-transform-fullwidth-010-ref.html">
<meta name="assert" content="text-transform:full-width transforms all narrow characters that have a full-width mapping in Unicode to their wide equivalents.">
<style>
div {
  text-transform: full-width;
  white-space: pre;
}
</style>

<div id="test">&#x0020;&#x0021;&#x0022;&#x0023;&#x0024;&#x0025;&#x0026;&#x0027;&#x0028;&#x0029;
&#x002A;&#x002B;&#x002C;&#x002D;&#x002E;&#x002F;&#x0030;&#x0031;&#x0032;&#x0033;
&#x0034;&#x0035;&#x0036;&#x0037;&#x0038;&#x0039;&#x003A;&#x003B;&#x003C;&#x003D;
&#x003E;&#x003F;&#x0040;&#x0041;&#x0042;&#x0043;&#x0044;&#x0045;&#x0046;&#x0047;
&#x0048;&#x0049;&#x004A;&#x004B;&#x004C;&#x004D;&#x004E;&#x004F;&#x0050;&#x0051;
&#x0052;&#x0053;&#x0054;&#x0055;&#x0056;&#x0057;&#x0058;&#x0059;&#x005A;&#x005B;
&#x005C;&#x005D;&#x005E;&#x005F;&#x0060;&#x0061;&#x0062;&#x0063;&#x0064;&#x0065;
&#x0066;&#x0067;&#x0068;&#x0069;&#x006A;&#x006B;&#x006C;&#x006D;&#x006E;&#x006F;
&#x0070;&#x0071;&#x0072;&#x0073;&#x0074;&#x0075;&#x0076;&#x0077;&#x0078;&#x0079;
&#x007A;&#x007B;&#x007C;&#x007D;&#x007E;&#x2985;&#x2986;&#xFF61;&#xFF62;&#xFF63;
&#xFF64;&#xFF65;&#xFF66;&#xFF67;&#xFF68;&#xFF69;&#xFF6A;&#xFF6B;&#xFF6C;&#xFF6D;
&#xFF6E;&#xFF6F;&#xFF70;&#xFF71;&#xFF72;&#xFF73;&#xFF74;&#xFF75;&#xFF76;&#xFF77;
&#xFF78;&#xFF79;&#xFF7A;&#xFF7B;&#xFF7C;&#xFF7D;&#xFF7E;&#xFF7F;&#xFF80;&#xFF81;
&#xFF82;&#xFF83;&#xFF84;&#xFF85;&#xFF86;&#xFF87;&#xFF88;&#xFF89;&#xFF8A;&#xFF8B;
&#xFF8C;&#xFF8D;&#xFF8E;&#xFF8F;&#xFF90;&#xFF91;&#xFF92;&#xFF93;&#xFF94;&#xFF95;
&#xFF96;&#xFF97;&#xFF98;&#xFF99;&#xFF9A;&#xFF9B;&#xFF9C;&#xFF9D;&#xFF9E;&#xFF9F;
&#xFFA0;&#xFFA1;&#xFFA2;&#xFFA3;&#xFFA4;&#xFFA5;&#xFFA6;&#xFFA7;&#xFFA8;&#xFFA9;
&#xFFAA;&#xFFAB;&#xFFAC;&#xFFAD;&#xFFAE;&#xFFAF;&#xFFB0;&#xFFB1;&#xFFB2;&#xFFB3;
&#xFFB4;&#xFFB5;&#xFFB6;&#xFFB7;&#xFFB8;&#xFFB9;&#xFFBA;&#xFFBB;&#xFFBC;&#xFFBD;
&#xFFBE;&#xFFC2;&#xFFC3;&#xFFC4;&#xFFC5;&#xFFC6;&#xFFC7;&#xFFCA;&#xFFCB;&#xFFCC;
&#xFFCD;&#xFFCE;&#xFFCF;&#xFFD2;&#xFFD3;&#xFFD4;&#xFFD5;&#xFFD6;&#xFFD7;&#xFFDA;
&#xFFDB;&#xFFDC;&#x00A2;&#x00A3;&#x00AC;&#x00AF;&#x00A6;&#x00A5;&#x20A9;&#xFFE8;
&#xFFE9;&#xFFEA;&#xFFEB;&#xFFEC;&#xFFED;&#xFFEE;</div>

/css/css-text/text-transform/reference/text-transform-fullwidth-010-ref.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text level 3 Test: text-transform:full-width character mapping - reference</title>
<link rel="author" title="Felipe Erias" href="mailto:felipeerias@igalia.com">
<style>
div {
  white-space: pre;
}
</style>

<div id="reference">&#x3000;&#xFF01;&#xFF02;&#xFF03;&#xFF04;&#xFF05;&#xFF06;&#xFF07;&#xFF08;&#xFF09;
&#xFF0A;&#xFF0B;&#xFF0C;&#xFF0D;&#xFF0E;&#xFF0F;&#xFF10;&#xFF11;&#xFF12;&#xFF13;
&#xFF14;&#xFF15;&#xFF16;&#xFF17;&#xFF18;&#xFF19;&#xFF1A;&#xFF1B;&#xFF1C;&#xFF1D;
&#xFF1E;&#xFF1F;&#xFF20;&#xFF21;&#xFF22;&#xFF23;&#xFF24;&#xFF25;&#xFF26;&#xFF27;
&#xFF28;&#xFF29;&#xFF2A;&#xFF2B;&#xFF2C;&#xFF2D;&#xFF2E;&#xFF2F;&#xFF30;&#xFF31;
&#xFF32;&#xFF33;&#xFF34;&#xFF35;&#xFF36;&#xFF37;&#xFF38;&#xFF39;&#xFF3A;&#xFF3B;
&#xFF3C;&#xFF3D;&#xFF3E;&#xFF3F;&#xFF40;&#xFF41;&#xFF42;&#xFF43;&#xFF44;&#xFF45;
&#xFF46;&#xFF47;&#xFF48;&#xFF49;&#xFF4A;&#xFF4B;&#xFF4C;&#xFF4D;&#xFF4E;&#xFF4F;
&#xFF50;&#xFF51;&#xFF52;&#xFF53;&#xFF54;&#xFF55;&#xFF56;&#xFF57;&#xFF58;&#xFF59;
&#xFF5A;&#xFF5B;&#xFF5C;&#xFF5D;&#xFF5E;&#xFF5F;&#xFF60;&#x3002;&#x300C;&#x300D;
&#x3001;&#x30FB;&#x30F2;&#x30A1;&#x30A3;&#x30A5;&#x30A7;&#x30A9;&#x30E3;&#x30E5;
&#x30E7;&#x30C3;&#x30FC;&#x30A2;&#x30A4;&#x30A6;&#x30A8;&#x30AA;&#x30AB;&#x30AD;
&#x30AF;&#x30B1;&#x30B3;&#x30B5;&#x30B7;&#x30B9;&#x30BB;&#x30BD;&#x30BF;&#x30C1;
&#x30C4;&#x30C6;&#x30C8;&#x30CA;&#x30CB;&#x30CC;&#x30CD;&#x30CE;&#x30CF;&#x30D2;
&#x30D5;&#x30D8;&#x30DB;&#x30DE;&#x30DF;&#x30E0;&#x30E1;&#x30E2;&#x30E4;&#x30E6;
&#x30E8;&#x30E9;&#x30EA;&#x30EB;&#x30EC;&#x30ED;&#x30EF;&#x30F3;&#x3099;&#x309A;
&#x3164;&#x3131;&#x3132;&#x3133;&#x3134;&#x3135;&#x3136;&#x3137;&#x3138;&#x3139;
&#x313A;&#x313B;&#x313C;&#x313D;&#x313E;&#x313F;&#x3140;&#x3141;&#x3142;&#x3143;
&#x3144;&#x3145;&#x3146;&#x3147;&#x3148;&#x3149;&#x314A;&#x314B;&#x314C;&#x314D;
&#x314E;&#x314F;&#x3150;&#x3151;&#x3152;&#x3153;&#x3154;&#x3155;&#x3156;&#x3157;
&#x3158;&#x3159;&#x315A;&#x315B;&#x315C;&#x315D;&#x315E;&#x315F;&#x3160;&#x3161;
&#x3162;&#x3163;&#xFFE0;&#xFFE1;&#xFFE2;&#xFFE3;&#xFFE4;&#xFFE5;&#xFFE6;&#x2502;
&#x2190;&#x2191;&#x2192;&#x2193;&#x25A0;&#x25CB;</div>