third_party/WebKit/LayoutTests/fast/repaint/relative-positioned-movement-repaint.html

   1 <!DOCTYPE html>
   2 <style>
   3     #block {
   4         display: block;
   5         margin: 10px;
   6         width: 400px;
   7         height: 60px;
   8         border: 1px solid black;
   9         -webkit-backface-visibility: hidden;
  10         position: relative;
  11         left: 10px;
  12     }
  13 </style>
  14 <script src="resources/text-based-repaint.js"></script>
  15 <script>
  16     function repaintTest()
  17     {
  18         document.body.offsetTop;
  19         var div = document.getElementById("block");
  20         div.style.left = '50px';
  21     }
  22     window.onload = runRepaintTest;
  23 </script>
  24 <div id="block">When this layer moves it shouldn't generate a repaint rect.</div>