Move Administration's section list into the folder pane

Administration's pages are tables, and the Settings-style second column took width they need. The list of sections -- Directory > Accounts, Mail > Domains -- now sits in the folder pane where Mail keeps its folders, and the page is the open section alone, up to 1120px wide. On a phone the list is in the drawer like every other section's, so a bare /admin opens the first section rather than a page that is only a list. The back link it needed is gone.
2026-09-13 16:27:30 -07:00
parent 93c9660421
commit 7c0e278ee8
5 changed files with 123 additions and 41 deletions
@@ -0,0 +1,54 @@
+import { act } from "react";
+import { createRoot, type Root } from "react-dom/client";
+import { afterEach, beforeEach, describe, expect, it } from "vitest";
+import { Router } from "wouter";
+import { memoryLocation } from "wouter/memory-location";
+import { useSession } from "@/store/session";
+import type { JmapSession } from "@/jmap/types";
+import { AdminNav } from "../AdminNav";
+
+(globalThis as { IS_REACT_ACT_ENVIRONMENT?: boolean }).IS_REACT_ACT_ENVIRONMENT = true;
+
+const signIn = (permissions: string[]) =>
+  useSession.setState({ session: { capabilities: {}, accounts: {}, primaryAccounts: {}, username: "[email protected]", ihasmail: { permissions } } as unknown as JmapSession });
+
+/** The folder pane's list of Administration sections: only what the role can read. */
+describe("the Administration list in the folder pane", () => {
+  let host: HTMLDivElement;
+  let root: Root;
+  const render = async (path: string) => {
+    const { hook } = memoryLocation({ path });
+    await act(async () => {
+      root.render(<Router hook={hook}><AdminNav /></Router>);
+    });
+  };
+  beforeEach(() => {
+    host = document.createElement("div");
+    document.body.appendChild(host);
+    root = createRoot(host);
+  });
+  afterEach(async () => {
+    await act(async () => root.unmount());
+    host.remove();
+  });
+
+  it("lists each readable section under its group and marks the open one", async () => {
+    signIn(["sysAccountQuery", "sysAccountGet", "sysDomainQuery", "sysDomainGet"]);
+    await render("/admin/domains/d1");
+    expect([...host.querySelectorAll(".nav-section")].map((e) => e.textContent)).toEqual(["Directory", "Mail"]);
+    expect(host.querySelector(".nav-item.active")?.textContent).toBe("Domains");
+  });
+
+  it("treats a bare /admin as the first section, which is what the page opens", async () => {
+    signIn(["sysAccountQuery", "sysAccountGet", "sysDomainQuery", "sysDomainGet"]);
+    await render("/admin");
+    expect(host.querySelector(".nav-item.active")?.textContent).toBe("Accounts");
+  });
+
+  it("leaves out what the role cannot read", async () => {
+    signIn(["sysDomainQuery", "sysDomainGet"]);
+    await render("/admin");
+    expect(host.textContent).not.toContain("Accounts");
+    expect(host.querySelector(".nav-item.active")?.textContent).toBe("Domains");
+  });
+});