summaryrefslogtreecommitdiffstats
path: root/devtools/client/responsive/test/browser/browser_menu_item_01.js
blob: 72b5b835befd50c2da23d9e7fe339d7c56369652 (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
/* Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

// Test RDM menu item is checked when expected, on multiple tabs.

const TEST_URL = "data:text/html;charset=utf-8,";

const {
  startup,
} = require("resource://devtools/client/responsive/utils/window.js");

const activateTab = tab =>
  new Promise(resolve => {
    const { gBrowser } = tab.ownerGlobal;
    const { tabContainer } = gBrowser;

    tabContainer.addEventListener("TabSelect", function listener({ type }) {
      tabContainer.removeEventListener(type, listener);
      resolve();
    });

    gBrowser.selectedTab = tab;
  });

const isMenuChecked = () => {
  const menu = document.getElementById("menu_responsiveUI");
  return menu.getAttribute("checked") === "true";
};

add_task(async function () {
  await startup(window);

  ok(!isMenuChecked(), "RDM menu item is unchecked by default");
});

let tab2;

addRDMTaskWithPreAndPost(
  TEST_URL,
  function pre_task() {
    ok(!isMenuChecked(), "RDM menu item is unchecked for new tab");
  },
  async function task({ browser }) {
    ok(isMenuChecked(), "RDM menu item is checked with RDM open");

    tab2 = await addTab(TEST_URL);

    ok(!isMenuChecked(), "RDM menu item is unchecked for new tab");

    const tab = gBrowser.getTabForBrowser(browser);
    await activateTab(tab);

    ok(
      isMenuChecked(),
      "RDM menu item is checked for the tab where RDM is open"
    );
  },
  function post_task() {
    ok(!isMenuChecked(), "RDM menu item is unchecked after RDM is closed");
  }
);

add_task(async function () {
  await removeTab(tab2);
});