src/third_party/WebKit/LayoutTests/fast/repaint/table-cell-move.html

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