browser_dbg-tabs-pretty-print.js

Enable keyboard shortcuts

/* 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

 * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */

// Tests re-opening pretty printed tabs on load

"use strict";

add_task(async function () {

  let dbg = await initDebugger("doc-minified.html", "math.min.js");

  await selectSourceFromSourceTree(dbg, "math.min.js");

  assertSourceIcon(dbg, "math.min.js", "javascript");

  await togglePrettyPrint(dbg);

  const tabs = findElement(dbg, "sourceTabs").children;

  is(tabs.length, 1, "We still have only one tab opened");

  is(tabs[0].textContent, "math.min.js", "The tab title is correct");

  // Test reloading the debugger

  await reload(dbg);

  await waitForSelectedSource(dbg, "math.min.js:formatted");

  ok(true, "Pretty printed source is selected on reload");

  // Select any other source

  await selectSourceFromSourceTree(dbg, "doc-minified.html");

  await togglePrettyPrint(dbg);

  // Ensure that we can re-select the pretty printed source from the Source Tree

  await selectSourceFromSourceTree(dbg, "math.min.js");

  await waitForSelectedSource(dbg, "math.min.js:formatted");

  const tab = findElement(dbg, "activeTab");

  is(tab.textContent, "math.min.js", "we stayed on the same tab after reload");

  is(countTabs(dbg), 2, "There is two tabs opened");

  const focusedTreeElement = findElementWithSelector(

    dbg,

    ".sources-list .focused .label"

);

is(

    focusedTreeElement.textContent.trim(),

    "math.min.js",

    "Pretty printed source is selected in tree"

);

  await dbg.toolbox.closeToolbox();

  // Do not use `initDebugger` as it resets all settings, including tabs

  const toolbox = await openNewTabAndToolbox(

    EXAMPLE_URL + "doc-minified.html",

    "jsdebugger"

);

  dbg = createDebuggerContext(toolbox);

  await waitForSelectedSource(dbg, "math.min.js:formatted");

  const [htmlTab, jsTab] = findElement(dbg, "sourceTabs").children;

is(

    jsTab.textContent,

    "math.min.js",

    "After closing and re-opening the toolbox, the tab for the js tab is restored"

);

is(

    htmlTab.textContent,

    "doc-minified.html",

    "After closing and re-opening the toolbox, the tab for the html tab is restored"

);

  is(countTabs(dbg), 2, "There is still two opened tabs after re-opening");

  info(

    "Click on the html source tab and verify the source is selected and pretty printed"

);

  htmlTab.click();

  await waitForSelectedSource(dbg, "doc-minified.html:formatted");

ok(

    findElement(dbg, "prettyPrintButton").classList.contains("pretty"),

    "The restored HTML source is pretty printed"

);

});