summaryrefslogtreecommitdiffstats
path: root/devtools/client/animationinspector/test/browser_animation_spacebar_toggles_node_animations.js
blob: 634d4bc496875c7a2104487eced0f6e8abd2e226 (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
/* vim: set ts=2 et sw=2 tw=80: */
/* Any copyright is dedicated to the Public Domain.
 http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

// Test that the spacebar key press toggles the play/resume button state.
// This test doesn't need to test if animations actually pause/resume
// because there's an other test that does this.
// There are animations in the test page and since, by default, the <body> node
// is selected, animations will be displayed in the timeline, so the timeline
// play/resume button will be displayed

requestLongerTimeout(2);

add_task(function* () {
  requestLongerTimeout(2);

  yield addTab(URL_ROOT + "doc_simple_animation.html");
  let {panel, window} = yield openAnimationInspector();
  let {playTimelineButtonEl} = panel;

  // ensure the focus is on the animation panel
  window.focus();

  info("Simulate spacebar stroke and check playResume button" +
       " is in paused state");

  // sending the key will lead to a UI_UPDATE_EVENT
  let onUpdated = panel.once(panel.UI_UPDATED_EVENT);
  EventUtils.sendKey("SPACE", window);
  yield onUpdated;
  ok(playTimelineButtonEl.classList.contains("paused"),
    "The play/resume button is in its paused state");

  info("Simulate spacebar stroke and check playResume button" +
       " is in playing state");

  // sending the key will lead to a UI_UPDATE_EVENT
  onUpdated = panel.once(panel.UI_UPDATED_EVENT);
  EventUtils.sendKey("SPACE", window);
  yield onUpdated;
  ok(!playTimelineButtonEl.classList.contains("paused"),
    "The play/resume button is in its play state again");
});