1 files changed, 65 insertions, 0 deletions
diff --git a/devtools/client/storage/test/browser_storage_sidebar_toggle.js b/devtools/client/storage/test/browser_storage_sidebar_toggle.js
new file mode 100644
index 0000000000..3e27e23e88
--- /dev/null
+++ b/devtools/client/storage/test/browser_storage_sidebar_toggle.js
@@ -0,0 +1,65 @@
+/* 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/. */
+
+// Test to verify that the sidebar toggles when the toggle button is clicked.
+
+"use strict";
+
+const testCases = [
+  {
+    location: ["cookies", "https://sectest1.example.org"],
+    sidebarHidden: true,
+    toggleButtonVisible: false,
+  },
+  {
+    location: getCookieId("cs2", ".example.org", "/"),
+    sidebarHidden: false,
+    toggleButtonVisible: true,
+  },
+  {
+    clickToggle: true,
+  },
+  {
+    location: getCookieId("cs2", ".example.org", "/"),
+    sidebarHidden: true,
+  },
+];
+
+add_task(async function () {
+  // storage-listings.html explicitly mixes secure and insecure frames.
+  // We should not enforce https for tests using this page.
+  await pushPref("dom.security.https_first", false);
+
+  await openTabAndSetupStorage(MAIN_DOMAIN + "storage-listings.html");
+
+  for (const test of testCases) {
+    const { location, sidebarHidden, clickToggle, toggleButtonVisible } = test;
+
+    info("running " + JSON.stringify(test));
+
+    if (Array.isArray(location)) {
+      await selectTreeItem(location);
+    } else if (location) {
+      await selectTableItem(location);
+    }
+
+    if (clickToggle) {
+      toggleSidebar();
+    } else if (typeof toggleButtonHidden !== "undefined") {
+      is(
+        sidebarToggleVisible(),
+        toggleButtonVisible,
+        "correct visibility state of toggle button"
+      );
+    } else {
+      is(
+        gUI.sidebar.hidden,
+        sidebarHidden,
+        "correct visibility state of sidebar."
+      );
+    }
+
+    info("-".repeat(80));
+  }
+});