OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <script type="text/javascript" src="../resources/runner.js"></script> |
| 5 </head> |
| 6 <body> |
| 7 <div id="root"></div> |
| 8 <script> |
| 9 function createTreeOfTrees(root, depth, branch, eachTreeHeight) |
| 10 { |
| 11 var node = root; |
| 12 var i; |
| 13 for (i = 0; i < eachTreeHeight; ++i) { |
| 14 var child = document.createElement('div'); |
| 15 node.appendChild(child); |
| 16 node = child; |
| 17 } |
| 18 if (depth == 1) |
| 19 return; |
| 20 for (i = 0; i < branch; ++i) { |
| 21 var child = document.createElement('div'); |
| 22 node.appendChild(child); |
| 23 var shadowRoot = child.webkitCreateShadowRoot(); |
| 24 createTreeOfTrees(shadowRoot, depth - 1, branch, eachTreeHeight); |
| 25 } |
| 26 } |
| 27 |
| 28 function leftMostLeaf(root) |
| 29 { |
| 30 var node = root; |
| 31 while (node.firstChild) |
| 32 node = node.firstChild |
| 33 if (!node.shadowRoot) |
| 34 return node; |
| 35 return leftMostLeaf(node.shadowRoot) |
| 36 } |
| 37 |
| 38 function rightMostLeaf(root) |
| 39 { |
| 40 var node = root; |
| 41 while (node.lastChild) |
| 42 node = node.lastChild |
| 43 if (!node.shadowRoot) |
| 44 return node; |
| 45 return rightMostLeaf(node.shadowRoot) |
| 46 } |
| 47 |
| 48 var root = document.getElementById('root'); |
| 49 createTreeOfTrees(root, 10, 2, 50); |
| 50 var leaf1 = leftMostLeaf(root); |
| 51 var leaf2 = rightMostLeaf(root); |
| 52 |
| 53 function run() |
| 54 { |
| 55 leaf1.dispatchEvent(new MouseEvent('mousemove', { |
| 56 relatedTarget: leaf2 |
| 57 })); |
| 58 } |
| 59 |
| 60 PerfTestRunner.measureRunsPerSecond({ |
| 61 description: "Measure mousemove events dispatching in shadow trees", |
| 62 run: run |
| 63 }); |
| 64 </script> |
| 65 </body> |
| 66 </html> |
OLD | NEW |