third_party/WebKit/LayoutTests/fast/text-autosizing/layout-after-append.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <meta name="viewport" content="width=800">
   5 <script src="resources/autosizingTest.js"></script>
   6 </head>
   7 <body style="overflow-y: hidden;">
   8 <div style="margin-left: 20em;">
   9 <b id="showRepaintBug">
  10 This test passes if no text is overlapping.<br>
  11 Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize
  12 </b><b>Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize
  13 <i id="causeClusterRootToChange2"></i>
  14 </b>
  15 </div>
  16 <div id="causeClusterRootToChange1"><b></b></div>
  17 <script>
  18 if (window.testRunner)
  19   testRunner.waitUntilDone();
  20 window.requestAnimationFrame(function() {
  21   document.getElementById('causeClusterRootToChange1').firstChild.innerHTML += "test1";
  22   window.requestAnimationFrame(function() {
  23     document.getElementById('causeClusterRootToChange2').innerHTML = "test2";
  24     window.requestAnimationFrame(function() {
  25       document.getElementById('showRepaintBug').style.color = "blue";
  26       if (window.testRunner)
  27         testRunner.notifyDone();
  28     });
  29   });
  30 });
  31 </script>
  32 </body>
  33 </html>