third_party/WebKit/LayoutTests/fast/repaint/table-shrink-row-repaint.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 td {
   6     height: 50px;
   7     border: 5px solid grey;
   8 }
   9 </style>
  10 <script src="resources/text-based-repaint.js" type="text/javascript"></script>
  11 <script>
  12 function repaintTest()
  13 {
  14     var td = document.getElementById("resizeMe");
  15     td.style.height = "0px";
  16 }
  17
  18 window.addEventListener("load", runRepaintTest, false);
  19 </script>
  20 </head>
  21 <body>
  22 <p>This test checks that changing the size of the middle row triggers an invalidation for the following rows.</p>
  23 <table border="0" cellpadding="0" cellspacing="0" width="100%">
  24 <tr>
  25     <td>1</td>
  26 </tr>
  27 <tr>
  28     <td id="resizeMe" style="height: 200px"></td>
  29 </tr>
  30 <tr>
  31     <td>2</td>
  32 </tr>
  33 <tr>
  34     <td>3</td>
  35 </tr>
  36 <tr>
  37     <td>4</td>
  38 </tr>
  39 <tr>
  40     <td>5</td>
  41 </tr>
  42 <tr>
  43     <td>6</td>
  44 </tr>
  45 <tr>
  46     <td>7</td>
  47 </tr>
  48 <tr>
  49     <td>8</td>
  50 </tr>
  51 <tr>
  52     <td>9</td>
  53 </tr>
  54 <tr>
  55     <td>10</td>
  56 </tr>
  57 <tr>
  58     <td>11</td>
  59 </tr>
  60 <tr>
  61     <td>12</td>
  62 </tr>
  63 <tr>
  64     <td>13</td>
  65 </tr>
  66 </table>
  67
  68 </body>
  69 </html>