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 specifiedTiming = new KeyframeEffect(element, keyframes).timing; |
14 var specifiedTiming = animation.timing; | |
15 | 14 |
16 test(function() { | 15 test(function() { |
17 specifiedTiming.delay = 2; | 16 specifiedTiming.delay = 2; |
18 assert_equals(specifiedTiming.delay, 2); | 17 assert_equals(specifiedTiming.delay, 2); |
19 | 18 |
20 specifiedTiming.endDelay = 0.5; | 19 specifiedTiming.endDelay = 0.5; |
21 assert_equals(specifiedTiming.endDelay, 0.5); | 20 assert_equals(specifiedTiming.endDelay, 0.5); |
22 | 21 |
23 specifiedTiming.fill = 'backwards'; | 22 specifiedTiming.fill = 'backwards'; |
24 assert_equals(specifiedTiming.fill, 'backwards'); | 23 assert_equals(specifiedTiming.fill, 'backwards'); |
(...skipping 18 matching lines...) Expand all Loading... |
43 specifiedTiming.playbackRate = 2; | 42 specifiedTiming.playbackRate = 2; |
44 assert_equals(specifiedTiming.playbackRate, 2); | 43 assert_equals(specifiedTiming.playbackRate, 2); |
45 | 44 |
46 specifiedTiming.direction = 'reverse'; | 45 specifiedTiming.direction = 'reverse'; |
47 assert_equals(specifiedTiming.direction, 'reverse'); | 46 assert_equals(specifiedTiming.direction, 'reverse'); |
48 | 47 |
49 specifiedTiming.easing = "step-start"; | 48 specifiedTiming.easing = "step-start"; |
50 assert_equals(specifiedTiming.easing, 'step-start'); | 49 assert_equals(specifiedTiming.easing, 'step-start'); |
51 }, 'TimedItem.timing should have a setter for each member of the underlying Timi
ng object.'); | 50 }, 'TimedItem.timing should have a setter for each member of the underlying Timi
ng object.'); |
52 </script> | 51 </script> |
OLD | NEW |