fune/devtools/client/aboutdebugging-new/test/browser/browser_aboutdebugging_navigate.js
Julian Descottes b9883553c8 Bug 1493968 - Wait for requests to finish in aboutdebugging navigate test;r=ladybenko
Still not sure what is the root issue here, but none of the regular connect tests are failing so I think the issue occurs when we remove tabs in the second step.

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

--HG--
extra : moz-landing-system : lando
2018-11-20 15:38:27 +00:00

80 lines
3.1 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, window } = await openAboutDebugging();
const AboutDebugging = window.AboutDebugging;
const connectSidebarItem = findSidebarItemByText("Connect", document);
const connectLink = connectSidebarItem.querySelector(".js-sidebar-link");
ok(connectSidebarItem, "Found the Connect sidebar item");
const thisFirefoxSidebarItem = findSidebarItemByText("This Firefox", document);
const thisFirefoxLink = thisFirefoxSidebarItem.querySelector(".js-sidebar-link");
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));
await waitForRequestsToSettle(AboutDebugging.store);
info("Click on the Connect item in the sidebar");
connectLink.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");
thisFirefoxLink.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 waitForRequestsToSettle(AboutDebugging.store);
await removeTab(tab);
});
function isSidebarItemSelected(item) {
return item.classList.contains("js-sidebar-item-selected");
}