| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <meta charset=utf-8> |
| 3 <title>AnimationEffectTiming easing tests</title> |
| 4 <link rel="help" href="https://w3c.github.io/web-animations/#the-animationeffect
timing-interface"> |
| 2 <script src="../resources/testharness.js"></script> | 5 <script src="../resources/testharness.js"></script> |
| 3 <script src="../resources/testharnessreport.js"></script> | 6 <script src="../resources/testharnessreport.js"></script> |
| 4 <script> | 7 <script> |
| 5 var animate_with_easing = function(inputEasing) { | 8 var animate_with_easing = function(inputEasing) { |
| 6 return document.documentElement.animate([], { easing : inputEasing }); | 9 return document.documentElement.animate([], { easing : inputEasing }); |
| 7 }; | 10 }; |
| 8 | 11 |
| 9 var assert_animate_with_easing_succeeds = function(inputEasing, expectedEasing)
{ | 12 var assert_animate_with_easing_succeeds = function(inputEasing, expectedEasing)
{ |
| 10 var animation = animate_with_easing(inputEasing); | 13 var animation = animate_with_easing(inputEasing); |
| 11 assert_equals(animation.effect.timing.easing, expectedEasing); | 14 assert_equals(animation.effect.timing.easing, expectedEasing); |
| (...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 46 }, 'Should accept arbitrary casing and escape chararcters'); | 49 }, 'Should accept arbitrary casing and escape chararcters'); |
| 47 | 50 |
| 48 test(function() { | 51 test(function() { |
| 49 assert_animate_with_easing_throws(''); | 52 assert_animate_with_easing_throws(''); |
| 50 assert_animate_with_easing_throws('initial'); | 53 assert_animate_with_easing_throws('initial'); |
| 51 assert_animate_with_easing_throws('inherit'); | 54 assert_animate_with_easing_throws('inherit'); |
| 52 assert_animate_with_easing_throws('unset'); | 55 assert_animate_with_easing_throws('unset'); |
| 53 assert_animate_with_easing_throws('steps(3, nowhere)'); | 56 assert_animate_with_easing_throws('steps(3, nowhere)'); |
| 54 assert_animate_with_easing_throws('steps(-3, end)'); | 57 assert_animate_with_easing_throws('steps(-3, end)'); |
| 55 assert_animate_with_easing_throws('cubic-bezier(0.1, 0, 4, 0.4)'); | 58 assert_animate_with_easing_throws('cubic-bezier(0.1, 0, 4, 0.4)'); |
| 56 }, 'Invalid easing values should throw a TypeError'); | 59 assert_animate_with_easing_throws('function (a){return a}'); |
| 57 | |
| 58 test(function() { | |
| 59 assert_animate_with_easing_succeeds('function (a){return a}', 'linear'); | |
| 60 assert_animate_with_easing_throws('function (x){return x}'); | 60 assert_animate_with_easing_throws('function (x){return x}'); |
| 61 assert_animate_with_easing_throws('function(x, y){return 0.3}'); | 61 assert_animate_with_easing_throws('function(x, y){return 0.3}'); |
| 62 }, 'Function values for easing should throw a TypeError, except for one special
linear case, which is deprecated for now and returns the default'); | 62 assert_animate_with_easing_throws('7'); |
| 63 }, 'Invalid easing values should throw a TypeError'); |
| 63 </script> | 64 </script> |
| OLD | NEW |