third_party/WebKit/LayoutTests/fast/repaint/outline-change-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-color'] ='green';
   7 }
   8 onload = runRepaintTest;
   9 </script>
  10 <style>
  11 body { height: 200px; }
  12 #container { position: absolute; }
  13 p, #inner { height: 20px; }
  14 #outer { outline: 2px solid red; }
  15 </style>
  16 <p>
  17   This test is verifying that when the outline is modified on an element
  18   that we correctly invalidate any continuations.
  19 </p>
  20 <p>
  21   If this test passes, you should see a green border around the text contents.
  22 </p>
  23 <div id="container">
  24   <span id="outer">
  25       <div id="inner">CONTENTS</div>
  26   </span>
  27 </div>