summaryrefslogtreecommitdiffstats
path: root/devtools/client/debugger/test/mochitest/browser_dbg_instruments-pane-collapse_keyboard.js
blob: c26c476cc6e683ec98986a43ffc76a0d92f8d5f3 (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
/* -*- indent-tabs-mode: nil; js-indent-level: 2 -*- */
/* 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/ */

/**
 * Tests that the debugger panes collapse properly.
 */

const TAB_URL = EXAMPLE_URL + "doc_recursion-stack.html";

function test() {
  initDebugger(TAB_URL).then(([aTab,, aPanel]) => {
    Task.spawn(function* () {
      let doc = aPanel.panelWin.document;
      let panel = doc.getElementById("instruments-pane");
      let button = doc.getElementById("instruments-pane-toggle");
      ok(panel.classList.contains("pane-collapsed"),
          "The instruments panel is initially in collapsed state");

      yield togglePane(button, "Press on the toggle button to expand", panel, "VK_RETURN");
      ok(!panel.classList.contains("pane-collapsed"),
          "The instruments panel is in the expanded state");

      yield togglePane(button, "Press on the toggle button to collapse", panel, "VK_SPACE");
      ok(panel.classList.contains("pane-collapsed"),
        "The instruments panel is in the collapsed state");

      closeDebuggerAndFinish(aPanel);
    });
  });
}

function* togglePane(button, message, pane, keycode) {
  let onTransitionEnd = once(pane, "transitionend");
  info(message);
  button.focus();
  EventUtils.synthesizeKey(keycode, {});
  yield onTransitionEnd;
}