| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <meta charset=utf-8> | |
| 3 <title>Animation.oncancel</title> | |
| 4 <link rel="help" href="https://w3c.github.io/web-animations/#dom-animation-oncan
cel"> | |
| 5 <script src="../../../../resources/testharness.js"></script> | |
| 6 <script src="../../../../resources/testharnessreport.js"></script> | |
| 7 <script src="../testcommon.js"></script> | |
| 8 <link rel="stylesheet" href="../../../../resources/testharness.css"> | |
| 9 <body> | |
| 10 <div id="log"></div> | |
| 11 <script> | |
| 12 "use strict"; | |
| 13 | |
| 14 async_test(function(t) { | |
| 15 var div = createDiv(t); | |
| 16 var animation = div.animate({}, 100 * MS_PER_SEC); | |
| 17 var finishedTimelineTime; | |
| 18 animation.finished.then().catch(function() { | |
| 19 finishedTimelineTime = animation.timeline.currentTime; | |
| 20 }); | |
| 21 | |
| 22 animation.oncancel = t.step_func_done(function(event) { | |
| 23 assert_equals(event.currentTime, null, | |
| 24 'event.currentTime should be null'); | |
| 25 assert_equals(event.timelineTime, finishedTimelineTime, | |
| 26 'event.timelineTime should equal to the animation timeline ' + | |
| 27 'when finished promise is rejected'); | |
| 28 }); | |
| 29 | |
| 30 animation.cancel(); | |
| 31 }, 'oncancel event is fired when animation.cancel() is called.'); | |
| 32 | |
| 33 </script> | |
| 34 </body> | |
| OLD | NEW |