OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 #container { | 3 #container { |
4 overflow: auto; | 4 overflow: auto; |
5 width: 600px; | 5 width: 600px; |
6 height: 500px; | 6 height: 500px; |
7 } | 7 } |
8 </style> | 8 </style> |
9 <div id="container"> | 9 <div id="container"> |
10 <div id="template"> | 10 <div id="template"> |
11 <h1><span>Sample</"span> Title<span><span> <a href=#>link1</a></span><span>
<a href=#>link2</a></span></span></h1> | 11 <h1><span>Sample</"span> Title<span><span> <a href=#>link1</a></span><span>
<a href=#>link2</a></span></span></h1> |
12 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p> | 12 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p> |
13 <div><span>Note</span> | 13 <div><span>Note</span> |
14 <p>Lorem ipsum dolor sit amet, <span>consectetur adipiscing elit</span>, s
ed do eiusmod tempor <a href=#>incididunt ut labore</a> et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco <span><span>laboris n
isi ut aliquip</span> ex ea commodo consequat</span>. Duis aute irure dolor in r
eprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Exc
epteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.<p> | 14 <p>Lorem ipsum dolor sit amet, <span>consectetur adipiscing elit</span>, s
ed do eiusmod tempor <a href=#>incididunt ut labore</a> et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco <span><span>laboris n
isi ut aliquip</span> ex ea commodo consequat</span>. Duis aute irure dolor in r
eprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Exc
epteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.<p> |
15 </div> | 15 </div> |
16 </div> | 16 </div> |
17 </div> | 17 </div> |
18 <script src="../resources/runner.js"></script> | 18 <script src="../resources/runner.js"></script> |
| 19 <script src="resources/paint.js"></script> |
19 <script> | 20 <script> |
20 var cloned = template.cloneNode(true); | 21 var cloned = template.cloneNode(true); |
21 for (var i = 0; i < 10000; ++i) | 22 for (var i = 0; i < 10000; ++i) |
22 container.appendChild(cloned.cloneNode(true)); | 23 container.appendChild(cloned.cloneNode(true)); |
23 | 24 |
24 PerfTestRunner.measureFrameTime({ | 25 measurePaint({ |
25 run: function() { | 26 run: function() { |
26 container.scrollTop += 20; | 27 container.scrollTop += 20; |
27 }, | 28 }, |
28 }); | 29 }); |
29 </script> | 30 </script> |
OLD | NEW |