OLD | NEW |
| (Empty) |
1 <sky> | |
2 <import src="../resources/runner.sky" as="PerfRunner" /> | |
3 <style> | |
4 div { | |
5 height: 10px; | |
6 } | |
7 span { | |
8 display: inline; | |
9 } | |
10 </style> | |
11 <div id='content'></div> | |
12 <script> | |
13 var content = document.getElementById('content'); | |
14 | |
15 var out = []; | |
16 for (var i = 0; i < 1000; i++) { | |
17 var div = document.createElement('div'); | |
18 div.appendChild(document.createElement('span')).appendChild(document.createTex
tNode('foo')); | |
19 div.appendChild(document.createTextNode(' ')); | |
20 div.appendChild(document.createElement('span')).appendChild(document.createTex
tNode('bar')); | |
21 content.appendChild(div); | |
22 } | |
23 | |
24 var b = document.querySelector('sky'); | |
25 | |
26 var runner = new PerfRunner({ | |
27 setup: function() { | |
28 b.style.width = '210px'; | |
29 getComputedStyle(b).color; | |
30 b.offsetHeight; | |
31 | |
32 b.style.width = '200px'; | |
33 getComputedStyle(b).color; | |
34 }, | |
35 iterations: 10, | |
36 unit: 'ms', | |
37 }); | |
38 | |
39 runner.runAsync(function(done) { | |
40 b.offsetHeight; | |
41 done(); | |
42 }); | |
43 </script> | |
44 </sky> | |
OLD | NEW |