Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
// Tests adding and removing tabs
"use strict";
add_task(async function testTabsOnReload() {
const dbg = await initDebugger(
"doc-scripts.html",
"simple1.js",
"simple2.js"
);
await selectSource(dbg, "simple1.js");
await selectSource(dbg, "simple2.js");
is(countTabs(dbg), 2);
info("Test reloading the debugger");
await reload(dbg, "simple1.js", "simple2.js");
await waitForSelectedSource(dbg, "simple2.js");
is(countTabs(dbg), 2);
info("Test reloading the debuggee a second time");
await reload(dbg, "simple1.js", "simple2.js");
await waitForSelectedSource(dbg, "simple2.js");
is(countTabs(dbg), 2);
});
function assertTabs(dbg, tabs) {
const { children } = findElement(dbg, "sourceTabs");
is(children.length, tabs.length);
for (let i = 0; i < tabs.length; i++) {
is(tabs[i], children[i].textContent);
}
}
add_task(async function testOpeningAndClosingTabs() {
const dbg = await initDebugger(
"doc-scripts.html",
"simple1.js",
"simple2.js",
"simple3.js"
);
// /!\ Tabs are opened by default on the left/beginning
// so that they are displayed in the other way around.
// To make the test clearer insert them in a way so that
// they are in the expected order: simple1 then simple2,...
await selectSource(dbg, "simple3.js");
await selectSource(dbg, "simple2.js");
await selectSource(dbg, "simple1.js");
assertTabs(dbg, ["simple1.js", "simple2.js", "simple3.js"]);
info("Reselect simple2 so that we then close the selected tab");
await selectSource(dbg, "simple2.js");
await closeTab(dbg, "simple2.js");
is(countTabs(dbg), 2);
info("Removing the tab in the middle should select the following one");
await waitForSelectedSource(dbg, "simple3.js");
await closeTab(dbg, "simple3.js");
is(countTabs(dbg), 1);
info("Removing the last tab should select the first tab before");
await waitForSelectedSource(dbg, "simple1.js");
info("Re-open a second tab so that we can cover closing the first tab");
await selectSource(dbg, "simple2.js");
is(countTabs(dbg), 2);
await closeTab(dbg, "simple1.js");
info("Removing the first tab should select the first tab after");
is(countTabs(dbg), 1);
await waitForSelectedSource(dbg, "simple2.js");
info("Close the last tab");
await closeTab(dbg, "simple2.js");
is(countTabs(dbg), 0);
is(
dbg.selectors.getSelectedLocation(),
null,
"Selected location is cleared when closing the last tab"
);
info("Test reloading the debugger with all tabs closed");
await reload(dbg, "simple1.js", "simple2.js", "simple3.js");
is(countTabs(dbg), 0, "No tab is reopened after reload");
// /!\ Tabs are opened by default on the left/beginning
// so that they are displayed in the other way around.
// To make the test clearer insert them in a way so that
// they are in the expected order: simple1 then simple2,...
await selectSource(dbg, "simple3.js");
await selectSource(dbg, "simple2.js");
await selectSource(dbg, "simple1.js");
is(countTabs(dbg), 3);
assertTabs(dbg, ["simple1.js", "simple2.js", "simple3.js"]);
info("Test reloading the debugger with tabs left opened");
await reload(dbg, "simple1.js", "simple2.js", "simple3.js");
is(countTabs(dbg), 3);
assertTabs(dbg, ["simple1.js", "simple2.js", "simple3.js"]);
info("Reselect simple3 so that we then close the selected tab");
await selectSource(dbg, "simple3.js");
info("Removing the last tab, should select the one before");
await closeTab(dbg, "simple3.js");
is(countTabs(dbg), 2);
await waitForSelectedSource(dbg, "simple2.js");
info(
"Open tab for the HTML page, which has many source actors and may trigger more than one tab to be opened on reload"
);
await selectSource(dbg, "doc-scripts.html");
is(countTabs(dbg), 3);
await reload(
dbg,
"doc-scripts.html",
"simple1.js",
"simple2.js",
"simple3.js"
);
is(countTabs(dbg), 3);
// Inject lots of sources to have some tabs displayed in the dropdown
const injectedSources = await SpecialPowers.spawn(
gBrowser.selectedBrowser,
[],
function () {
const sources = [];
for (let i = 1; i <= 10; i++) {
const value = String(i).padStart(3, "0");
content.eval(
`function evalSource() {}; //# sourceURL=eval-source-${value}.js`
);
sources.push(`eval-source-${value}.js`);
}
return sources;
}
);
await waitForSources(dbg, ...injectedSources);
for (const source of injectedSources) {
await selectSource(dbg, source);
}
ok(
findElementWithSelector(dbg, ".more-tabs"),
"There is some hidden tabs displayed via a dropdown"
);
info("Test the close all tabs context menu");
const waitForOpen = waitForContextMenu(dbg);
info(`Open the current active tab context menu`);
rightClickElement(dbg, "activeTab");
await waitForOpen;
info(`Select the close all tabs context menu item`);
const onCloseTabsAction = waitForDispatch(
dbg.store,
"CLOSE_TABS_FOR_SOURCES"
);
selectContextMenuItem(dbg, `#node-menu-close-all-tabs`);
await onCloseTabsAction;
is(countTabs(dbg), 0);
ok(
!findElementWithSelector(dbg, ".more-tabs"),
"After closing all tabs, hidden tabs dropdown is hidden"
);
});