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