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

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