1 files changed, 46 insertions, 0 deletions
diff --git a/devtools/client/debugger/test/mochitest/browser_dbg-tabs-pretty-print.js b/devtools/client/debugger/test/mochitest/browser_dbg-tabs-pretty-print.js
new file mode 100644
index 0000000000..f8bcdd0381
--- /dev/null
+++ b/devtools/client/debugger/test/mochitest/browser_dbg-tabs-pretty-print.js
@@ -0,0 +1,46 @@
+/* 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 () {
+  const dbg = await initDebugger("doc-minified.html", "math.min.js");
+
+  await selectSource(dbg, "math.min.js");
+  clickElement(dbg, "prettyPrintButton");
+  await waitForSource(dbg, "math.min.js:formatted");
+
+  await waitFor(() => findElement(dbg, "sourceTabs").children.length == 2);
+  const [prettyTab, originalTab] = findElement(dbg, "sourceTabs").children;
+  ok(
+    prettyTab.querySelector(".source-icon.img.prettyPrint"),
+    "Pretty printed tab has the pretty-print icon"
+  );
+  ok(
+    !originalTab.querySelector(".source-icon.img.prettyPrint"),
+    "original tab does not have the pretty-print icon"
+  );
+
+  // Test reloading the debugger
+  await waitForSelectedSource(dbg, "math.min.js:formatted");
+  await reload(dbg);
+
+  await waitForSelectedSource(dbg, "math.min.js:formatted");
+  ok(true, "Pretty printed source is selected on reload");
+
+  await selectSource(dbg, "math.min.js:formatted");
+  const source = findSource(dbg, "math.min.js:formatted");
+  dbg.actions.showSource(getContext(dbg), source.id);
+  const focusedTreeElement = findElementWithSelector(
+    dbg,
+    ".sources-list .focused .label"
+  );
+  is(
+    focusedTreeElement.textContent.trim(),
+    "math.min.js",
+    "Pretty printed source is selected in tree"
+  );
+});