<!DOCTYPE html>
<html>
<head>
<style>
td {
    height: 50px;
    border: 5px solid grey;
}
</style>
<script src="../resources/text-based-repaint.js" type="text/javascript"></script>
<script>
function repaintTest()
{
    var td = document.getElementById("resizeMe");
    td.style.height = "0px";
}

window.addEventListener("load", runRepaintAndPixelTest, false);
</script>
</head>
<body>
<p>This test checks that changing the size of the middle row triggers an invalidation for the following rows.</p>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
    <td>1</td>
</tr>
<tr>
    <td id="resizeMe" style="height: 200px"></td>
</tr>
<tr>
    <td>2</td>
</tr>
<tr>
    <td>3</td>
</tr>
<tr>
    <td>4</td>
</tr>
<tr>
    <td>5</td>
</tr>
<tr>
    <td>6</td>
</tr>
<tr>
    <td>7</td>
</tr>
<tr>
    <td>8</td>
</tr>
<tr>
    <td>9</td>
</tr>
<tr>
    <td>10</td>
</tr>
<tr>
    <td>11</td>
</tr>
<tr>
    <td>12</td>
</tr>
<tr>
    <td>13</td>
</tr>
</table>

</body>
</html>