blob: 6a56a6329211a9a774c2668813a78ae6e4c2ba2e [file] [log] [blame]
<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 div2 = document.getElementById("bug2");
div2.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 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.
</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">
<tr>
<td>
&nbsp;&nbsp;&nbsp;&nbsp;
</td>
<td>
&nbsp;&nbsp;&nbsp;&nbsp;
</td>
<td>
&nbsp;&nbsp;&nbsp;&nbsp;
</td>
<td rowspan="4" style="background-color: red;">
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
</td>
</tr>
<tr>
<td colspan="4" style="background-color: blue;" align="right">
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
</td>
</tr>
<tr>
<td>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</td>
<td>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</td>
<td>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</td>
</tr>
<tr>
<td colspan="4" align="right" style="background-color: green;">
<div id="bug2">
FAIL&nbsp;
</div>
</td>
</tr>
</table>
</body>
</html>