| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <meta charset=utf-8> | 2 <meta charset=utf-8> |
| 3 <title>easing tests</title> | 3 <title>easing tests</title> |
| 4 <link rel="help" href="https://w3c.github.io/web-animations/#dom-animationeffect
timing-easing"> | 4 <link rel="help" href="https://w3c.github.io/web-animations/#dom-animationeffect
timing-easing"> |
| 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 src="../../testcommon.js"></script> | 7 <script src="../../testcommon.js"></script> |
| 8 <script src="../../resources/easing-tests.js"></script> | 8 <script src="../../resources/easing-tests.js"></script> |
| 9 <body> | 9 <body> |
| 10 <div id="log"></div> | 10 <div id="log"></div> |
| 11 <script> | 11 <script> |
| 12 'use strict'; | 12 'use strict'; |
| 13 | 13 |
| 14 test(function(t) { |
| 15 var anim = createDiv(t).animate(null); |
| 16 assert_equals(anim.effect.timing.easing, 'linear'); |
| 17 }, 'Test default value'); |
| 18 |
| 14 function assert_progress(animation, currentTime, easingFunction) { | 19 function assert_progress(animation, currentTime, easingFunction) { |
| 15 animation.currentTime = currentTime; | 20 animation.currentTime = currentTime; |
| 16 var portion = currentTime / animation.effect.timing.duration; | 21 var portion = currentTime / animation.effect.timing.duration; |
| 17 assert_approx_equals(animation.effect.getComputedTiming().progress, | 22 assert_approx_equals(animation.effect.getComputedTiming().progress, |
| 18 easingFunction(portion), | 23 easingFunction(portion), |
| 19 0.01, | 24 0.01, |
| 20 'The progress of the animation should be approximately '
+ | 25 'The progress of the animation should be approximately '
+ |
| 21 easingFunction(portion) + ' at ' + currentTime + 'ms'); | 26 easingFunction(portion) + ' at ' + currentTime + 'ms'); |
| 22 } | 27 } |
| 23 | 28 |
| (...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 74 'easing replace to steps(2, start) at active phase'); | 79 'easing replace to steps(2, start) at active phase'); |
| 75 | 80 |
| 76 anim.currentTime = delay + 1500 * MS_PER_SEC; | 81 anim.currentTime = delay + 1500 * MS_PER_SEC; |
| 77 anim.effect.timing.easing = 'steps(2, end)'; | 82 anim.effect.timing.easing = 'steps(2, end)'; |
| 78 assert_equals(anim.effect.getComputedTiming().progress, 1, | 83 assert_equals(anim.effect.getComputedTiming().progress, 1, |
| 79 'easing replace to steps(2, end) again at after phase'); | 84 'easing replace to steps(2, end) again at after phase'); |
| 80 }, 'Change the easing while the animation is running'); | 85 }, 'Change the easing while the animation is running'); |
| 81 | 86 |
| 82 </script> | 87 </script> |
| 83 </body> | 88 </body> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2711183003:
Import wpt@a7e9c2abcf65b78fcf1c246fec6681c74e1bc352 (Closed)
