1<!DOCTYPE html> 2<html> 3<head> 4 <script type="text/javascript" src="../resources/runner.js"></script> 5</head> 6<body> 7 8<div id="wrapper"> 9 <div id="host"></div> 10</div> 11 12<script> 13var numDivsInHost = 10; 14var nLoops = 3000; 15 16function setup() 17{ 18 var nDivs = numDivsInHost; 19 20 for (var i = 0; i < nDivs; ++i) { 21 var div = document.createElement('div'); 22 div.appendChild(document.createTextNode('div' + i)); 23 host.appendChild(div); 24 } 25 26 var content = document.createElement('content'); 27 var shadowRoot = host.webkitCreateShadowRoot(); 28 shadowRoot.appendChild(content); 29} 30 31function run() 32{ 33 var host = document.getElementById('host'); 34 var nLoops = window.nLoops; 35 36 var div = document.createElement('div'); 37 for (var i = 0; i < nLoops; ++i) { 38 host.appendChild(div); 39 host.removeChild(div); 40 host.offsetLeft; 41 } 42} 43 44function done() 45{ 46 wrapper.innerHTML = ''; 47} 48 49 50setup(); 51 52PerfTestRunner.measureTime({ 53 description: "Measure Distribution and Layout time (with a few host children)", 54 run: run, 55 done: done 56}); 57</script> 58</body> 59</html> 60