1 files changed, 152 insertions, 0 deletions
diff --git a/browser/components/extensions/test/browser/browser_ext_openPanel.js b/browser/components/extensions/test/browser/browser_ext_openPanel.js
new file mode 100644
index 0000000000..105cdc834b
--- /dev/null
+++ b/browser/components/extensions/test/browser/browser_ext_openPanel.js
@@ -0,0 +1,152 @@
+/* -*- Mode: indent-tabs-mode: nil; js-indent-level: 2 -*- */
+/* vim: set sts=2 sw=2 et tw=80: */
+"use strict";
+
+add_task(async function test_openPopup_requires_user_interaction() {
+  async function backgroundScript() {
+    browser.tabs.onUpdated.addListener(async (tabId, changeInfo, tabInfo) => {
+      if (changeInfo.status != "complete") {
+        return;
+      }
+      await browser.pageAction.show(tabId);
+
+      await browser.test.assertRejects(
+        browser.pageAction.openPopup(),
+        "pageAction.openPopup may only be called from a user input handler",
+        "The error is informative."
+      );
+      await browser.test.assertRejects(
+        browser.sidebarAction.open(),
+        "sidebarAction.open may only be called from a user input handler",
+        "The error is informative."
+      );
+      await browser.test.assertRejects(
+        browser.sidebarAction.close(),
+        "sidebarAction.close may only be called from a user input handler",
+        "The error is informative."
+      );
+      await browser.test.assertRejects(
+        browser.sidebarAction.toggle(),
+        "sidebarAction.toggle may only be called from a user input handler",
+        "The error is informative."
+      );
+
+      browser.runtime.onMessage.addListener(async msg => {
+        browser.test.assertEq(msg, "from-panel", "correct message received");
+        browser.test.sendMessage("panel-opened");
+      });
+
+      browser.test.sendMessage("ready");
+    });
+    browser.tabs.create({ url: "tab.html" });
+  }
+
+  let extensionData = {
+    background: backgroundScript,
+    manifest: {
+      browser_action: {
+        default_popup: "panel.html",
+      },
+      page_action: {
+        default_popup: "panel.html",
+      },
+      sidebar_action: {
+        default_panel: "panel.html",
+      },
+    },
+    // We don't want the panel open automatically, so need a non-default reason.
+    startupReason: "APP_STARTUP",
+
+    files: {
+      "tab.html": `
+      <!DOCTYPE html>
+      <html><head><meta charset="utf-8"></head><body>
+      <button id="openPageAction">openPageAction</button>
+      <button id="openSidebarAction">openSidebarAction</button>
+      <button id="closeSidebarAction">closeSidebarAction</button>
+      <button id="toggleSidebarAction">toggleSidebarAction</button>
+      <script src="tab.js"></script>
+      </body></html>
+      `,
+      "panel.html": `
+      <!DOCTYPE html>
+      <html><head><meta charset="utf-8"></head><body>
+      <script src="panel.js"></script>
+      </body></html>
+      `,
+      "tab.js": function () {
+        document.getElementById("openPageAction").addEventListener(
+          "click",
+          () => {
+            browser.pageAction.openPopup();
+          },
+          { once: true }
+        );
+        document.getElementById("openSidebarAction").addEventListener(
+          "click",
+          () => {
+            browser.sidebarAction.open();
+          },
+          { once: true }
+        );
+        document.getElementById("closeSidebarAction").addEventListener(
+          "click",
+          () => {
+            browser.sidebarAction.close();
+          },
+          { once: true }
+        );
+        /* eslint-disable mozilla/balanced-listeners */
+        document
+          .getElementById("toggleSidebarAction")
+          .addEventListener("click", () => {
+            browser.sidebarAction.toggle();
+          });
+        /* eslint-enable mozilla/balanced-listeners */
+      },
+      "panel.js": function () {
+        browser.runtime.sendMessage("from-panel");
+      },
+    },
+  };
+
+  let extension = ExtensionTestUtils.loadExtension(extensionData);
+
+  async function click(id) {
+    let open = extension.awaitMessage("panel-opened");
+    await BrowserTestUtils.synthesizeMouseAtCenter(
+      id,
+      {},
+      gBrowser.selectedBrowser
+    );
+    return open;
+  }
+
+  await extension.startup();
+  await extension.awaitMessage("ready");
+
+  await click("#openPageAction");
+  closePageAction(extension);
+  await new Promise(resolve => setTimeout(resolve, 0));
+
+  await click("#openSidebarAction");
+
+  await BrowserTestUtils.synthesizeMouseAtCenter(
+    "#closeSidebarAction",
+    {},
+    gBrowser.selectedBrowser
+  );
+  await TestUtils.waitForCondition(() => !SidebarUI.isOpen);
+
+  await click("#toggleSidebarAction");
+  await TestUtils.waitForCondition(() => SidebarUI.isOpen);
+  await BrowserTestUtils.synthesizeMouseAtCenter(
+    "#toggleSidebarAction",
+    {},
+    gBrowser.selectedBrowser
+  );
+  await TestUtils.waitForCondition(() => !SidebarUI.isOpen);
+
+  BrowserTestUtils.removeTab(gBrowser.selectedTab);
+  await extension.unload();
+});