73 lines
1.6 KiB
HTML
73 lines
1.6 KiB
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>
|