browser_backward_compat_extension.js

Enable keyboard shortcuts

/* Any copyright is dedicated to the Public Domain.

   http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

/* import-globals-from helper-backward-compat.js */

Services.scriptloader.loadSubScript(

  CHROME_URL_ROOT + "helper-backward-compat.js",

  this

);

const EXTENSION_NAME = "DevTools compat test extension";

const TOOL_IDS = ["inspector", "webconsole", "jsdebugger", "netmonitor"];

// Check that an extension installed on the server can be inspected from the

// client.

addCompatTask(async function (config) {

  const { addonId } = await runDevToolsServerCommand(

    config,

    "install-extension"

);

  ok(addonId, `Installed the test extension on the server (${addonId})`);

  const { document, tab, window } =

    await openAboutDebuggingWithCompatServer(config);

  await connectToRuntime(config.host, document);

  await waitForRuntimePage(config.runtime.brandName, document);

  info("Wait until the extension is listed as a debug target");

  await waitFor(

    () => findDebugTargetByText(EXTENSION_NAME, document),

    "The extension should be listed in the debug targets"

);

  const extensionPane = getDebugTargetPane("Temporary Extensions", document);

ok(

    extensionPane.textContent.includes(EXTENSION_NAME),

    "The extension is displayed in the Temporary Extensions pane"

);

  const { devtoolsTab, devtoolsWindow } = await openAboutDevtoolsToolbox(

    document,

    tab,

    window,

    EXTENSION_NAME

);

  const toolbox = getToolbox(devtoolsWindow);

  for (const toolId of TOOL_IDS) {

    info(`Select the ${toolId} panel`);

    await toolbox.selectTool(toolId);

    const iframe = toolbox.doc.getElementById(`toolbox-panel-iframe-${toolId}`);

    ok(iframe, `The ${toolId} panel iframe exists`);

    info("Wait for the panel to be displayed / non-empty");

    await waitFor(

      () => iframe.contentDocument.body?.textContent.trim(),

      `The ${toolId} panel is not blank`

);

ok(

      !iframe.contentDocument.querySelector(".app-error-panel"),

      "AppErrorBoundary is not rendered in this panel"

);

ok(

    !toolbox.doc.querySelector(".app-error-panel"),

    "AppErrorBoundary is not rendered in the toolbox"

);

  await closeAboutDevtoolsToolbox(document, devtoolsTab, window);

  await runDevToolsServerCommand(config, "uninstall-extension", { addonId });

  await removeTab(tab);

});