third_party/WebKit/LayoutTests/transforms/transform-focus-ring-repaint.html

   1 <!DOCTYPE html>
   2 <script src="../fast/repaint/resources/text-based-repaint.js"></script>
   3 <script>
   4 function repaintTest() {
   5   document.getElementById('target').style.outline = 'red auto thin';
   6 }
   7 onload = runRepaintTest;
   8 </script>
   9 <div style="height: 50px">
  10 Result repaint rects should cover the whole focus ring.
  11 </div>
  12 <div id="target" style="position: absolute; backface-visibility: hidden; width: 200px; height: 200px; background-color: yellow">
  13     <div style="transform: rotate(90deg); position: absolute; top: 100px; left: 100px; background-color: blue; width: 300px; height: 300px">
  14         <div style="position: absolute; top: 100px; left: 40px; background-color: green; width: 400px; height: 100px"></div>
  15     </div>
  16 </div>