OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
| 4 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> |
4 <script type="text/javascript"> | 5 <script type="text/javascript"> |
5 if (window.testRunner) | |
6 testRunner.dumpAsText(); | |
7 | |
8 if (window.internals) | 6 if (window.internals) |
9 internals.settings.setAcceleratedCompositingForFixedPositionEnabled(
true); | 7 internals.settings.setAcceleratedCompositingForFixedPositionEnabled(
true); |
10 | 8 |
11 function test() | 9 function repaintTest() |
12 { | 10 { |
13 document.body.offsetHeight; | |
14 if (window.internals) | |
15 window.internals.startTrackingRepaints(document); | |
16 | |
17 window.scrollTo(0, 1000); | 11 window.scrollTo(0, 1000); |
18 window.scrollTo(0, 100); | 12 window.scrollTo(0, 100); |
19 | |
20 if (window.internals) | |
21 document.getElementById('repaintRects').textContent = window.int
ernals.repaintRectsAsText(document); | |
22 } | 13 } |
23 </script> | 14 </script> |
24 </head> | 15 </head> |
25 <body style="height:2000px" onload="test()"> | 16 <body style="height:2000px" onload="runRepaintTest()"> |
26 <div style="position: fixed; top: -300px; left: 100px; width: 88px; height:
88px; background-color: silver"></div> | 17 <div style="position: fixed; top: -300px; left: 100px; width: 88px; height:
88px; background-color: silver"></div> |
27 <div style="position: fixed; top: 1000px; left: 100px; width: 99px; height:
99px; background-color: silver"></div> | 18 <div style="position: fixed; top: 1000px; left: 100px; width: 99px; height:
99px; background-color: silver"></div> |
28 There should be no repaints here: | 19 There should be no repaints here: |
29 <pre id="repaintRects"></pre> | |
30 </body> | 20 </body> |
31 </html> | 21 </html> |
OLD | NEW |