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