third_party/WebKit/LayoutTests/fast/repaint/float-move-during-layout.html

   1 <HTML>
   2     <HEAD>
   3         <TITLE></TITLE>
   4         <script src="resources/text-based-repaint.js" type="text/javascript"></script>
   5         <script type="text/javascript">
   6            function repaintTest()
   7            {
   8                 document.getElementById('t').style.height = '100px';
   9            }
  10         </script>
  11     </HEAD>
  12     <BODY onload="runRepaintTest();">
  13        <p>
  14            This is a repaint test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=7204">http://bugzilla.opendarwin.org/show_bug.cgi?id=7204</a>
  15            float inserted in fixed height block via DOM not repainted</i>.
  16        </p>
  17        <p>
  18            There should be a green square below.
  19        </p>
  20        <hr>
  21         <div id="t"></div>
  22         <div id="s">
  23             <div style="float:left; background: green; width: 100px; height: 100px;"></div>
  24         </div>
  25     </BODY>
  26 </HTML>