/* Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/ */

// Test network throttling `offline` mode

"use strict";

requestLongerTimeout(2);

const {
  PROFILE_CONSTANTS,
} = require("resource://devtools/client/shared/components/throttling/profiles.js");

add_task(async function () {
  await pushPref("devtools.cache.disabled", true);

  const { tab, monitor, toolbox } = await initNetMonitor(HTTPS_CUSTOM_GET_URL, {
    requestCount: 1,
  });
  const { document } = monitor.panelWin;

  await selectThrottle(document, monitor, toolbox, PROFILE_CONSTANTS.OFFLINE);
  assertCurrentThrottleSelected(document, PROFILE_CONSTANTS.OFFLINE);

  const offlineEventFired = SpecialPowers.spawn(
    tab.linkedBrowser,
    [],
    async function () {
      return content.wrappedJSObject.hasOfflineEventFired();
    }
  );

  ok(offlineEventFired, "The offline event on the page fired");

  // As the browser is offline, load event won't fire
  await reloadBrowser({ waitForLoad: false });

  await assertNavigatorOnlineInConsole(toolbox, "false");
  await assertPageIsOffline();

  await selectThrottle(
    document,
    monitor,
    toolbox,
    PROFILE_CONSTANTS.REGULAR_4G_LTE
  );
  assertCurrentThrottleSelected(document, PROFILE_CONSTANTS.REGULAR_4G_LTE);

  await reloadBrowser();

  await assertNavigatorOnlineInConsole(toolbox, "true");
  await assertPageIsOnline();

  await teardown(monitor);
});

async function selectThrottle(document, monitor, toolbox, profileId) {
  info(`Selecting the '${profileId}' profile`);
  document.getElementById("network-throttling-menu").click();
  // Throttling menu items cannot be retrieved by id so we can't use getContextMenuItem
  // here. Instead use querySelector on the toolbox top document, where the context menu
  // will be rendered.
  const item = toolbox.topWindow.document.querySelector(
    "menuitem[label='" + profileId + "']"
  );
  await BrowserTestUtils.waitForPopupEvent(item.parentNode, "shown");
  item.parentNode.activateItem(item);
  await monitor.panelWin.api.once(TEST_EVENTS.THROTTLING_CHANGED);
}

function assertCurrentThrottleSelected(document, expectedProfile) {
  is(
    document.querySelector("#network-throttling-menu .title").innerText,
    expectedProfile,
    `The '${expectedProfile}' throttle profile is correctly selected`
  );
}

function assertPageIsOffline() {
  // This is an error page.
  return SpecialPowers.spawn(
    gBrowser.selectedTab.linkedBrowser,
    [HTTPS_CUSTOM_GET_URL],
    function (uri) {
      is(
        content.document.documentURI.substring(0, 27),
        "about:neterror?e=netOffline",
        "Document URI is the error page."
      );

      // But location bar should show the original request.
      is(content.location.href, uri, "Docshell URI is the original URI.");
    }
  );
}

function assertPageIsOnline() {
  // This is an error page.
  return SpecialPowers.spawn(
    gBrowser.selectedTab.linkedBrowser,
    [HTTPS_CUSTOM_GET_URL],
    function (uri) {
      is(content.document.documentURI, uri, "Document URI is the original URI");

      // But location bar should show the original request.
      is(content.location.href, uri, "Docshell URI is the original URI.");
    }
  );
}

async function assertNavigatorOnlineInConsole(toolbox, expectedResultValue) {
  const input = "navigator.onLine";
  info(`Assert the value of '${input}' in the console`);
  await toolbox.openSplitConsole();
  const { hud } = await toolbox.getPanel("webconsole");
  hud.setInputValue(input);
  return waitForEagerEvaluationResult(hud, expectedResultValue);
}