third_party/WebKit/LayoutTests/fast/repaint/focus-enable-continuations.html

   1 <!DOCTYPE html>
   2 <script src="resources/text-based-repaint.js"></script>
   3 <script>
   4 function repaintTest()
   5 {
   6   document.querySelector('#outer').focus();
   7 }
   8 onload = runRepaintTest;
   9 </script>
  10 <style>
  11 body { height: 200px; }
  12 #container { position: absolute; }
  13 p, #inner { height: 20px; }
  14 </style>
  15 <p>
  16   This test is verifying that when the focus is added to an element we
  17   correctly invalidate continuations and display the focus ring.
  18 </p>
  19 <p>
  20   If this test passes, you should see a focus ring.
  21 </p>
  22 <div id="container">
  23   <span id="outer" tabindex="1">
  24       <div id="inner">CONTENTS</div>
  25   </span>
  26 </div>