test_request_animation_frame.html

Enable keyboard shortcuts

<!DOCTYPE html>

<meta charset=utf-8>

<title>Test RequestAnimationFrame Timestamps are monotonically increasing</title>

<script src="/tests/SimpleTest/SimpleTest.js"></script>

<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>

<script>

  var lastRequestAnimationFrameTimestamp = 0;

  var requestAnimationFrameCount = 20;

  var currentCount = 0;

  // Test that all timestamps are always increasing

  // and do not ever go backwards

  function rafCallback(aTimestamp) {

    SimpleTest.ok(aTimestamp > lastRequestAnimationFrameTimestamp,

      "New RequestAnimationFrame timestamp should be later than the previous RequestAnimationFrame timestamp");

    lastRequestAnimationFrameTimestamp = aTimestamp;

    if (currentCount == requestAnimationFrameCount) {

      SimpleTest.finish();

    } else {

      currentCount++;

      window.requestAnimationFrame(rafCallback);

  window.requestAnimationFrame(rafCallback);

  SimpleTest.waitForExplicitFinish();

</script>