third_party/WebKit/LayoutTests/paint/tables/table-section-visual-overflow.html

   1 <!doctype HTML>
   2 <style type="text/css">
   3     #test
   4     {
   5         display: table-row-group;
   6         outline-color: black;
   7         outline-style: solid;
   8         outline-width: 10px;
   9     }
  10     #row
  11     {
  12         display: table-row;
  13     }
  14     #table
  15     {
  16         display: table;
  17         table-layout: fixed;
  18         /* Position the table to overlap a raster tile only for outline */
  19         position: relative;
  20         left: 145px;
  21     }
  22     #cell
  23     {
  24         display: table-cell;
  25         height: 100px;
  26         width: 100px;
  27     }
  28 </style>
  29 <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
  30 <div id="table">
  31     <div id="test">
  32         <div id="row">
  33             <div id="cell"></div>
  34         </div>
  35     </div>
  36 </div>
  37 <script>
  38 window.enablePixelTesting = true;
  39 function repaintTest() {
  40     // Moving to 0px will demonstrate the bug, since the invalidation rectangle will not include
  41     // the outline.
  42     table.style.left = "0px";
  43 }
  44
  45 onload = function() {
  46     runRepaintTest();
  47 }
  48 </script>