| OLD | NEW |
| 1 <script src="../resources/testharness.js"></script> | 1 <script src="../../resources/testharness.js"></script> |
| 2 <script src="../resources/testharnessreport.js"></script> | 2 <script src="../../resources/testharnessreport.js"></script> |
| 3 <div id="opacity"> | 3 <div id="opacity"> |
| 4 <div style="position: relative"></div> | 4 <div style="position: relative"></div> |
| 5 </div> | 5 </div> |
| 6 <div id="transform"> | 6 <div id="transform"> |
| 7 <div style="position: relative"></div> | 7 <div style="position: relative"></div> |
| 8 </div> | 8 </div> |
| 9 <script> | 9 <script> |
| 10 var asyncHandle = async_test('This test passes if it does not crash.'); | 10 var asyncHandle = async_test('This test passes if it does not crash.'); |
| 11 var opacityPlayer = opacity.animate([ | 11 var opacityPlayer = opacity.animate([ |
| 12 {opacity: 1}, | 12 {opacity: 1}, |
| 13 {opacity: 1}, | 13 {opacity: 1}, |
| 14 ], 1e6); | 14 ], 1e6); |
| 15 var transformPlayer = transform.animate([ | 15 var transformPlayer = transform.animate([ |
| 16 {transform: 'none'}, | 16 {transform: 'none'}, |
| 17 {transform: 'none'}, | 17 {transform: 'none'}, |
| 18 ], 1e6); | 18 ], 1e6); |
| 19 requestAnimationFrame(function() { | 19 requestAnimationFrame(function() { |
| 20 opacityPlayer.cancel(); | 20 opacityPlayer.cancel(); |
| 21 transformPlayer.cancel(); | 21 transformPlayer.cancel(); |
| 22 requestAnimationFrame(function() { | 22 requestAnimationFrame(function() { |
| 23 asyncHandle.done(); | 23 asyncHandle.done(); |
| 24 }); | 24 }); |
| 25 }); | 25 }); |
| 26 </script> | 26 </script> |
| OLD | NEW |