PerformanceTests/ShadowDOM/MultipleInsertionPoints.html - WebKit - Git at Google

 <!DOCTYPE html>
 <html>
 <head>
     <script type="text/javascript" src="../resources/runner.js"></script>
 </head>
 <body>

 <div id="wrapper">
     <div id="host"></div>
 </div>

 <script>
 var numDivsInHost = 256;
 var nLoops = 100;
 var classNames = ['A', 'B', 'C', 'D', 'E'];

 function setup()
 {
     var nDivs = numDivsInHost;

     for (var i = 0; i < nDivs; ++i) {
         var div = document.createElement('div');
         div.appendChild(document.createTextNode('div' + i));

         var names = new Array();
         for (var j = 0; j < classNames.length; ++j) {
             if (i & (1 << j))
                 names.push(classNames[j]);
         }
         div.className = names.join(' ');

         host.appendChild(div);
     }

     var shadowRoot = host.webkitCreateShadowRoot();
     for (var i = 0; i < classNames.length; ++i) {
         var content = document.createElement('content');
         content.setAttribute('select', '.' + classNames[i]);
         shadowRoot.appendChild(content);
     }
     shadowRoot.appendChild(document.createElement('content'));
 }

 function run()
 {
     var host = document.getElementById('host');
     var nLoops = window.nLoops;

     var div = document.createElement('div');
     for (var i = 0; i < nLoops; ++i) {
         host.appendChild(div);
         host.removeChild(div);
         host.offsetLeft;
     }
 }

 function done()
 {
     wrapper.innerHTML = '';
 }


 setup();

 PerfTestRunner.measureTime({
     description: "Measure Distribution and Layout time in a case there are multiple InsertionPoints",
     run: run,
     done: done
 });
 </script>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<script type="text/javascript" src="../resources/runner.js"></script>
	</head>
	<body>

	<div id="wrapper">
	<div id="host"></div>
	</div>

	<script>
	var numDivsInHost = 256;
	var nLoops = 100;
	var classNames = ['A', 'B', 'C', 'D', 'E'];

	function setup()
	{
	var nDivs = numDivsInHost;

	for (var i = 0; i < nDivs; ++i) {
	var div = document.createElement('div');
	div.appendChild(document.createTextNode('div' + i));

	var names = new Array();
	for (var j = 0; j < classNames.length; ++j) {
	if (i & (1 << j))
	names.push(classNames[j]);
	}
	div.className = names.join(' ');

	host.appendChild(div);
	}

	var shadowRoot = host.webkitCreateShadowRoot();
	for (var i = 0; i < classNames.length; ++i) {
	var content = document.createElement('content');
	content.setAttribute('select', '.' + classNames[i]);
	shadowRoot.appendChild(content);
	}
	shadowRoot.appendChild(document.createElement('content'));
	}

	function run()
	{
	var host = document.getElementById('host');
	var nLoops = window.nLoops;

	var div = document.createElement('div');
	for (var i = 0; i < nLoops; ++i) {
	host.appendChild(div);
	host.removeChild(div);
	host.offsetLeft;
	}
	}

	function done()
	{
	wrapper.innerHTML = '';
	}


	setup();

	PerfTestRunner.measureTime({
	description: "Measure Distribution and Layout time in a case there are multiple InsertionPoints",
	run: run,
	done: done
	});
	</script>
	</body>
	</html>