blob: fc2bb508da3551ee126c87eb71a217103a070ea1 [file] [log] [blame]
<!DOCTYPE html>
<script src="../resources/runner.js"></script>
<!-- This is a micro benchmark to catch an unintentional regression.
If the reason of a regression is clear, it is okay.
We do not have to optimize the result of the benchmark. -->
<div id="wrapper">
<div id="host"></div>
</div>
<script>
'use strict';
const numChildOfHost = 20;
const numDivsInShadow = 20;
const loops = 100;
const slot1 = document.createElement('slot');
slot1.setAttribute('name', 'slot1');
const slot2 = document.createElement('slot');
slot2.setAttribute('name', 'slot2');
const shadowRoot = host.attachShadow({mode: 'open'});
shadowRoot.appendChild(slot1);
shadowRoot.appendChild(slot2);
for (let i = 0; i < numDivsInShadow; ++i) {
let div = document.createElement('div');
shadowRoot.appendChild(div);
}
for (let i = 0; i < numChildOfHost; ++i) {
let div1 = document.createElement('div');
div1.setAttribute('slot', 'slot1');
host.appendChild(div1);
let div2 = document.createElement('div');
div2.setAttribute('slot', 'slot2');
host.appendChild(div2);
}
function run() {
for (let i = 0; i < loops; ++i) {
const slot3 = document.createElement('slot');
slot1.setAttribute('name', 'slot3');
const slot4 = document.createElement('slot');
slot1.setAttribute('name', 'slot1');
slot3.remove();
slot4.remove();
}
}
PerfTestRunner.measureTime({
description: "Measure v1 distribution performance",
run: run,
done: () => {
wrapper.innerHTML = '';
}
});
</script>