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 { background-color: blue; } | 6 from { background-color: blue; } |
7 to { background-color: red; } | 7 to { background-color: red; } |
8 } | 8 } |
9 | 9 |
10 @keyframes anim2 { | 10 @keyframes anim2 { |
11 from { opacity: 0; } | 11 from { opacity: 0; } |
12 to { opacity: 1; } | 12 to { opacity: 1; } |
13 } | 13 } |
14 </style> | 14 </style> |
15 <div id="target"></div> | 15 <div id="target"></div> |
16 <script> | 16 <script> |
17 test(function() { | 17 test(function() { |
18 target.style.animation = "anim 1s, anim2 1s"; | 18 target.style.animation = "anim 1s, anim2 1s"; |
19 target.offsetTop; | 19 target.offsetTop; |
20 target.style.animation = "anim2 2s"; | 20 target.style.animation = "anim2 2s"; |
21 target.offsetTop; | 21 target.offsetTop; |
22 }, "Check that cancelling one running animation and updating another doesn't c
rash"); | 22 }, "Check that cancelling one running animation and updating another doesn't c
rash"); |
23 </script> | 23 </script> |
OLD | NEW |