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