src/third_party/WebKit/LayoutTests/fast/repaint/repaint-table-row-in-composited-document.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="resources/text-based-repaint.js" type="text/javascript"></script>
   5 <style>
   6 td {
   7   width: 200px;
   8   height: 100px;
   9 }
  10 body {
  11   margin: 50px;
  12 }
  13 </style>
  14 <script type="text/javascript">
  15 function repaintTest()
  16 {
  17   // The sizes on this test are deliberate to ensure that we don't trigger
  18   // any repaints within the tile the green td starts in, otherwise the
  19   // compositor's repaint algorithm hides the issue visually. The issue will
  20   // still show up in the text results.
  21   var target = document.getElementById('target');
  22   target.style.height = '250px';
  23 }
  24 </script>
  25 </head>
  26 <body onload="runRepaintTest();">
  27 <table>
  28   <tr>
  29     <td id="target">
  30     </td>
  31   </tr>
  32   <tr>
  33     <td>
  34     </td>
  35     <td style="border: 1px solid black; background-color: green;">
  36     </td>
  37   </tr>
  38 </table>
  39 </body>