third_party/WebKit/LayoutTests/fast/text/shaping/shaping-selection-rect.html

   1 <html>
   2 <head>
   3 <style>
   4     div {
   5         font-family: "times new roman"; /* non AAT font on mac */
   6     }
   7     span {
   8         direction: rtl;
   9         unicode-bidi: bidi-override;
  10     }
  11     #kerning {
  12         -webkit-font-feature-settings: 'kern';
  13     }
  14     #smallcaps {
  15         -webkit-font-feature-settings: 'smcp';
  16     }
  17 </style>
  18 <script>
  19 function test()
  20 {
  21     var start = document.getElementById("kerning").firstChild;
  22     var end = document.getElementById("smallcaps").lastChild;
  23     window.getSelection().setBaseAndExtent(start, 0, end, 3);
  24 }
  25 </script>
  26 </head>
  27 <body onload="test()">
  28 <p>The selection should cover the all of the below text. There should be no blank between either C and F.
  29 <div id="kerning">
  30 ABC<span>DEF</span>GHI
  31 </div>
  32 <div id="smallcaps">
  33 ABC<span>DEF</span>GHI
  34 </div>
  35 </body>
  36 </html>