culled-inline-bounding-rects.html | Explore in Territory

<!DOCTYPE html>
<title>Bounding box of culled inline</title>
<script src="../resources/runner.js"></script>
<body>
<div id="container" style="width: 800px"></div>
<script>
let span_count = 0;

function createTree(container, children, depth) {
  container.appendChild(document.createTextNode('text '));
  for (let i = 0; i < children; ++i) {
    const span = document.createElement('span');
    if (depth)
      createTree(span, children, depth - 1);
    container.appendChild(span);
    ++span_count;
  }
}

function setup() {
  // Adjust the number of children of each span, and the depth of the tree to
  // ensure we're linear to both of them. crbug.com/1111154
  createTree(container, 5, 5);
}

function test() {
  for (let element of document.getElementsByTagName('span'))
    element.getBoundingClientRect();
}

function run() {
  PerfTestRunner.measureTime({
    description: `Measures performance of bounding box of ${span_count} culled inline.`,
    run: test
  });
}

setup();
run();
</script>
</body>

chromium/third_party/blink/perf_tests/layout/culled-inline-bounding-rects.html