/* 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;
}