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 var keyframes = [{opacity: '1', offset: 0}, {opacity: '0', offset: 1}]; | 11 var keyframes = [{opacity: '1', offset: 0}, {opacity: '0', offset: 1}]; |
12 | 12 |
13 var animation = new Animation(element, keyframes); | 13 var animation = new KeyframeEffect(element, keyframes); |
alancutter (OOO until 2018)
2015/05/05 01:04:51
s/animation/keyframeEffect/
dstockwell
2015/05/05 03:33:24
done
| |
14 var specifiedTiming = animation.timing; | 14 var specifiedTiming = animation.timing; |
15 | 15 |
16 test(function() { | 16 test(function() { |
17 specifiedTiming.delay = 2; | 17 specifiedTiming.delay = 2; |
18 assert_equals(specifiedTiming.delay, 2); | 18 assert_equals(specifiedTiming.delay, 2); |
19 | 19 |
20 specifiedTiming.endDelay = 0.5; | 20 specifiedTiming.endDelay = 0.5; |
21 assert_equals(specifiedTiming.endDelay, 0.5); | 21 assert_equals(specifiedTiming.endDelay, 0.5); |
22 | 22 |
23 specifiedTiming.fill = 'backwards'; | 23 specifiedTiming.fill = 'backwards'; |
(...skipping 19 matching lines...) Loading... | |
43 specifiedTiming.playbackRate = 2; | 43 specifiedTiming.playbackRate = 2; |
44 assert_equals(specifiedTiming.playbackRate, 2); | 44 assert_equals(specifiedTiming.playbackRate, 2); |
45 | 45 |
46 specifiedTiming.direction = 'reverse'; | 46 specifiedTiming.direction = 'reverse'; |
47 assert_equals(specifiedTiming.direction, 'reverse'); | 47 assert_equals(specifiedTiming.direction, 'reverse'); |
48 | 48 |
49 specifiedTiming.easing = "step-start"; | 49 specifiedTiming.easing = "step-start"; |
50 assert_equals(specifiedTiming.easing, 'step-start'); | 50 assert_equals(specifiedTiming.easing, 'step-start'); |
51 }, 'TimedItem.timing should have a setter for each member of the underlying Timi ng object.'); | 51 }, 'TimedItem.timing should have a setter for each member of the underlying Timi ng object.'); |
52 </script> | 52 </script> |
OLD | NEW |