46 lines
1.8 KiB
HTML
46 lines
1.8 KiB
HTML
<html>
|
|
<head>
|
|
<title>Table Repaint Test</title>
|
|
|
|
</head>
|
|
<script type="text/javascript">
|
|
<!--
|
|
function Setup() {
|
|
setTimeout('RepaintBug()', 10);
|
|
if (window.testRunner)
|
|
testRunner.waitUntilDone();
|
|
}
|
|
function RepaintBug() {
|
|
var div1 = document.getElementById("bug2");
|
|
div1.style.color = 'green';
|
|
if (window.testRunner)
|
|
testRunner.notifyDone();
|
|
}
|
|
//-->
|
|
</script>
|
|
<body onLoad="Setup()">
|
|
<p>
|
|
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.
|
|
</p>
|
|
<p>
|
|
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.
|
|
</p>
|
|
<table border="1">
|
|
<tbody>
|
|
<tr>
|
|
<td> </td>
|
|
<td> </td>
|
|
<td rowspan="3" valign="bottom" style="background-color:red;"><div id="bug1"> </div></td>
|
|
</tr>
|
|
<tr>
|
|
<td> </td>
|
|
<td rowspan="2" colspan="2" align="right" valign="bottom" style="background-color:blue;"><div id="bug2"> FAIL </div></td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="3" align="right" style="background-color:green;"><div id="bug3"> </div></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</body>
|
|
</html>
|