1 files changed, 137 insertions, 0 deletions
diff --git a/devtools/client/webconsole/test/browser/browser_webconsole_visibility_messages.js b/devtools/client/webconsole/test/browser/browser_webconsole_visibility_messages.js
new file mode 100644
index 0000000000..ac949e4079
--- /dev/null
+++ b/devtools/client/webconsole/test/browser/browser_webconsole_visibility_messages.js
@@ -0,0 +1,137 @@
+/* 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/. */
+
+"use strict";
+
+// Check messages logged when console not visible are displayed when
+// the user show the console again.
+
+const HTML = `
+  <!DOCTYPE html>
+  <html>
+    <body>
+      <h1>Test console visibility update</h1>
+      <script>
+        function log(str) {
+          console.log(str);
+        }
+      </script>
+    </body>
+  </html>
+`;
+const TEST_URI = "data:text/html;charset=utf-8," + encodeURI(HTML);
+const MESSAGES_COUNT = 10;
+
+add_task(async function () {
+  const hud = await openNewTabAndConsole(TEST_URI);
+  const toolbox = hud.toolbox;
+
+  info("Log one message in the console");
+  SpecialPowers.spawn(gBrowser.selectedBrowser, [], () => {
+    content.wrappedJSObject.log("in-console log");
+  });
+  await waitFor(() => findConsoleAPIMessage(hud, "in-console log"));
+
+  info("select the inspector");
+  await toolbox.selectTool("inspector");
+
+  info("Wait for console to be hidden");
+  const { document } = hud.iframeWindow;
+  await waitFor(() => document.visibilityState == "hidden");
+
+  const onAllMessagesInStore = new Promise(done => {
+    const store = hud.ui.wrapper.getStore();
+    store.subscribe(() => {
+      const messages = store.getState().messages.mutableMessagesById.size;
+      // Also consider the "in-console log" message
+      if (messages == MESSAGES_COUNT + 1) {
+        done();
+      }
+    });
+  });
+
+  await SpecialPowers.spawn(
+    gBrowser.selectedBrowser,
+    [[MESSAGES_COUNT]],
+    count => {
+      for (let i = 1; i <= count; i++) {
+        content.wrappedJSObject.log("in-inspector log " + i);
+      }
+    }
+  );
+
+  info("Waiting for all messages to be logged into the store");
+  await onAllMessagesInStore;
+
+  const inInspectorMessages = await findConsoleAPIMessages(hud, "in-inspector");
+  is(
+    inInspectorMessages.length,
+    0,
+    "No messages from the inspector actually appear in the console"
+  );
+
+  info("select back the console");
+  await toolbox.selectTool("webconsole");
+
+  info("And wait for all messages to be visible");
+  const waitForMessagePromises = [];
+  for (let j = 1; j <= MESSAGES_COUNT; j++) {
+    waitForMessagePromises.push(
+      waitFor(() => findConsoleAPIMessage(hud, "in-inspector log " + j))
+    );
+  }
+
+  await Promise.all(waitForMessagePromises);
+  ok(
+    true,
+    "All the messages logged when the console was hidden were displayed."
+  );
+});
+
+// Similar scenario, but with the split console on the inspector panel.
+// Here, the messages should still be logged.
+add_task(async function () {
+  const hud = await openNewTabAndConsole(TEST_URI);
+  const toolbox = hud.toolbox;
+
+  info("Log one message in the console");
+  SpecialPowers.spawn(gBrowser.selectedBrowser, [], () => {
+    content.wrappedJSObject.log("in-console log");
+  });
+  await waitFor(() => findConsoleAPIMessage(hud, "in-console log"));
+
+  info("select the inspector");
+  await toolbox.selectTool("inspector");
+
+  info("Wait for console to be hidden");
+  const { document } = hud.iframeWindow;
+  await waitFor(() => document.visibilityState == "hidden");
+
+  await toolbox.openSplitConsole();
+
+  await SpecialPowers.spawn(
+    gBrowser.selectedBrowser,
+    [[MESSAGES_COUNT]],
+    count => {
+      for (let i = 1; i <= count; i++) {
+        content.wrappedJSObject.log("in-inspector log " + i);
+      }
+    }
+  );
+
+  info("Wait for all messages to be visible in the split console");
+  await waitFor(
+    async () =>
+      (
+        await findMessagesVirtualizedByType({
+          hud,
+          text: "in-inspector log ",
+          typeSelector: ".console-api",
+        })
+      ).length === MESSAGES_COUNT
+  );
+  ok(true, "All the messages logged when we are using the split console");
+
+  await toolbox.closeSplitConsole();
+});