third_party/WebKit/LayoutTests/fast/css/parsing-css-surrogate-pairs.html

   1 <html>
   2 <head>
   3 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
   4 <style>
   5 /*
   6   === Warning ===
   7
   8   This file intentionally contains scpecial characters which
   9   cannot be displayed by some text editors. Please
  10   carefully edit the file.
  11 */
  12
  13 /* basic */
  14 #a61_a { color: red; }
  15 #b61_\61 { color: green; }
  16
  17 #a65530_￺ { color: red; }
  18 #b65530_\fffa { color: green; }
  19
  20 #a65532_ { color: red; }
  21 #b65532_\fffc { color: green; }
  22
  23 #a65533_� { color: red; }
  24 #b65533_\fffd { color: green; }
  25
  26 /* above the 0xffff */
  27 #a65536_𐀀 { color: red; }
  28 #b65536_\10000 { color: green; }
  29
  30 #a119558_𝌆 { color: red; }
  31 #b119558_\01d306 { color: green; }
  32 </style>
  33
  34 <script>
  35
  36 function runTest()
  37 {
  38     if (window.testRunner)
  39         testRunner.dumpAsText();
  40
  41     var rules = document.styleSheets[0].cssRules;
  42     var text = "";
  43     for (var i = 0; i < rules.length; i++) {
  44         text += rules.item(i).cssText;
  45         text += "\n";
  46     }
  47
  48     document.getElementById("result").appendChild(document.createTextNode(text));
  49
  50     if (document.getElementById("result").firstChild.data === document.getElementById("expected").firstChild.data)
  51         document.getElementById("message").firstChild.data = "SUCCESS";
  52     else
  53         document.getElementById("message").firstChild.data = "FAILURE";
  54 }
  55
  56 </script>
  57
  58 </head>
  59
  60 <body onload="runTest()">
  61
  62 <p>Test parsing of CSS surrogate pairs.</p>
  63
  64 <p id="message">TEST DID NOT COMPLETE</p>
  65
  66 <p>Rules from the stylesheet:</p>
  67
  68 <pre id="result"></pre>
  69
  70 <p>Expected result:</p>
  71
  72 <pre id="expected">#a61_a { color: red; }
  73 #b61_a { color: green; }
  74 #a65530_￺ { color: red; }
  75 #b65530_￺ { color: green; }
  76 #a65532_ { color: red; }
  77 #b65532_ { color: green; }
  78 #a65533_� { color: red; }
  79 #b65533_� { color: green; }
  80 #a65536_𐀀 { color: red; }
  81 #b65536_𐀀 { color: green; }
  82 #a119558_𝌆 { color: red; }
  83 #b119558_𝌆 { color: green; }
  84 <script>
  85
  86 </script>
  87 </body>
  88 </html>
  89