blob: cc535878976270c437b3e1c88b5b9be49e424aa5 [file] [log] [blame]
<body>
<script>
document.body.offsetWidth;
internals.startTrackingRepaints();
let initialRects;
setTimeout(() => {
initialRects = internals.repaintRectsAsText();
internals.stopTrackingRepaints();
internals.startTrackingRepaints();
}, 0);
document.body.onload = () => {
let finalRects = internals.repaintRectsAsText();
internals.stopTrackingRepaints();
document.body.innerHTML += `<p>
Before stylesheet load: ${initialRects}<br>
After stylesheet load: ${finalRects}<br>
</p>`;
};
</script>
<div style="width:100px; height:100px; background-color:green"></div>
<link rel="stylesheet" href="resources/delayed-css.php?delay=300">
<div class=delayed style="width:100px; height:100px; background-color:red"></div>