summaryrefslogtreecommitdiffstats
path: root/devtools/client/inspector/test/browser_inspector_pane-toggle-01.js
blob: e5335c3e931abf60a368d451a6b8c609c137c98a (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
/* Any copyright is dedicated to the Public Domain.
 http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

// Tests that the inspector panel has a 3 pane toggle button, and that
// this button is visible both in BOTTOM and SIDE hosts.

add_task(async function () {
  info("Switch to 2 pane inspector to test the 3 pane toggle button behavior");
  await pushPref("devtools.inspector.three-pane-enabled", false);

  info("Open the inspector in a bottom toolbox host");
  const { inspector, toolbox } = await openInspectorForURL(
    "about:blank",
    "bottom"
  );

  const button = inspector.panelDoc.querySelector(".sidebar-toggle");
  ok(button, "The toggle button exists in the DOM");
  ok(button.getAttribute("title"), "The title tooltip has initial state");
  ok(
    button.classList.contains("pane-collapsed"),
    "The button is in collapsed state"
  );
  ok(!!button.getClientRects().length, "The button is visible");

  info("Switch the host to the right");
  await toolbox.switchHost("right");

  ok(!!button.getClientRects().length, "The button is still visible");
  ok(
    button.classList.contains("pane-collapsed"),
    "The button is still in collapsed state"
  );
});