crbug-371640-2.html | Explore in Territory

<!DOCTYPE html>
<script src="resources/text-based-repaint.js"></script>
<script>
  function repaintTest()
  {
    document.getElementById('node').remove();
  }
  onload = runRepaintAndPixelTest;
</script>

<style>
#wrapper {
  visibility: hidden;
  position: absolute;
  width: 600px;
}
.outer { float: left; }
.inner {
  float: left;
  height: 100px;
  position: relative;
  width: 260px;
}
.abs_pos { position: absolute; }
#container { float: right; }
.item {
  visibility: visible;
  background-color: green;
  width: 100px;
  height: 100px;
}
#node .item { background-color: red; }
</style>

<p>This is a reduction for http://crbug.com/371640.</p>
<p>The test PASSES if you see 1 green square and no red square.</p>

<div id='wrapper'>
 <div id='container'>
  <div id='keep_outer' class='outer'>
   <div>
    <div id='keep_inner' class='inner'>
     <div class='abs_pos'>
      <div id='keep' class='item'> </div>
     </div>
    </div>
   </div>
  </div>

  <div id='node' class='outer'>
   <div id='to_remove_inner' class='inner'>
    <div id='to_remove' class='item'> </div>
   </div>
  </div>
 </div>
</div>
chromium/third_party/blink/web_tests/paint/invalidation/crbug-371640-2.html
