third_party/WebKit/LayoutTests/fast/repaint/crbug-371640.html

   1 <!DOCTYPE html>
   2 <script src="resources/text-based-repaint.js"></script>
   3 <script>
   4   function repaintTest()
   5   {
   6     document.getElementById('node').remove();
   7   }
   8   onload = runRepaintTest;
   9 </script>
  10 <style>
  11   #wrapper {
  12     visibility: hidden;
  13     position: absolute;
  14     width: 600px;
  15   }
  16   .outer { float: left; }
  17   .inner {
  18     float: left ;
  19     height: 100px;
  20     position: relative;
  21     width: 260px;
  22   }
  23   .abs_pos { position: absolute; }
  24   #container { float: right; }
  25   .item {
  26     visibility: visible;
  27     background-color: green;
  28     width: 100px;
  29     height: 100px;
  30   }
  31   #node .item { background-color: red; }
  32 </style>
  33
  34 <p>This is a reduction for http://crbug.com/371640.</p>
  35 <p>The test PASSES if you see 1 green square and no red square.</p>
  36
  37 <div id='wrapper'>
  38  <div id='container'>
  39   <div id='keep_outer' class="outer">
  40    <div id='keep_inner' class="inner">
  41     <div class="abs_pos">
  42      <div id='keep' class="item">&nbsp;</div>
  43     </div>
  44    </div>
  45   </div>
  46
  47   <div id='node' class="outer">
  48    <div id='to_remove_inner' class="inner">
  49     <div id='to_remove' class="item">&nbsp;</div>
  50    </div>
  51   </div>
  52  </div>
  53 </div>