39 lines
751 B
HTML
39 lines
751 B
HTML
<!DOCTYPE html>
|
|
<script>
|
|
if (window.testRunner) {
|
|
testRunner.dumpAsText();
|
|
testRunner.waitUntilDone();
|
|
}
|
|
</script>
|
|
<style>
|
|
.anim {
|
|
animation-duration: 20s;
|
|
animation-name: slidein;
|
|
animation-play-state: paused;
|
|
}
|
|
@keyframes slidein {
|
|
from { margin-left: 50%; width: 300%; }
|
|
to { margin-left: 0%; width: 100%; }
|
|
}
|
|
</style>
|
|
<div class=anim>
|
|
Paused animation
|
|
</div>
|
|
<div id=log></div>
|
|
<script>
|
|
document.body.offsetLeft;
|
|
if (window.testRunner) {
|
|
internals.startTrackingStyleRecalcs();
|
|
setTimeout(() => {
|
|
document.body.offsetLeft;
|
|
log.innerHTML = "style recalc count: " + internals.styleRecalcCount();
|
|
testRunner.notifyDone();
|
|
}, 50);
|
|
}
|
|
</script>
|
|
<style>
|
|
.anim {
|
|
color: green;
|
|
}
|
|
</style>
|