summaryrefslogtreecommitdiffstats
path: root/devtools/server/tests/browser/browser_animation_getPlayers.js
blob: a99a4dc4ea9bc98bb96904ec6bb901b366b38966 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
/* 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 the output of getAnimationPlayersForNode

add_task(function* () {
  let {client, walker, animations} =
    yield initAnimationsFrontForUrl(MAIN_DOMAIN + "animation.html");

  yield theRightNumberOfPlayersIsReturned(walker, animations);
  yield playersCanBePausedAndResumed(walker, animations);

  yield client.close();
  gBrowser.removeCurrentTab();
});

function* theRightNumberOfPlayersIsReturned(walker, animations) {
  let node = yield walker.querySelector(walker.rootNode, ".not-animated");
  let players = yield animations.getAnimationPlayersForNode(node);
  is(players.length, 0,
     "0 players were returned for the unanimated node");

  node = yield walker.querySelector(walker.rootNode, ".simple-animation");
  players = yield animations.getAnimationPlayersForNode(node);
  is(players.length, 1,
     "One animation player was returned");

  node = yield walker.querySelector(walker.rootNode, ".multiple-animations");
  players = yield animations.getAnimationPlayersForNode(node);
  is(players.length, 2,
     "Two animation players were returned");

  node = yield walker.querySelector(walker.rootNode, ".transition");
  players = yield animations.getAnimationPlayersForNode(node);
  is(players.length, 1,
     "One animation player was returned for the transitioned node");
}

function* playersCanBePausedAndResumed(walker, animations) {
  let node = yield walker.querySelector(walker.rootNode, ".simple-animation");
  let [player] = yield animations.getAnimationPlayersForNode(node);
  yield player.ready();

  ok(player.initialState,
     "The player has an initialState");
  ok(player.getCurrentState,
     "The player has the getCurrentState method");
  is(player.initialState.playState, "running",
     "The animation is currently running");

  yield player.pause();
  let state = yield player.getCurrentState();
  is(state.playState, "paused",
     "The animation is now paused");

  yield player.play();
  state = yield player.getCurrentState();
  is(state.playState, "running",
     "The animation is now running again");
}