src/third_party/WebKit/LayoutTests/fast/repaint/stacked-diacritics.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   2         "http://www.w3.org/TR/html4/strict.dtd">
   3 <html lang="en">
   4 <head>
   5 <style type="text/css">
   6     div.test { width: 200px; height: 120px; border: 1px solid blue; padding: 10px; }
   7 </style>
   8     <script src="resources/repaint.js" type="text/javascript"></script>
   9     <script type="text/javascript">
  10        function repaintTest()
  11        {
  12            document.getElementById('stacked').innerText = "";
  13        }
  14     </script>
  15 </head>
  16 <body onload="runRepaintTest();">
  17 <p><b>BUG ID:</b> <a href="https://bugs.webkit.org/show_bug.cgi?id=6274"> Bugzilla bug 6274</a>Text repainting does not account for glyphs which draw outside the typographic bounds of the font.</p>
  18
  19 <p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
  20 The text will entirely disappear.
  21 </p>
  22
  23 <p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
  24 Most of the text will be gone, but some artifacts will be left behind at the top of the page.
  25 </p>
  26
  27 <div class="test">
  28     <div style="font-size: 36px;" id="stacked">&#x1EA6;&#x1EA4;&#x1EAA;&#x1EA8;&#x1EB0;</div>
  29 </div>
  30 <br>
  31
  32 </body>
  33 </html>