| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <meta charset=utf-8> | 2 <meta charset=utf-8> |
| 3 <title>Canceling an animation: finish event</title> | 3 <title>Canceling an animation: finish event</title> |
| 4 <link rel="help" href="https://w3c.github.io/web-animations/#canceling-an-animat
ion-section"> | 4 <link rel="help" href="https://w3c.github.io/web-animations/#canceling-an-animat
ion-section"> |
| 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 <body> | 7 <body> |
| 8 <script> | 8 <script> |
| 9 var anim1 = document.body.animate([], 100000); | 9 async_test(t => { |
| 10 var anim2 = document.body.animate([], 100000); | 10 var anim1 = document.body.animate([], 100000); |
| 11 var anim3 = document.body.animate([], 100000); | 11 var anim2 = document.body.animate([], 100000); |
| 12 | 12 |
| 13 var noFinish = async_test('Animation finish event should not fire when cancelled
'); | 13 var success = false; |
| 14 anim2.finished.catch(function() { |
| 15 success = true; |
| 16 }); |
| 14 | 17 |
| 15 anim1.onfinish = function() { | 18 anim1.finished.then(function() { |
| 16 noFinish.step(function() { | 19 assert_true(success, 'anim2 finished promise should be rejected on cancelati
on'); |
| 17 anim3.finish(); | 20 t.done(); |
| 18 }); | 21 }); |
| 19 }; | |
| 20 | 22 |
| 21 anim2.onfinish = function() { | 23 anim2.cancel(); |
| 22 noFinish.step(function() { | 24 anim1.finish(); |
| 23 assert_true(false); | 25 }, 'Animation finished promise should be rejected when animation canceled'); |
| 24 }); | |
| 25 }; | |
| 26 | |
| 27 anim3.onfinish = function() { | |
| 28 noFinish.done(); | |
| 29 }; | |
| 30 | |
| 31 anim1.finish(); | |
| 32 anim2.cancel(); | |
| 33 </script> | 26 </script> |
| OLD | NEW |