| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <script src="../resources/runner.js"></script> | 2 <script src="../resources/runner.js"></script> |
| 3 <script> | 3 <script> |
| 4 var listSize = 1000; | 4 var listSize = 1000; |
| 5 window.onload = function() { | 5 window.onload = function() { |
| 6 PerfTestRunner.measureTime({ | 6 PerfTestRunner.measureTime({ |
| 7 description: "Measures performance of creating and rendering elements with
shadow roots from templates (contains class selector styles and a media query).
", |
| 7 run: function() { | 8 run: function() { |
| 8 var list = document.querySelector('#list'); | 9 var list = document.querySelector('#list'); |
| 9 var tmpl = document.querySelector("#tmpl"); | 10 var tmpl = document.querySelector("#tmpl"); |
| 10 list.innerHTML = ''; | 11 list.innerHTML = ''; |
| 11 var start = PerfTestRunner.now(); | 12 var start = PerfTestRunner.now(); |
| 12 var i = 0; | 13 var i = 0; |
| 13 do { | 14 do { |
| 14 var host = document.createElement('div'); | 15 var host = document.createElement('div'); |
| 15 var root = host.createShadowRoot(); | 16 var root = host.createShadowRoot(); |
| 16 root.appendChild(tmpl.content.cloneNode(true)); | 17 root.appendChild(tmpl.content.cloneNode(true)); |
| (...skipping 13 matching lines...) Expand all Loading... |
| 30 div { color: red; } | 31 div { color: red; } |
| 31 } | 32 } |
| 32 .foo { color: black; } | 33 .foo { color: black; } |
| 33 .bar { color: blue; } | 34 .bar { color: blue; } |
| 34 .baz { color: green; } | 35 .baz { color: green; } |
| 35 .bat { color: orange; } | 36 .bat { color: orange; } |
| 36 </style> | 37 </style> |
| 37 <div>item</div> | 38 <div>item</div> |
| 38 </template> | 39 </template> |
| 39 <section id="list"></section> | 40 <section id="list"></section> |
| OLD | NEW |