third_party/WebKit/LayoutTests/fast/repaint/bugzilla-6278.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/text-based-repaint.js" type="text/javascript"></script>
   6     <script type="text/javascript">
   7        function repaintTest()
   8        {
   9            document.getElementById('target').style.width='50px';
  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=6278">Bugzilla bug 6278</a> REGRESSION: Incomplete repaint when table cell width changes during layout</p>
  15
  16 <p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
  17 The purple and green rects will resize, and there will remain separated by a blue horizontal line.
  18 </p>
  19
  20 <p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
  21 The purple and green rects will resize, but the blue separator will disappear.
  22 </p>
  23 <table style="width: 300px;">
  24 <tr>
  25     <td id="col1" style="background: blue; padding:0;">
  26         <div style="background: #eeeeff;">
  27             Curabitur pretium, quam quis semper malesuada, est libero feugiat libero, vel fringilla orci nibh sed neque. Quisque eu nulla non nisi molestie accumsan. Etiam tellus urna, laoreet ac, laoreet non, suscipit sed, sapien. Phasellus vehicula, sem at posuere vehicula, augue nibh molestie nisl, nec ullamcorper lacus ante vulputate pede.
  28         </div>
  29         <div style="background: #eeffee; margin-top: 5px; height: 50px;">
  30         </div>
  31     </td>
  32     <td id="target"></td>
  33 </tr>
  34 </table>
  35
  36 </body>
  37 </html>