OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script type="text/javascript" src="../resources/runner.js"></script> | 4 <script type="text/javascript" src="../resources/runner.js"></script> |
5 </head> | 5 </head> |
6 <body> | 6 <body> |
7 | 7 |
8 <div id="wrapper"> | 8 <div id="wrapper"> |
9 <div id="host"></div> | 9 <div id="host"></div> |
10 </div> | 10 </div> |
11 | 11 |
12 <script> | 12 <script> |
13 var numDivsInHost = 100; | 13 var numDivsInHost = 100; |
14 var array = new Array(numDivsInHost); | 14 var array = new Array(numDivsInHost); |
15 | 15 |
16 function setup() | 16 function setup() |
17 { | 17 { |
18 var nDivs = numDivsInHost; | 18 var nDivs = numDivsInHost; |
19 | 19 |
20 window.shadowRoot = host.createShadowRoot(); | 20 window.shadowRoot = host.webkitCreateShadowRoot(); |
21 shadowRoot.innerHTML = '<h2>Selected</h2><div id="selected"><content select=
".selected"></content></div><h2>NonSelected</h2><div id="nonselected"><content><
/content></div>'; | 21 shadowRoot.innerHTML = '<h2>Selected</h2><div id="selected"><content select=
".selected"></content></div><h2>NonSelected</h2><div id="nonselected"><content><
/content></div>'; |
22 | 22 |
23 for (var i = 0; i < nDivs; ++i) { | 23 for (var i = 0; i < nDivs; ++i) { |
24 var div = document.createElement('div'); | 24 var div = document.createElement('div'); |
25 div.appendChild(document.createTextNode('div' + i)); | 25 div.appendChild(document.createTextNode('div' + i)); |
26 host.appendChild(div); | 26 host.appendChild(div); |
27 array[i] = div; | 27 array[i] = div; |
28 } | 28 } |
29 } | 29 } |
30 | 30 |
(...skipping 22 matching lines...) Expand all Loading... |
53 setup(); | 53 setup(); |
54 | 54 |
55 PerfTestRunner.measureTime({ | 55 PerfTestRunner.measureTime({ |
56 description: "Measure distribution and layout performance when className is
changed", | 56 description: "Measure distribution and layout performance when className is
changed", |
57 run: run, | 57 run: run, |
58 done: done | 58 done: done |
59 }); | 59 }); |
60 </script> | 60 </script> |
61 </body> | 61 </body> |
62 </html> | 62 </html> |
OLD | NEW |