third_party/WebKit/PerformanceTests/ShadowDOM/SmallDistributionWithLayout.html

   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>
  13 var numDivsInHost = 10;
  14 var nLoops = 3000;
  15
  16 function 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.createShadowRoot();
  28     shadowRoot.appendChild(content);
  29 }
  30
  31 function 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         PerfTestRunner.forceLayoutOrFullFrame();
  41     }
  42 }
  43
  44 function done()
  45 {
  46     wrapper.innerHTML = '';
  47 }
  48
  49
  50 setup();
  51
  52 PerfTestRunner.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>