fune/devtools/client/aboutdebugging-new/test/browser/browser_aboutdebugging_navigate.js
Julian Descottes 917ff8695e Bug 1489222 - Add mochitest to check navigation from ThisFirefox to Connect;r=daisuke
Reviewers: daisuke

Subscribers: MarcoM

Bug #: 1489222

Differential Revision: https://phabricator.services.mozilla.com/D6485

--HG--
extra : rebase_source : ef5dc4a1e9b43261831e9a2197236f994e8af37a
2018-09-25 09:49:24 +02:00

79 lines
3 KiB
JavaScript

/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
/**
* Check that navigating from This Firefox to Connect and back to This Firefox works and
* does not leak.
*/
const TAB_URL_1 = "data:text/html,<title>TAB1</title>";
const TAB_URL_2 = "data:text/html,<title>TAB2</title>";
add_task(async function() {
info("Force all debug target panes to be expanded");
prepareCollapsibilitiesTest();
const { document, tab } = await openAboutDebugging();
const connectSidebarItem = findSidebarItemByText("Connect", document);
ok(connectSidebarItem, "Found the Connect sidebar item");
const thisFirefoxSidebarItem = findSidebarItemByText("This Firefox", document);
ok(thisFirefoxSidebarItem, "Found the ThisFirefox sidebar item");
ok(isSidebarItemSelected(thisFirefoxSidebarItem),
"ThisFirefox sidebar item is selected by default");
info("Open a new background tab TAB1");
const backgroundTab1 = await addTab(TAB_URL_1, { background: true });
info("Wait for the tab to appear in the debug targets with the correct name");
await waitUntil(() => findDebugTargetByText("TAB1", document));
info("Click on the Connect item in the sidebar");
connectSidebarItem.click();
info("Wait until Connect page is displayed");
await waitUntil(() => document.querySelector(".js-connect-page"));
ok(isSidebarItemSelected(connectSidebarItem), "Connect sidebar item is selected");
ok(!document.querySelector(".js-runtime-page"), "Runtime page no longer rendered");
info("Open a new tab which should be listed when we go back to This Firefox");
const backgroundTab2 = await addTab(TAB_URL_2, { background: true });
info("Click on the ThisFirefox item in the sidebar");
thisFirefoxSidebarItem.click();
info("Wait until ThisFirefox page is displayed");
await waitUntil(() => document.querySelector(".js-runtime-page"));
ok(isSidebarItemSelected(thisFirefoxSidebarItem),
"ThisFirefox sidebar item is selected again");
ok(!document.querySelector(".js-connect-page"), "Connect page no longer rendered");
info("TAB2 should already be displayed in the debug targets");
await waitUntil(() => findDebugTargetByText("TAB2", document));
info("Remove first background tab");
await removeTab(backgroundTab1);
info("Check TAB1 disappears, meaning ThisFirefox client is correctly connected");
await waitUntil(() => !findDebugTargetByText("TAB1", document));
info("Remove second background tab");
await removeTab(backgroundTab2);
info("Check TAB2 disappears, meaning ThisFirefox client is correctly connected");
await waitUntil(() => !findDebugTargetByText("TAB2", document));
await removeTab(tab);
});
function isSidebarItemSelected(item) {
return item.classList.contains("js-sidebar-item-selected");
}
function findDebugTargetByText(text, document) {
const targets = [...document.querySelectorAll(".js-debug-target-item")];
return targets.find(target => target.textContent.includes(text));
}