third_party/WebKit/LayoutTests/fast/table/simple_paint.html

   1 <html>
   2 <head>
   3 <title>Simple Table Painting</title>
   4     <style>
   5       table.testtable { border: 1px solid black; border-collapse:collapse; background-color: green; }
   6       table.testtable td { border: 1px solid black;  font-size: 20px; background-color: green; width:60px; height:60px; direction:rtl;}
   7       body { margin: 0px; }
   8     </style>
   9     <script>
  10         if (window.testRunner) {
  11             window.testRunner.waitUntilDone();
  12         }
  13         function repaintTest() {
  14             var testCell = document.getElementById("testcell");
  15             var offset = document.body.offsetTop;
  16             testCell.style.backgroundColor = "green";
  17             if (window.testRunner) {
  18                 window.testRunner.notifyDone();
  19             }
  20         }
  21     </script>
  22     <script type="text/javascript" src="../../resources/run-after-layout-and-paint.js"></script>
  23 </head>
  24     <body onload="runAfterLayoutAndPaint(repaintTest);">
  25     <table class="testtable">
  26       <tr>
  27         <td></td>
  28         <td></td>
  29         <td></td>
  30         <td></td>
  31         <td></td>
  32       </tr>
  33       <tr>
  34         <td></td>
  35         <td></td>
  36         <td></td>
  37         <td></td>
  38         <td></td>
  39       </tr>
  40       <tr>
  41         <td></td>
  42         <td></td>
  43         <td style="background-color: red;" id="testcell"></td>
  44         <td></td>
  45         <td></td>
  46       </tr>
  47       <tr>
  48         <td></td>
  49         <td></td>
  50         <td></td>
  51         <td></td>
  52         <td></td>
  53       </tr>
  54       <tr>
  55         <td></td>
  56         <td></td>
  57         <td></td>
  58         <td></td>
  59         <td></td>
  60       </tr>
  61     </table>
  62     <script>
  63
  64     </script>
  65   </body>
  66 </html>