browser_animation_rewind-button.js

Enable keyboard shortcuts

/* Any copyright is dedicated to the Public Domain.

   http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

requestLongerTimeout(2);

// Test for following RewindButton component:

// * element existence

// * make animations to rewind to zero

// * the state should be always paused after rewinding

add_task(async function () {

  await addTab(URL_ROOT + "doc_multi_timings.html");

  await removeAnimatedElementsExcept([".delay-negative", ".delay-positive"]);

  const { animationInspector, panel } = await openAnimationInspector();

  info("Checking button existence");

  ok(panel.querySelector(".rewind-button"), "Rewind button should exist");

  info("Checking rewind button makes animations to rewind to zero");

  clickOnRewindButton(animationInspector, panel);

  await waitUntilAnimationsPlayState(animationInspector, "paused");

  await waitUntilCurrentTimeChangedAt(animationInspector, 0);

  ok(true, "Rewind button make current time 0");

  info("Checking rewind button makes animations after clicking scrubber");

  clickOnCurrentTimeScrubberController(animationInspector, panel, 0.5);

  clickOnRewindButton(animationInspector, panel);

  await waitUntilCurrentTimeChangedAt(animationInspector, 0);

  await waitUntilAnimationsPlayState(animationInspector, "paused");

  ok(true, "Rewind button make current time 0 even after clicking scrubber");

});