<!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> |