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

   1 <html>
   2 <head>
   3 <title>Table Repaint Test</title>
   4 </head>
   5 <script type="text/javascript">
   6 <!--
   7     function Setup() {
   8         setTimeout('RepaintBug()', 10);
   9         if (window.testRunner)
  10             testRunner.waitUntilDone();
  11     }
  12     function RepaintBug() {
  13         var div2 = document.getElementById("bug2");
  14         div2.style.color = 'green';
  15         if (window.testRunner)
  16             testRunner.notifyDone();
  17     }
  18 //-->
  19 </script>
  20 <body onLoad="Setup()">
  21     <p>
  22         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 4 and spans four rows. The <span style="color: blue; font-weight: bold;">blue</span> cell starts at row 2, and column 1, and spans four columns. The <span style="color: green; font-weight: bold;">green</span> cell spans 4 columns of row 4.
  23     </p>
  24     <p>
  25         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.
  26     </p>
  27     <table border="1">
  28         <tr>
  29             <td>
  30                 &nbsp;&nbsp;&nbsp;&nbsp;
  31             </td>
  32             <td>
  33                 &nbsp;&nbsp;&nbsp;&nbsp;
  34             </td>
  35             <td>
  36                 &nbsp;&nbsp;&nbsp;&nbsp;
  37             </td>
  38             <td rowspan="4" style="background-color: red;">
  39                 <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
  40             </td>
  41         </tr>
  42         <tr>
  43             <td colspan="4" style="background-color: blue;" align="right">
  44                 <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
  45             </td>
  46         </tr>
  47         <tr>
  48             <td>
  49                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  50             </td>
  51             <td>
  52                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  53             </td>
  54             <td>
  55                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  56             </td>
  57         </tr>
  58         <tr>
  59             <td colspan="4" align="right" style="background-color: green;">
  60                 <div id="bug2">
  61                     FAIL&nbsp;
  62                 </div>
  63             </td>
  64         </tr>
  65     </table>
  66 </body>
  67 </html>