Quelle test_animations_pausing.html Sprache: HTML

products/sources/formale Sprachen/C/Firefox/layout/style/test/test_animations_pausing.html

<!DOCTYPE html>
<html>
<head>
  <title>
    Test for Animation.play() and Animation.pause() on compositor animations
  </title>
  <script src="/tests/SimpleTest/SimpleTest.js"></script>
  <script src="/tests/SimpleTest/paint_listener.js"></script>
  <script type="application/javascript" src="animation_utils.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css">
  <style type="text/css">
    @keyframes anim {
      0% { transform: translate(0px) }
      100% { transform: translate(100px) }
    }
    .target {
      /* The animation target needs geometry in order to qualify for OMTA */
      width: 100px;
      height: 100px;
      background-color: white;
    }
  </style>
</head>
<body>
<div id="display"></div>
<script type="application/javascript">
"use strict";

SimpleTest.waitForExplicitFinish();

runOMTATest(function() {
  runAllAsyncAnimTests().then(SimpleTest.finish);
}, SimpleTest.finish, SpecialPowers);

addAsyncAnimTest(async function() {
  var [ div, cs ] = new_div("animation: anim 10s 2 linear alternate");

  // Animation is initially running on compositor
  await waitForPaintsFlushed();
  advance_clock(1000);
  omta_is(div, "transform", { tx: 10 }, RunningOn.Compositor,
          "Animation is initally animating on compositor");

  // pause() means it is no longer on the compositor
  var animation = div.getAnimations()[0];
  animation.pause();
  // pause() should set up the changes to animations for the next layer
  // transaction but it won't schedule a paint immediately so we need to tick
  // the refresh driver before we can wait on the next paint.
  advance_clock(0);
  await waitForPaints();
  omta_is(div, "transform", { tx: 10 }, RunningOn.MainThread,
          "After pausing, animation is removed from compositor");

  // Animation remains paused
  advance_clock(1000);
  omta_is(div, "transform", { tx: 10 }, RunningOn.MainThread,
          "Animation remains paused");

  // play() puts the animation back on the compositor
  animation.play();
  // As with pause(), play() will set up pending animations for the next layer
  // transaction but won't schedule a paint so we need to tick the refresh
  // driver before waiting on the next paint.
  advance_clock(0);
  await waitForPaints();
  omta_is(div, "transform", { tx: 10 }, RunningOn.Compositor,
          "After playing, animation is sent to compositor");

  // Where it continues to run
  advance_clock(1000);
  omta_is(div, "transform", { tx: 20 }, RunningOn.Compositor,
          "Animation continues playing on compositor");

  done_div();
});
</script>
</body>
</html>

Messung V0.5

¤ Dauer der Verarbeitung: 0.11 Sekunden (vorverarbeitet) ¤

Wurzel

Suchen

Beweissystem der NASA

Beweissystem Isabelle

NIST Cobol Testsuite

Cephes Mathematical Library

Wiener Entwicklungsmethode

Haftungshinweis

Die Informationen auf dieser Webseite wurden nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit, noch Qualität der bereit gestellten Informationen zugesichert.

Bemerkung:

Die farbliche Syntaxdarstellung und die Messung sind noch experimentell.