OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <script> | |
3 function test() | |
4 { | |
5 if (!window.testRunner || !window.internals) | |
6 return; | |
7 | |
8 testRunner.dumpAsText(); | |
9 document.body.offsetTop; | |
10 internals.startTrackingRepaints(document); | |
11 | |
12 document.getElementById('left').style.top = '400px'; | |
13 document.getElementById('right').style.top = '400px'; | |
14 | |
15 document.body.offsetTop; | |
16 var layerTree = internals.layerTreeAsText(document, internals.LAYER_TREE_INC
LUDES_PAINT_INVALIDATIONS); | |
17 window.internals.stopTrackingRepaints(document); | |
18 document.getElementById('result').textContent = layerTree.indexOf('repaint')
== -1 ? 'SUCCESS' : 'FAIL'; | |
19 } | |
20 | |
21 window.onload = test; | |
22 </script> | |
23 | |
24 <style> | |
25 #left, #right { | |
26 position: absolute; | |
27 top: 200px; | |
28 -webkit-backface-visibility: hidden; | |
29 } | |
30 #left { | |
31 left: 0px; | |
32 } | |
33 #right { | |
34 right: 0px; | |
35 } | |
36 </style> | |
37 | |
38 There should be no repaint when the divs are moved vertically. | |
39 <div id="left">Left</div> | |
40 <div id="right">Right</div> | |
41 <pre id="result"></pre> | |
OLD | NEW |