third_party/WebKit/LayoutTests/fast/repaint/remove-inline-layer-after-layout.html

   1 <!DOCTYPE html>
   2 <script src="resources/text-based-repaint.js"></script>
   3 <script>
   4 function repaintTest() {
   5   var target = document.getElementById('target');
   6   target.style.margin = '100px';
   7   target.parentNode.offsetHeight;
   8   target.parentNode.removeChild(target);
   9 }
  10 onload = runRepaintTest;
  11 </script>
  12 <div style="height: 100px">
  13 Tests invalidation after layouting and then removing a layered span. The span should disappear without any residue.
  14 </div>
  15 <div style="display: inline-block; width: 100px; height: 100px; background-color: green"></div>
  16 <span id="target" style="opacity: 0.8">
  17   This span should disappear.
  18 </span>
  19 <div style="display: inline-block; width: 100px; height: 100px; background-color: green"></div>