2010-07-23 fsamuel@chromium.org <fsamuel@chromium.org>
[WebKit-https.git] / 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">\r
7 <!--\r
8     function Setup() { 
9         setTimeout('RepaintBug()', 10);
10         if (window.layoutTestController)
11             layoutTestController.waitUntilDone();
12     }
13     function RepaintBug() {\r
14         var div1 = document.getElementById("bug2");\r
15         div1.style.color = 'green';\r
16         if (window.layoutTestController)
17             layoutTestController.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>