third_party/WebKit/LayoutTests/fast/table/resize-table-repaint-percent-size-cell.html

   1 <!DOCTYPE html>
   2 <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
   3 <script>
   4 function repaintTest() {
   5     document.getElementById('table').style.height = '80%';
   6 }
   7 onload = runRepaintTest;
   8 </script>
   9 <style>
  10 body {
  11     margin: 0;
  12 }
  13 table {
  14     position: absolute;
  15     height: 100px;
  16 }
  17 tr {
  18     height: 50%;
  19     background-color: green;
  20 }
  21 td {
  22     width: 100px;
  23 }
  24 </style>
  25 <div style="height: 50px">
  26 Tests repaint of percent-sized table cells when table changes size.
  27 The result repaint rects should cover the percent-sized table cells.
  28 </div>
  29 <table id="table">
  30     <tr>
  31         <td>ROW1</td>
  32     </tr>
  33     <tr>
  34         <td>ROW2</td>
  35     </tr>
  36 </table>