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