imperative-api.html | Explore in Territory

<!doctype html>
<script src="../resources/runner.js"></script>
<div id="host">
  <div id="child1"></div>
</div>
<script>
  const host = document.querySelector("#host");
  const child1 = document.querySelector("#child1");
  const shadow_root = host.attachShadow({ mode: "open", slotAssignment: "manual" });
  window.onload = function() {
    PerfTestRunner.measureTime({
      description: "Measure performance of slot assignment in manual-slotting mode in shadow root.",
      run: function() {
        const start = PerfTestRunner.now();
        for (let i = 0; i < 100; i++) {
          const slot1 = document.createElement("slot");
          shadow_root.appendChild(slot1);
          slot1.assign(child1);
          child1.assignedSlot;
          slot1.assignedElements();
          slot1.remove();
          child1.assignedSlot;
        }

        return PerfTestRunner.now() - start;
      }
    });
  }
</script>

chromium/third_party/blink/perf_tests/shadow_dom/imperative-api.html