third_party/WebKit/LayoutTests/fast/repaint/focus-ring-on-child-move.html

   1 <!DOCTYPE html>
   2 <script src="resources/text-based-repaint.js"></script>
   3 <script>
   4 function repaintTest() {
   5   document.getElementById('child').style.left = '200px';
   6 }
   7 onload = runRepaintTest;
   8 </script>
   9 Tests paint invalidation of focus ring when child moves. Passes if the focus ring is updated to contain the yellow areas.
  10 <div style="outline: auto; position: absolute; top: 100px; left: 100px; width: 300px; height: 20px; background-color: yellow">
  11   <div id="child" style="position: absolute; top: -50px; left: 50px; width: 20px; height: 300px; background-color: yellow"></div>
  12 </div>