<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="../resources/runner.js"></script>
  <script type="text/javascript" src="./v1-common.js"></script>
</head>
<body>
<div id="parent"></div>

<script>
const hostChildren = 10;
const loop = 10;

let host;

PerfTestRunner.measureTime({
  description: `Measure layout (${hostChildren} deep host children)`,
  setup: () => {
    host = createHostTreeWithDeepComponentChild(hostChildren);
    document.querySelector('#parent').appendChild(host);
    document.body.offsetLeft;
  },
  run: () => {
    runHostChildrenMutationThenLayout(host, loop);
  },
  teardown: () => {
    host.remove();
  }
});
</script>
</body>
</html>