<!-- Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ -->
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>Performance tool marker generation</title>
</head>
<body>
<script type="text/javascript">
"use strict";
function test() {
let i = 10;
// generate sync styles and reflows
while (--i) {
/* eslint-disable no-unused-vars */
let h = document.body.clientHeight;
/* eslint-enable no-unused-vars */
document.body.style.height = (200 + i) + "px";
// paint
document.body.style.borderTop = i + "px solid red";
}
console.time("!!!");
test2();
}
function test2() {
console.timeStamp("go");
console.timeEnd("!!!");
}
// Prevent this script from being garbage collected.
window.setInterval(test, 1);
</script>
</body>
</html>