OLD | NEW |
(Empty) | |
| 1 (async function(testRunner) { |
| 2 let {page, session, dp} = await testRunner.startHTML(` |
| 3 <style type='text/css'> |
| 4 #node.anim { |
| 5 animation: anim 300ms ease-in-out paused; |
| 6 } |
| 7 |
| 8 @keyframes anim { |
| 9 from { |
| 10 width: 100px; |
| 11 } |
| 12 to { |
| 13 width: 200px; |
| 14 } |
| 15 } |
| 16 </style> |
| 17 <div id='node' style='background-color: red; width: 100px'></div> |
| 18 `, ''); |
| 19 |
| 20 |
| 21 dp.Animation.enable(); |
| 22 session.evaluate('node.classList.add("anim");'); |
| 23 await dp.Animation.onceAnimationCreated(); |
| 24 testRunner.log('Animation created'); |
| 25 await dp.Animation.onceAnimationCanceled(); |
| 26 testRunner.log('Animation canceled'); |
| 27 testRunner.completeTest(); |
| 28 }) |
OLD | NEW |