src/third_party/WebKit/LayoutTests/fast/repaint/table-extra-bottom-grow.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   2         "http://www.w3.org/TR/html4/strict.dtd">
   3 <html lang="en">
   4 <head>
   5 <script src="resources/repaint.js"></script>
   6 <script>
   7     function repaintTest()
   8     {
   9         document.getElementById("t").style.height='100px';
  10     }
  11 </script>
  12 </head>
  13 <body onload="runRepaintTest();">
  14 <p><b>BUG ID:</b> <a href="https://bugs.webkit.org/show_bug.cgi?id=6769">Bugzilla bug 6769</a> REGRESSION: Incomplete repaint when a cell's extra bottom margin grows</p>
  15
  16 <p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
  17 There should be only a green square below, and no red.
  18 </p>
  19
  20 <p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
  21 The lower-right quarter of the square will be red.
  22 </p>
  23
  24 <table style="background: green;" cellspacing="0" cellpadding="0">
  25     <tr>
  26         <td style="height: 100px; width: 50px;" rowspan="2">
  27         </td>
  28         <td style="width: 50px; vertical-align: top; background: green; height: 50px;" id="t">
  29         </td>
  30     </tr>
  31     <tr>
  32         <td style="background: red;"></td>
  33     </tr>
  34 </table>
  35
  36 </body>
  37 </html>
  38