third_party/WebKit/LayoutTests/tables/layering/paint-test-layering-1.html

   1 <html>
   2 <head>
   3 <title>Table Repaint Test</title>
   4
   5 </head>
   6 <script type="text/javascript">
   7 <!--
   8     function Setup() {
   9         setTimeout('RepaintBug()', 10);
  10         if (window.testRunner)
  11             testRunner.waitUntilDone();
  12     }
  13     function RepaintBug() {
  14         var div1 = document.getElementById("bug2");
  15         div1.style.color = 'green';
  16         if (window.testRunner)
  17             testRunner.notifyDone();
  18     }
  19 //-->
  20 </script>
  21   <body onLoad="Setup()">
  22     <p>
  23         This test checks the renderer's ability to layer multiple cells in a table on top of one another. This test has three cells that span multiple table grid slots. The <span style="color: red; font-weight: bold;">red</span> cell starts at row 1 and column 3 and spans three rows. The <span style="color: blue; font-weight: bold;">blue</span> cell starts at row 2, and column 2, and spans two columns and two rows. The <span style="color: green; font-weight: bold;">green</span> cell spans 4 columns of row 3.
  24     </p>
  25     <p>
  26         If the test succeeds then you should see no text inside the table. If you see the text 'FAIL' inside the table, then the test has failed.
  27     </p>
  28   <table border="1">
  29     <tbody>
  30     <tr>
  31       <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
  32       <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
  33       <td rowspan="3" valign="bottom" style="background-color:red;"><div id="bug1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></td>
  34     </tr>
  35     <tr>
  36       <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
  37       <td rowspan="2" colspan="2" align="right" valign="bottom" style="background-color:blue;"><div id="bug2">&nbsp;&nbsp;&nbsp;FAIL&nbsp;&nbsp;</div></td>
  38     </tr>
  39     <tr>
  40       <td colspan="3" align="right" style="background-color:green;"><div id="bug3">&nbsp;&nbsp;</div></td>
  41     </tr>
  42     </tbody>
  43   </table>
  44   </body>
  45 </html>