third_party/WebKit/LayoutTests/paint/invalidation/spv2/table-extra-bottom-grow.html

   1 <!-- Based on fast/repaint/table-extra-bottom-grow.html -->
   2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   3         "http://www.w3.org/TR/html4/strict.dtd">
   4 <html lang="en">
   5 <head>
   6 <script src="resources/paint-invalidation-test.js"></script>
   7 <script>
   8     window.expectedPaintInvalidationObjects = [
   9     ];
  10     function paintInvalidationTest()
  11     {
  12         document.getElementById("t").style.height='100px';
  13     }
  14 </script>
  15 </head>
  16 <body onload="runPaintInvalidationTest();">
  17 <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>
  18
  19 <p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
  20 There should be only a green square below, and no red.
  21 </p>
  22
  23 <p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
  24 The lower-right quarter of the square will be red.
  25 </p>
  26
  27 <table style="background: green;" cellspacing="0" cellpadding="0">
  28     <tr>
  29         <td style="height: 100px; width: 50px;" rowspan="2">
  30         </td>
  31         <td style="width: 50px; vertical-align: top; background: green; height: 50px;" id="t">
  32         </td>
  33     </tr>
  34     <tr>
  35         <td style="background: red;"></td>
  36     </tr>
  37 </table>
  38
  39 </body>
  40 </html>
  41