| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="../resources/testharness.js"></script> | 2 <script src="../resources/testharness.js"></script> |
| 3 <script src="../resources/testharnessreport.js"></script> | 3 <script src="../resources/testharnessreport.js"></script> |
| 4 | 4 |
| 5 <body> | 5 <body> |
| 6 <div id='e'></div> | 6 <div id='e'></div> |
| 7 </body> | 7 </body> |
| 8 | 8 |
| 9 <script> | 9 <script> |
| 10 var element = document.getElementById('e'); | 10 var element = document.getElementById('e'); |
| 11 | 11 |
| 12 var animationWithTimingObject = new Animation(element, | 12 test(function() { |
| 13 [{opacity: '1', offset: 0}, | 13 var animationWithTimingObject = new Animation(element, |
| 14 {opacity: '0', offset: 1}], | 14 [{opacity: '1', offset: 0}, |
| 15 {duration: 2, iterations: 5}); | 15 {opacity: '0', offset: 1}], |
| 16 {duration: 2, iterations: 5}); |
| 16 | 17 |
| 17 var animationWithDuration = new Animation(element, | |
| 18 [{opacity: '1', offset: 0}, | |
| 19 {opacity: '0', offset: 1}], | |
| 20 2); | |
| 21 | |
| 22 var animationNoTiming = new Animation(element, | |
| 23 [{opacity: '1', offset: 0}, | |
| 24 {opacity: '0', offset: 1}]); | |
| 25 | |
| 26 test(function() { | |
| 27 assert_false(animationWithTimingObject == undefined); | 18 assert_false(animationWithTimingObject == undefined); |
| 28 assert_equals(animationWithTimingObject.constructor, Animation); | 19 assert_equals(animationWithTimingObject.constructor, Animation); |
| 29 }, 'Calling new Animation() with a timing object input should create an animatio
n.'); | 20 }, 'Calling new Animation() with a timing object input should create an animatio
n.'); |
| 30 | 21 |
| 31 test(function() { | 22 test(function() { |
| 23 var animationWithDuration = new Animation(element, |
| 24 [{opacity: '1', offset: 0}, |
| 25 {opacity: '0', offset: 1}], |
| 26 2); |
| 27 |
| 32 assert_false(animationWithDuration == undefined); | 28 assert_false(animationWithDuration == undefined); |
| 33 assert_equals(animationWithDuration.constructor, Animation); | 29 assert_equals(animationWithDuration.constructor, Animation); |
| 34 }, 'Calling new Animation() with a duration input should create an animation.'); | 30 }, 'Calling new Animation() with a duration input should create an animation.'); |
| 35 | 31 |
| 36 test(function() { | 32 test(function() { |
| 33 var animationNoTiming = new Animation(element, |
| 34 [{opacity: '1', offset: 0}, |
| 35 {opacity: '0', offset: 1}]); |
| 36 |
| 37 assert_false(animationNoTiming == undefined); | 37 assert_false(animationNoTiming == undefined); |
| 38 assert_equals(animationNoTiming.constructor, Animation); | 38 assert_equals(animationNoTiming.constructor, Animation); |
| 39 }, 'Calling new Animation() with no timing input should create an animation.'); | 39 }, 'Calling new Animation() with no timing input should create an animation.'); |
| 40 </script> | 40 |
| 41 test(function() { |
| 42 var partialKeyframes1 = [ |
| 43 {opacity: '1', color: 'red', offset: 0}, |
| 44 {opacity: '0', offset: 1}]; |
| 45 var partialKeyframes2 = [ |
| 46 {opacity: '1', color: 'red', offset: 0}, |
| 47 {opacity: '0', color: 'foo', offset: 1}]; |
| 48 |
| 49 assert_throws('NOT_SUPPORTED_ERR', function() { new Animation(element, parti
alKeyframes1); }); |
| 50 assert_throws('NOT_SUPPORTED_ERR', function() { new Animation(element, parti
alKeyframes2); }); |
| 51 }, 'Calling new Animation() with a partial keyframe should throw a NotSupportedE
rror.'); |
| 52 </script> |
| OLD | NEW |