| <!DOCTYPE html> | |
| <script src="../resources/testharness.js"></script> | |
| <script src="../resources/testharnessreport.js"></script> | |
| <div id=element>x</div> | |
| <style> | |
| #element { | |
| transition: transform 2000ms; | |
| } | |
| </style> | |
| <script> | |
| async_test(function(t) { | |
| element.offsetTop; // Force recalc | |
| element.style.transform = "rotateX(180deg)"; | |
| element.offsetTop; // Force recalc | |
| var animation = element.getAnimations()[0]; | |
| return animation.ready.catch(function() { t.done(); }); | |
| }); | |
| </script> | |
| <style> | |
| * { content: ""; } | |
| </style> |