| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="../resources/runner.js"></script> | 2 <script src="../resources/runner.js"></script> |
| 3 <div id="target"></div> | 3 <div id="target"></div> |
| 4 <script type='text/javascript'> | 4 <script type='text/javascript'> |
| 5 const kElements = 20000; | 5 const kElements = 20000; |
| 6 | 6 |
| 7 const selection = getSelection(); | 7 const selection = getSelection(); |
| 8 let range; | 8 let range; |
| 9 | 9 |
| 10 PerfTestRunner.measureTime({ | 10 PerfTestRunner.measureTime({ |
| 11 description: `Measures performance of add a Range in a DOM tree of ${kElements
} elements`, | 11 description: `Measures performance of add a Range in a DOM tree of ${kElements
} elements`, |
| 12 setup: () => { | 12 setup: () => { |
| 13 const fragments = [] | 13 const fragments = [] |
| 14 for (let i = 0; i < kElements; ++i) | 14 for (let i = 0; i < kElements; ++i) |
| 15 fragments.push(`<span>foo bar baz ${i} </span>`); | 15 fragments.push(`<span>foo bar baz ${i} </span>`); |
| 16 target.innerHTML = fragments.join(''); | 16 target.innerHTML = fragments.join(''); |
| 17 | 17 |
| 18 range = document.createRange(); | 18 range = document.createRange(); |
| 19 range.setStart(target, 0); | 19 range.setStart(target, 0); |
| 20 }, | 20 }, |
| 21 run: () => { | 21 run: () => { |
| 22 selection.removeAllRanges(); | 22 selection.removeAllRanges(); |
| 23 selection.addRange(range); | 23 selection.addRange(range); |
| 24 }, | 24 }, |
| 25 done: () => { | 25 done: () => { |
| 26 target.innerHTML = ''; | 26 target.innerHTML = ''; |
| 27 } | 27 } |
| 28 }); | 28 }); |
| 29 </script> | 29 </script> |
| OLD | NEW |