third_party/WebKit/LayoutTests/fast/text/international/repaint-glyph-bounds.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <meta charset="utf-8">
   5         <style>
   6             #test {
   7                 font-family: arial;
   8                 font-size: 300%;
   9             }
  10         </style>
  11     </head>
  12     <body>
  13         <section id="test">
  14             بِِِِِِِِِِِِِِِِِِِِِِِِِِِِِِِا<br><span>test 1</span><br><span>test 2</span>
  15         </section>
  16         <section>
  17             <p>
  18                 Tests that the glyph overflow rect, used for repaint, is
  19                 correctly computed. After selecting and unselecting either
  20                 <code>test</code> line above the harakat from the first line are
  21                 correctly repainted.
  22             </p>
  23         </section>
  24         <script>
  25             if (window.testRunner)
  26                 testRunner.waitUntilDone();
  27
  28             var testElements = document.getElementById('test').
  29                 getElementsByTagName('span');
  30
  31             window.setTimeout(function() {
  32                 var text = testElements[0].firstChild;
  33                 window.getSelection().setBaseAndExtent(text, 0, text, text.length);
  34                 window.setTimeout(function() {
  35                     var text = testElements[1].firstChild;
  36                     window.getSelection().setBaseAndExtent(text, 0, text, text.length);
  37                     window.setTimeout(function() {
  38                         var text = testElements[1].firstChild;
  39                         window.getSelection().setBaseAndExtent(text, 3, text, text.length);
  40                         if (window.testRunner)
  41                             testRunner.notifyDone();
  42                     }, 0);
  43                 }, 0);
  44             }, 0);
  45         </script>
  46     </body>
  47 </html>