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