composited-with-hit-testing.html | Explore in Territory

<!DOCTYPE html>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<style>
#t {
  width: 50px;
  height: 50px;
  transition: transform 250ms linear;
  background-color: green;
}
</style>
<div id=t></div>
<script>
var test = async_test("Hit testing should not interrupt transition scheduling");
var counter = 0;
requestAnimationFrame(function() {
  t.style.transform = 'translate(500px)';
  // We can't use requestAnimationFrame to schedule here as that would
  // force timing updates to occur and avoid the crbug.com/501297 issue.
  setTimeout(function() {
    t.style.transitionDuration = '10000000s';
    t.style.transform = 'translate(1000px)';
    // The original transition should be long finished, the new one should
    // start from a translate-x greater than 500.
    requestAnimationFrame(function() {
      var tx = +/([\d.]+), [\d.]+\)/.exec(getComputedStyle(t).transform)[1];
      test.step(function() {
        assert_true(tx >= 500);
      });
      test.done();
    });
  }, 500);
});

setInterval(function() {
  document.elementFromPoint(50, 50);
}, 1);
</script>

chromium/third_party/blink/web_tests/transitions/composited-with-hit-testing.html