| 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 |