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 typeNames = ['A', 'B', 'C']; | 14 var typeNames = ['A', 'B', 'C']; |
15 var array = new Array(numDivsInHost); | 15 var array = new Array(numDivsInHost); |
16 | 16 |
17 function setup() | 17 function setup() |
18 { | 18 { |
19 var nDivs = numDivsInHost; | 19 var nDivs = numDivsInHost; |
20 | 20 |
21 window.shadowRoot = host.createShadowRoot(); | 21 window.shadowRoot = host.webkitCreateShadowRoot(); |
22 shadowRoot.innerHTML = '<h2>Selected</h2><div id="selected"><content select=
".selected"></content></div><h2>NonSelected</h2><div id="nonselected"><content><
/content></div>'; | 22 shadowRoot.innerHTML = '<h2>Selected</h2><div id="selected"><content select=
".selected"></content></div><h2>NonSelected</h2><div id="nonselected"><content><
/content></div>'; |
23 | 23 |
24 for (var i = 0; i < nDivs; ++i) { | 24 for (var i = 0; i < nDivs; ++i) { |
25 var div = document.createElement('div'); | 25 var div = document.createElement('div'); |
26 div.appendChild(document.createTextNode('div' + i)); | 26 div.appendChild(document.createTextNode('div' + i)); |
27 div.className = typeNames[i % typeNames.length]; | 27 div.className = typeNames[i % typeNames.length]; |
28 host.appendChild(div); | 28 host.appendChild(div); |
29 array[i] = div; | 29 array[i] = div; |
30 } | 30 } |
31 } | 31 } |
(...skipping 26 matching lines...) Expand all Loading... |
58 setup(); | 58 setup(); |
59 | 59 |
60 PerfTestRunner.measureTime({ | 60 PerfTestRunner.measureTime({ |
61 description: "Measure distribution and layout performance when select attrib
ute is changed", | 61 description: "Measure distribution and layout performance when select attrib
ute is changed", |
62 run: run, | 62 run: run, |
63 done: done | 63 done: done |
64 }); | 64 }); |
65 </script> | 65 </script> |
66 </body> | 66 </body> |
67 </html> | 67 </html> |
OLD | NEW |