import FIREFOX_52_6_0esr_RELEASE from mozilla-esr52 hg repo

devtools/server/tests/browser/browser_animation_getMultipleStates.js

@@ -0,0 +1,55 @@
+/* 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";
+
+add_task(function* setup() {
+  yield SpecialPowers.pushPrefEnv({
+    set: [["dom.ipc.processCount", 1]]
+  });
+});
+
+// Check that the duration, iterationCount and delay are retrieved correctly for
+// multiple animations.
+
+add_task(function* () {
+  let {client, walker, animations} =
+    yield initAnimationsFrontForUrl(MAIN_DOMAIN + "animation.html");
+
+  yield playerHasAnInitialState(walker, animations);
+
+  yield client.close();
+  gBrowser.removeCurrentTab();
+});
+
+function* playerHasAnInitialState(walker, animations) {
+  let state = yield getAnimationStateForNode(walker, animations,
+    ".delayed-multiple-animations", 0);
+
+  ok(state.duration, 50000,
+     "The duration of the first animation is correct");
+  ok(state.iterationCount, 10,
+     "The iterationCount of the first animation is correct");
+  ok(state.delay, 1000,
+     "The delay of the first animation is correct");
+
+  state = yield getAnimationStateForNode(walker, animations,
+    ".delayed-multiple-animations", 1);
+
+  ok(state.duration, 100000,
+     "The duration of the secon animation is correct");
+  ok(state.iterationCount, 30,
+     "The iterationCount of the secon animation is correct");
+  ok(state.delay, 750,
+     "The delay of the secon animation is correct");
+}
+
+function* getAnimationStateForNode(walker, animations, selector, playerIndex) {
+  let node = yield walker.querySelector(walker.rootNode, selector);
+  let players = yield animations.getAnimationPlayersForNode(node);
+  let player = players[playerIndex];
+  yield player.ready();
+  let state = yield player.getCurrentState();
+  return state;
+}