gecko-dev/devtools/server/tests/browser/browser_animation_getMultipleStates.js
2018-09-28 05:46:29 +00:00

48 lines
1.6 KiB
JavaScript

/* vim: set ft=javascript ts=2 et sw=2 tw=80: */
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
// Check that the duration, iterationCount and delay are retrieved correctly for
// multiple animations.
add_task(async function() {
const {target, walker, animations} =
await initAnimationsFrontForUrl(MAIN_DOMAIN + "animation.html");
await playerHasAnInitialState(walker, animations);
await target.destroy();
gBrowser.removeCurrentTab();
});
async function playerHasAnInitialState(walker, animations) {
let state = await getAnimationStateForNode(walker, animations,
".delayed-multiple-animations", 0);
is(state.duration, 500,
"The duration of the first animation is correct");
is(state.iterationCount, 10,
"The iterationCount of the first animation is correct");
is(state.delay, 1000,
"The delay of the first animation is correct");
state = await getAnimationStateForNode(walker, animations,
".delayed-multiple-animations", 1);
is(state.duration, 1000,
"The duration of the second animation is correct");
is(state.iterationCount, 30,
"The iterationCount of the second animation is correct");
is(state.delay, 750,
"The delay of the second animation is correct");
}
async function getAnimationStateForNode(walker, animations, selector, playerIndex) {
const node = await walker.querySelector(walker.rootNode, selector);
const players = await animations.getAnimationPlayersForNode(node);
const player = players[playerIndex];
const state = await player.getCurrentState();
return state;
}