third_party/WebKit/LayoutTests/fast/repaint/block-layout-inline-children-float-positioned.html

   1 <head>
   2 <title>This is a test for regression against https://bugs.webkit.org/show_bug.cgi?id=40142</title>
   3 <style>
   4 #target {
   5     width: 600px;
   6     height: 100px;
   7     text-align: center;
   8     border: 1px solid #ddd;
   9 }
  10 </style>
  11 </head>
  12
  13 <body style="margin: 0;" onload="runRepaintTest()">
  14     <script>
  15         function repaintTest()
  16         {
  17             document.getElementById("target").innerHTML +=
  18                 '<span style="float: right;">the quick brown fox jumped over the lazy dog</span>';
  19
  20             document.getElementById("target").innerHTML +=
  21                 '<span style="position: absolute;">the quick brown fox jumped over the lazy dog</span>';
  22         }
  23     </script>
  24
  25     <script src="resources/text-based-repaint.js"></script>
  26
  27     <p>This is a test for regression against <a href="https://bugs.webkit.org/show_bug.cgi?id=40142">https://bugs.webkit.org/show_bug.cgi?id=40142</a></p>
  28
  29     <div>
  30         <div id="target"></div>
  31     </div>
  32 </body>