third_party/WebKit/LayoutTests/fast/text/regional-indicator-symobls.html

   1 <style>
   2     span { border: solid; }
   3     span#reference { text-rendering: optimizelegibility; }
   4 </style>
   5 <p>
   6     Test that regional indicator symobol letters can combine into national flags.
   7 </p>
   8 <p>
   9     The two boxes below should look the same.
  10 </p>
  11 <p id="result">
  12     FAIL: Test did not finish.
  13 </p>
  14 <p style="font-size: 48px;">
  15     <span id="test">&#x1f1ec;&#x1f1e7; &#x1f1fa;&#x1f1f8;</span>
  16     <span id="reference">&#x1f1ec;&#x1f1e7; &#x1f1fa;&#x1f1f8;</span>
  17 </p>
  18 <script>
  19     if (window.testRunner)
  20         testRunner.dumpAsText();
  21
  22     var test = document.getElementById("test");
  23     var reference = document.getElementById("reference");
  24     document.getElementById("result").innerText = test.offsetWidth === reference.offsetWidth ? "PASS" : "FAIL";
  25 </script>