src/third_party/WebKit/LayoutTests/fast/repaint/fixed-table-cell.html

   1 <html>
   2 <head>
   3     <link rel="stylesheet" href="resources/default.css">
   4     <style>
   5         table { top: 0px; left: 0px; border-spacing: 50px; position: absolute; }
   6         td { background: green; padding: 0px; border-style: none; border: 0px; }
   7         td.fixed { position: fixed; left: 50px; top: 100px; }
   8     </style>
   9       <script src="../../resources/run-after-display.js"></script>
  10     <script src="resources/text-based-repaint.js"></script>
  11     <script>
  12         if (window.testRunner) {
  13             testRunner.waitUntilDone();
  14             testRunner.dumpAsTextWithPixelResults();
  15         }
  16
  17         window.onload = function()
  18         {
  19             window.scrollTo(0, 100);
  20
  21             runAfterDisplay(function() {
  22                 runRepaintTest();
  23                 if (window.testRunner)
  24                     testRunner.notifyDone();
  25             })
  26         }
  27
  28         function repaintTest()
  29         {
  30             document.getElementById('moveMe').className = "fixed";
  31         }
  32     </script>
  33 </head>
  34 <body style="height:2000px;">
  35     <!-- Repaint test for https://bugs.webkit.org/show_bug.cgi?id=64650: RenderLayer fixed position logic needs more basic testing -->
  36     <!-- You should see no red on this page. -->
  37     <table>
  38         <tr><td></td><td></td></tr>
  39         <tr><td class="red"></td><td id="moveMe"></td></tr>
  40 </body>
  41 </html>