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 <style> | 4 <style> |
5 @keyframes anim { | 5 @keyframes anim { |
6 from { left: 0px; } | 6 from { left: 0px; } |
7 to { left: 300px; } | 7 to { left: 300px; } |
8 } | 8 } |
9 | 9 |
10 #target { | 10 #target { |
11 animation: anim 10s -5s paused linear; | 11 animation: anim 10s -5s paused linear; |
12 width: 100px; | 12 width: 100px; |
13 height: 100px; | 13 height: 100px; |
(...skipping 20 matching lines...) Expand all Loading... |
34 | 34 |
35 target.style.animationDelay = '-4s'; // Box should be 2/3 of the way across | 35 target.style.animationDelay = '-4s'; // Box should be 2/3 of the way across |
36 assert_equals(parseInt(getComputedStyle(target).left), 200, 'left offset'); | 36 assert_equals(parseInt(getComputedStyle(target).left), 200, 'left offset'); |
37 | 37 |
38 target.style.animationIterationCount = 1; // Animation ends | 38 target.style.animationIterationCount = 1; // Animation ends |
39 target.style.animationFillMode = 'forwards'; | 39 target.style.animationFillMode = 'forwards'; |
40 assert_equals(parseInt(getComputedStyle(target).left), 0, 'left offset'); | 40 assert_equals(parseInt(getComputedStyle(target).left), 0, 'left offset'); |
41 | 41 |
42 }, "Changes to animation properties should be reflected immediately"); | 42 }, "Changes to animation properties should be reflected immediately"); |
43 </script> | 43 </script> |
OLD | NEW |