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