2010-07-23 fsamuel@chromium.org <fsamuel@chromium.org>
[WebKit-https.git] / LayoutTests / tables / layering / paint-test-layering-2.html
1 <html>\r
2 <head>\r
3 <title>Table Repaint Test</title>\r
4 </head>\r
5 <script type="text/javascript">\r
6 <!--\r
7     function Setup() { 
8         setTimeout('RepaintBug()', 10);
9         if (window.layoutTestController)
10             layoutTestController.waitUntilDone();
11     }
12     function RepaintBug() {\r
13         var div2 = document.getElementById("bug2");
14         div2.style.color = 'green';\r
15         if (window.layoutTestController)
16             layoutTestController.notifyDone();
17     }\r
18 //-->\r
19 </script>\r
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">\r
28         <tr>\r
29             <td>\r
30                 &nbsp;&nbsp;&nbsp;&nbsp;\r
31             </td>\r
32             <td> \r
33                 &nbsp;&nbsp;&nbsp;&nbsp;\r
34             </td>\r
35             <td>\r
36                 &nbsp;&nbsp;&nbsp;&nbsp;\r
37             </td>\r
38             <td rowspan="4" style="background-color: red;">\r
39                 <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>\r
40             </td>\r
41         </tr>\r
42         <tr>\r
43             <td colspan="4" style="background-color: blue;" align="right">\r
44                 <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>\r
45             </td>\r
46         </tr>\r
47         <tr>\r
48             <td>\r
49                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
50             </td>\r
51             <td>\r
52                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
53             </td>\r
54             <td>\r
55                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
56             </td>                \r
57         </tr>\r
58         <tr>\r
59             <td colspan="4" align="right" style="background-color: green;">\r
60                 <div id="bug2">
61                     FAIL&nbsp;
62                 </div>\r
63             </td>\r
64         </tr>\r
65     </table>\r
66 </body>\r
67 </html>\r