third_party/WebKit/LayoutTests/fast/repaint/outline-continuations.html

   1 <!DOCTYPE html>
   2 <script src="resources/text-based-repaint.js"></script>
   3 <script>
   4 function repaintTest()
   5 {
   6   document.querySelector('#outer').style.outline = 'green solid 2px';
   7 }
   8 onload = runRepaintAndPixelTest;
   9 </script>
  10 <style>
  11 p, .inner { height: 20px; }
  12 #container { position: absolute; width: 200px; padding: 10px; top: 100px; }
  13 </style>
  14 <p>
  15   This test is verifying that when the outline is added to an element
  16   that we correctly invalidate any continuations.
  17 </p>
  18 <p>
  19   If this test passes, you should see a green border around "CONTENTS".
  20 </p>
  21 <div id="container">
  22     <span id="outer">
  23         CONTENTS
  24         <div class="inner">CONTENTS</div>
  25         CONTENTS
  26         <div class="inner">CONTENTS</div>
  27     </span>
  28     <span>
  29         <div class="inner">Should not have green border</div>
  30     </span>
  31 </div>