third_party/WebKit/LayoutTests/paint/invalidation/spv2/intermediate-layout-position.html

   1 <!-- Based on fast/repaint/intermediate-layout-position.html -->
   2 <html>
   3 <head>
   4     <title>Test for http://bugs.webkit.org/show_bug.cgi?id=10522</title>
   5     <style type="text/css">
   6         .float { float: right; height: 40px; width: 40px; }
   7         .test { height: 100px; background-color: aliceblue }
   8     </style>
   9     <script src="resources/paint-invalidation-test.js" type="text/javascript"></script>
  10     <script type="text/javascript">
  11         window.expectedPaintInvalidationObjects = [
  12             "LayoutBlockFlow DIV",
  13             "LayoutBlockFlow DIV id='target'",
  14             "LayoutTable TABLE",
  15             "LayoutTableCell TD id='cell'",
  16         ];
  17         function paintInvalidationTest()
  18         {
  19             document.getElementById('target').style.height='20px';
  20             document.getElementById('cell').style.height='20px';
  21         }
  22     </script>
  23 </head>
  24 <body onload="runPaintInvalidationTest()">
  25     <div class="test">
  26         <div class="float"></div>
  27         <div style="clear: right; background-color: purple; width: 40px; padding: 3px;">
  28             <div style="height: 40px; width: 0;" id="target">
  29             </div>
  30         </div>
  31     </div>
  32
  33     <div class="test">
  34         <div class="float"></div>
  35         <table style="clear: both; background-color: purple;">
  36             <tr>
  37                 <td id="cell" style="height: 40px; width: 40px;">
  38                 </td>
  39             </tr>
  40         </table>
  41     </div>
  42 </body>
  43 </html>