| (async function(testRunner) { |
| var {page, session, dp} = await testRunner.startHTML(` |
| <style type='text/css'> |
| #node.anim { |
| animation: anim 0 ease-in-out; |
| } |
| |
| @keyframes anim { |
| from { |
| width: 100px; |
| } |
| to { |
| width: 200px; |
| } |
| } |
| </style> |
| <div id='node' style='background-color: red; width: 100px'></div> |
| `, 'Tests how zero-duration animations are reported over protocol.'); |
| |
| dp.Animation.enable(); |
| session.evaluate('node.classList.add("anim")'); |
| await dp.Animation.onceAnimationCreated(); |
| testRunner.log('Animation created'); |
| await dp.Animation.onceAnimationStarted(); |
| testRunner.log('Animation started'); |
| testRunner.completeTest(); |
| }) |