third_party/WebKit/LayoutTests/paint/invalidation/spv2/fixed-table-overflow.html

   1 <!-- Based on fast/repaint/fixed-table-overflow.html -->
   2 <html>
   3 <head>
   4     <link rel="stylesheet" href="../../../fast/repaint/resources/default.css">
   5     <style>
   6         table { top: 0px; left: 0px; border-spacing: 0px; position: absolute; }
   7         td { background: green; padding: 0px; border-style: none; border: 0px; }
   8         td.fixed { position: fixed; left: 100px; top: 0px; }
   9     </style>
  10     <script src="resources/paint-invalidation-test.js"></script>
  11     <script>
  12         window.onload = function() {
  13             window.scrollTo(0, 100);
  14             runPaintInvalidationTest();
  15         };
  16
  17         window.expectedPaintInvalidationObjects = [
  18             "LayoutBlockFlow (relative positioned) DIV class='green'",
  19             "LayoutTableCell TD id='moveMe' class='fixed'",
  20             "LayoutTable (positioned) TABLE",
  21             "LayoutTableCell TD",
  22             "LayoutTableCell TD",
  23             "LayoutTableCell TD class='red'",
  24             "LayoutTableCell (anonymous)",
  25             "LayoutTableSection TBODY",
  26             "LayoutTableCell (anonymous)",
  27             "LayoutBlockFlow (positioned) TD id='moveMe' class='fixed'",
  28             "LayoutBlockFlow (relative positioned) DIV class='green'",
  29         ];
  30         function paintInvalidationTest()
  31         {
  32             document.getElementById('moveMe').className = "fixed";
  33         }
  34     </script>
  35 </head>
  36 <body style="height:2000px;">
  37     <!-- Repaint test for https://bugs.webkit.org/show_bug.cgi?id=64650: Layer fixed position logic needs more basic testing -->
  38     <!-- You should see no red on this page. -->
  39     <table>
  40         <tr><td></td><td></td></tr>
  41         <tr><td class="red"></td><td id="moveMe"><div style="position: relative; left: -100px; top: 0px;" class="green"></div></td></tr>
  42 </body>
  43 </html>