| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <meta charset=utf-8> | 2 <meta charset=utf-8> |
| 3 <title>Cancel an animation: ready/finished ordering</title | 3 <title>Cancel an animation: ready/finished ordering</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 <script> | 7 <script> |
| 8 async_test(function(t) { | 8 async_test(function(t) { |
| 9 var animation = document.documentElement.animate([], 100000); | 9 var animation = document.documentElement.animate([], 100000); |
| 10 var ready = false; | 10 var ready = false; |
| 11 animation.ready.then(null, function() { | 11 animation.ready.catch(function() { |
| 12 t.step(function() { | 12 t.step(function() { |
| 13 ready = true; | 13 ready = true; |
| 14 }); | 14 }); |
| 15 }); | 15 }); |
| 16 animation.finished.then(null, function() { | 16 animation.finished.catch(function() { |
| 17 t.step(function() { | 17 t.step(function() { |
| 18 assert_true(ready); | 18 assert_true(ready); |
| 19 }); | 19 }); |
| 20 t.done(); | 20 t.done(); |
| 21 }); | 21 }); |
| 22 animation.cancel(); | 22 animation.cancel(); |
| 23 }, 'The ready promise should be rejected before the finished promise'); | 23 }, 'The ready promise should be rejected before the finished promise'); |
| 24 </script> | 24 </script> |
| OLD | NEW |