summaryrefslogtreecommitdiffstats
path: root/devtools/client/aboutdebugging/test/browser/browser_aboutdebugging_debug-target-pane_empty.js
blob: 301be26a32f6cd2b0df0d90ebdf6d70328d614d8 (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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
/* Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

/* import-globals-from helper-addons.js */
Services.scriptloader.loadSubScript(CHROME_URL_ROOT + "helper-addons.js", this);
/* import-globals-from helper-collapsibilities.js */
Services.scriptloader.loadSubScript(
  CHROME_URL_ROOT + "helper-collapsibilities.js",
  this
);

/**
 * Test that an "empty" message is displayed when there are no debug targets in a debug
 * target pane.
 */

const EXTENSION_PATH = "resources/test-temporary-extension/manifest.json";
const EXTENSION_NAME = "test-temporary-extension";

add_task(async function () {
  prepareCollapsibilitiesTest();

  const { document, tab, window } = await openAboutDebugging();
  await selectThisFirefoxPage(document, window.AboutDebugging.store);

  info("Check that the temporary extensions pane is empty");
  const temporaryExtensionPane = getDebugTargetPane(
    "Temporary Extensions",
    document
  );
  ok(
    !temporaryExtensionPane.querySelector(".qa-debug-target-item"),
    "Temporary Extensions pane contains no debug target"
  );

  info("Check an empty target pane message is displayed");
  ok(
    temporaryExtensionPane.querySelector(".qa-debug-target-list-empty"),
    "An empty target list message is displayed"
  );

  info("Install a temporary extension");
  await installTemporaryExtension(EXTENSION_PATH, EXTENSION_NAME, document);

  info("Wait until a debug target item appears");
  await waitUntil(() =>
    temporaryExtensionPane.querySelector(".qa-debug-target-item")
  );

  info("Check the empty target pane message is no longer displayed");
  ok(
    !temporaryExtensionPane.querySelector(".qa-debug-target-list-empty"),
    "The empty target list message is no longer displayed"
  );

  const temporaryExtensionItem = temporaryExtensionPane.querySelector(
    ".qa-debug-target-item"
  );
  ok(
    temporaryExtensionItem,
    "Temporary Extensions pane now shows debug target"
  );

  info("Remove the temporary extension");
  temporaryExtensionItem
    .querySelector(".qa-temporary-extension-remove-button")
    .click();

  info("Wait until the debug target item disappears");
  await waitUntil(
    () => !temporaryExtensionPane.querySelector(".qa-debug-target-item")
  );

  info("Check the empty target pane message is displayed again");
  ok(
    temporaryExtensionPane.querySelector(".qa-debug-target-list-empty"),
    "An empty target list message is displayed again"
  );

  await removeTab(tab);
});