Files
fusion/packages/dashboard/app/__tests__/auth.test.ts
Fusion a6c4ee2b8c feat(FN-3406): add shell context hook plumbing for dashboard
Adds a new `useShellContext` hook with tests to the dashboard, integrated into `App.tsx` and `Header.tsx` to provide shell context plumbing throughout the UI.

Fusion-Task-Id: FN-3406
2026-05-07 23:21:05 -07:00

242 lines
8.8 KiB
TypeScript

import { beforeEach, describe, expect, it, vi } from "vitest";
async function loadAuthModule() {
vi.resetModules();
return import("../auth");
}
async function loadShellContextModule() {
return import("../shell-context");
}
describe("shell handoff contract", () => {
beforeEach(() => {
window.localStorage.clear();
window.history.replaceState({}, "", "/");
});
it("builds and parses a valid remote launch", async () => {
const {
buildRemoteShellLaunchUrl,
parseRemoteShellLaunchFromUrl,
SHELL_TOKEN_PARAM,
SHELL_KIND_PARAM,
SHELL_MODE_PARAM,
SHELL_PROFILE_ID_PARAM,
SHELL_SERVER_BASE_URL_PARAM,
} = await loadShellContextModule();
const launchUrl = buildRemoteShellLaunchUrl({
shellKind: "desktop",
shellMode: "remote",
profileId: "profile_1",
serverBaseUrl: "https://remote.example.com/",
serverLabel: "Remote A",
token: "daemon-token",
capabilities: { canOpenConnectionManager: true },
});
const parsedUrl = new URL(launchUrl);
expect(parsedUrl.searchParams.get(SHELL_KIND_PARAM)).toBe("desktop");
expect(parsedUrl.searchParams.get(SHELL_MODE_PARAM)).toBe("remote");
expect(parsedUrl.searchParams.get(SHELL_PROFILE_ID_PARAM)).toBe("profile_1");
expect(parsedUrl.searchParams.get(SHELL_SERVER_BASE_URL_PARAM)).toBe("https://remote.example.com");
expect(parsedUrl.searchParams.get(SHELL_TOKEN_PARAM)).toBe("daemon-token");
expect(parseRemoteShellLaunchFromUrl(launchUrl)).toEqual({
shellKind: "desktop",
shellMode: "remote",
profileId: "profile_1",
serverBaseUrl: "https://remote.example.com",
serverLabel: "Remote A",
token: "daemon-token",
capabilities: { canOpenConnectionManager: true },
});
});
it("rejects malformed or partial remote launch data", async () => {
const { parseRemoteShellLaunchFromUrl } = await loadShellContextModule();
expect(
parseRemoteShellLaunchFromUrl(
"https://remote.example.com/?shellKind=desktop&shellMode=remote&profileId=abc",
),
).toBeNull();
expect(
parseRemoteShellLaunchFromUrl(
"https://remote.example.com/?shellKind=desktop&shellMode=remote&serverBaseUrl=https://remote.example.com",
),
).toBeNull();
expect(
parseRemoteShellLaunchFromUrl(
"https://remote.example.com/?shellKind=unknown&shellMode=remote&profileId=abc&serverBaseUrl=https://remote.example.com",
),
).toBeNull();
});
});
describe("auth helpers", () => {
beforeEach(() => {
window.localStorage.clear();
window.history.replaceState({}, "", "/");
});
it("captures token from ?token= and cleans URL while preserving other params/hash", async () => {
window.history.replaceState({}, "", "/dashboard?token=daemon-123&view=board&shellKind=desktop#focus");
const { getAuthToken } = await loadAuthModule();
expect(getAuthToken()).toBe("daemon-123");
expect(window.localStorage.getItem("fn.authToken")).toBe("daemon-123");
expect(`${window.location.pathname}${window.location.search}${window.location.hash}`).toBe(
"/dashboard?view=board&shellKind=desktop#focus",
);
});
it("appends fn_token for same-origin API URLs and same-host websocket URLs", async () => {
window.localStorage.setItem("fn.authToken", "daemon-abc");
const { appendTokenQuery, QUERY_TOKEN_PARAM } = await loadAuthModule();
expect(appendTokenQuery("/api/tasks?limit=1")).toBe(
`/api/tasks?limit=1&${QUERY_TOKEN_PARAM}=daemon-abc`,
);
const wsUrl = `ws://${window.location.host}/api/events`;
expect(appendTokenQuery(wsUrl)).toBe(`${wsUrl}?${QUERY_TOKEN_PARAM}=daemon-abc`);
});
it("does not append fn_token for cross-origin URLs", async () => {
window.localStorage.setItem("fn.authToken", "daemon-abc");
const { appendTokenQuery } = await loadAuthModule();
const externalOAuth = "https://auth.provider.example/oauth/start?client_id=test";
expect(appendTokenQuery(externalOAuth)).toBe(externalOAuth);
});
it("withTokenHeader adds bearer token without overwriting explicit Authorization", async () => {
window.localStorage.setItem("fn.authToken", "daemon-xyz");
const { withTokenHeader } = await loadAuthModule();
const merged = new Headers(withTokenHeader({ "X-Test": "1" }));
expect(merged.get("Authorization")).toBe("Bearer daemon-xyz");
expect(merged.get("X-Test")).toBe("1");
const explicit = new Headers(withTokenHeader({ Authorization: "Bearer pre-signed" }));
expect(explicit.get("Authorization")).toBe("Bearer pre-signed");
});
it("returns original headers when no token is available", async () => {
const { withTokenHeader } = await loadAuthModule();
const original = { "X-Test": "no-token" };
expect(withTokenHeader(original)).toBe(original);
});
});
describe("installAuthFetch", () => {
const originalFetch = window.fetch;
beforeEach(() => {
window.localStorage.clear();
window.history.replaceState({}, "", "/");
window.fetch = originalFetch;
delete (window as Window & { __fnAuthFetchInstalled?: boolean }).__fnAuthFetchInstalled;
});
it("injects Authorization only for same-origin /api requests", async () => {
window.localStorage.setItem("fn.authToken", "daemon-token");
const fetchSpy = vi.fn(async (_input: RequestInfo | URL, init?: RequestInit) => {
const headers = new Headers(init?.headers);
return new Response(JSON.stringify({ auth: headers.get("Authorization") }), {
status: 200,
headers: { "content-type": "application/json" },
});
});
window.fetch = fetchSpy as unknown as typeof window.fetch;
const { installAuthFetch } = await loadAuthModule();
installAuthFetch();
const apiResponse = await fetch("/api/tasks");
expect(await apiResponse.json()).toEqual({ auth: "Bearer daemon-token" });
await fetch("https://example.com/api/tasks");
const crossOriginHeaders = new Headers(fetchSpy.mock.calls[1]?.[1]?.headers);
expect(crossOriginHeaders.get("Authorization")).toBeNull();
});
it("fires the daemon auth recovery signal only for daemon auth 401 payloads and dedupes repeats", async () => {
window.localStorage.setItem("fn.authToken", "stale-token");
window.fetch = vi.fn(async () => {
return new Response(
JSON.stringify({ error: "Unauthorized", message: "Valid bearer token required" }),
{
status: 401,
headers: { "content-type": "application/json" },
},
);
}) as unknown as typeof window.fetch;
const { installAuthFetch, AUTH_TOKEN_RECOVERY_REQUIRED_EVENT } = await loadAuthModule();
installAuthFetch();
const eventHandler = vi.fn();
window.addEventListener(AUTH_TOKEN_RECOVERY_REQUIRED_EVENT, eventHandler);
const first = await fetch("/api/tasks");
expect(await first.json()).toEqual({ error: "Unauthorized", message: "Valid bearer token required" });
await vi.waitFor(() => {
expect(eventHandler).toHaveBeenCalledTimes(1);
});
await fetch("/api/tasks?next=1");
await new Promise((resolve) => setTimeout(resolve, 0));
expect(eventHandler).toHaveBeenCalledTimes(1);
window.removeEventListener(AUTH_TOKEN_RECOVERY_REQUIRED_EVENT, eventHandler);
});
it("does not fire the recovery signal for unrelated 401 payloads", async () => {
window.localStorage.setItem("fn.authToken", "stale-token");
window.fetch = vi.fn(async () => {
return new Response(JSON.stringify({ error: "Unauthorized", message: "Project auth required" }), {
status: 401,
headers: { "content-type": "application/json" },
});
}) as unknown as typeof window.fetch;
const { installAuthFetch, AUTH_TOKEN_RECOVERY_REQUIRED_EVENT } = await loadAuthModule();
installAuthFetch();
const eventHandler = vi.fn();
window.addEventListener(AUTH_TOKEN_RECOVERY_REQUIRED_EVENT, eventHandler);
const response = await fetch("/api/tasks");
expect(await response.json()).toEqual({ error: "Unauthorized", message: "Project auth required" });
await new Promise((resolve) => setTimeout(resolve, 0));
expect(eventHandler).not.toHaveBeenCalled();
window.removeEventListener(AUTH_TOKEN_RECOVERY_REQUIRED_EVENT, eventHandler);
});
it("is idempotent and only installs one fetch wrapper", async () => {
window.localStorage.setItem("fn.authToken", "daemon-token");
const fetchSpy = vi.fn(async (_input: RequestInfo | URL, _init?: RequestInit) => new Response("ok", { status: 200 }));
window.fetch = fetchSpy as unknown as typeof window.fetch;
const { installAuthFetch } = await loadAuthModule();
installAuthFetch();
installAuthFetch();
await fetch("/api/tasks");
expect(fetchSpy).toHaveBeenCalledTimes(1);
expect(new Headers(fetchSpy.mock.calls[0]?.[1]?.headers).get("Authorization")).toBe("Bearer daemon-token");
});
});