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