third_party/WebKit/LayoutTests/fast/repaint/crbug-371640-4.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 {
  17     display: inline;
  18     position: relative;
  19     float: right;
  20     width: 100px;
  21     height: 100px;
  22     margin-right: 100px;
  23   }
  24   .inner {
  25     float: left;
  26     height: 100px;
  27     position: relative;
  28     width: 100px;
  29   }
  30   .abs_pos { position: absolute; }
  31   #container { float: right; width: 500px}
  32   .item {
  33     visibility: visible;
  34     background-color: green;
  35     width: 100px;
  36     height: 100px;
  37   }
  38   #node .item { background-color: red; }
  39 </style>
  40
  41 <p>This is a reduction for http://crbug.com/371640.</p>
  42 <p>The test PASSES if you see 1 green square and no red square.</p>
  43
  44 <div id='wrapper'>
  45  <div id='container'>
  46   <div id='node' class="outer">
  47    <div id='to_remove_inner' class="inner">
  48     <div id='to_remove' class="item">&nbsp;</div>
  49    </div>
  50   </div>
  51   <div id='keep_outer' class="outer">
  52    <div class='abs_pos'>
  53     <div id='keep_inner' class="inner">
  54      <div id='keep' class="item">&nbsp;</div>
  55     </div>
  56    </div>
  57   </div>
  58  </div>
  59 </div>