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 <div id=element>x</div> | 4 <div id=element>x</div> |
5 <style> | 5 <style> |
6 #element { | 6 #element { |
7 transition: transform 2000ms; | 7 transition: transform 2000ms; |
8 } | 8 } |
9 </style> | 9 </style> |
10 <script> | 10 <script> |
11 async_test(function(t) { | 11 async_test(function(t) { |
12 element.offsetTop; // Force recalc | 12 element.offsetTop; // Force recalc |
13 element.style.transform = "rotateX(180deg)"; | 13 element.style.transform = "rotateX(180deg)"; |
14 element.offsetTop; // Force recalc | 14 element.offsetTop; // Force recalc |
15 var animation = element.getAnimations()[0]; | 15 var animation = element.getAnimations()[0]; |
16 return animation.ready.catch(function() { t.done(); }); | 16 return animation.ready.catch(function() { t.done(); }); |
17 }); | 17 }); |
18 </script> | 18 </script> |
19 <style> | 19 <style> |
20 * { content: ""; } | 20 * { content: ""; } |
21 </style> | 21 </style> |
OLD | NEW |