Files
fusion/packages/dashboard/app/__tests__/auth.test.ts
gsxdsm 3031d05a68 fix(dashboard): clear all 661 test-file type errors
Production typecheck (tsconfig.json + tsconfig.app.json) was already
clean, but a third config that includes test files surfaced 661 errors
across 60+ test files — accumulated drift between mock fixtures and
production types. Six parallel typescript-pro agents fixed every one
without touching production code.

Per-scope before/after (errors → 0):
  ChatView                                                     183
  Mailbox + Agent suite (5 files)                              156
  Task / Modal suite (6 files)                                 127
  App + small components (12 files)                             96
  Hooks + api/auth (8 files)                                    48
  Long tail (32 files)                                          51
  -----------------------------------------------------------------
  Total                                                        661

Major fix categories:
- Untyped state objects inferring `never[]` / `null` literals (root
  cause of ~120 errors in ChatView alone — added a single
  `UseChatReturn` annotation)
- Mock objects missing fields that became required: `WorkflowStep.mode`,
  `ChatMessage.thinkingOutput / metadata`, `ChatSession.projectId`,
  `Task.log`, `ProjectHealth` fields, `PtyTerminalSessionInfo.createdAt`,
  `Agent.metadata`, `InboxResponse.total`, etc.
- Mock objects with stale fields that no longer exist:
  `AgentBudgetStatus.budgetPeriod`, `truncated` on log responses,
  `OutboxResponse.unreadCount`, `MergeResult.source/target/details`
- Modal props that became required (e.g. `PlanningModeModal.onTasksCreated`)
- String literals not in narrowed unions (`Column`, `WorkflowStepPhase`,
  `InsightStatus`, `AgentLogType`, etc.)
- `querySelector` returning `Element` cast to `HTMLElement` for
  `@testing-library/react`'s `within()`
- Vitest mock typing: `.mock.calls` access needing `vi.mocked(...)`,
  zero-param tuple handling, generic `vi.fn(() => [])` inferring
  `never[]`

Helpers introduced in test files (no shared infra):
- `makeSettings(overrides)` in ModelSelectorTab.test.tsx
- `makePromptOverrides(overrides)` in AgentPromptsManager.test.tsx
- `FileBrowserTestOverrides` type alias in FileBrowser.test.tsx
- `makeInboxResponse / makeOutboxResponse` in MailboxView.test.tsx

Verification:
- tsc -p tsconfig.json:        exit 0
- tsc -p tsconfig.app.json:    exit 0
- tsc -p tsconfig.test-check.json (new — includes test files): exit 0
- vitest run:                  9639 / 9641 (2 pre-existing failures
                               in terminal-mobile-keyboard-layout.test.ts
                               unrelated to this work; verified via
                               `git stash` + run on clean HEAD)

Adds packages/dashboard/tsconfig.test-check.json to keep this regression
guard available locally — same as tsconfig.app.json minus the test
exclude.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-27 19:59:52 -07:00

170 lines
6.4 KiB
TypeScript

import { beforeEach, describe, expect, it, vi } from "vitest";
async function loadAuthModule() {
vi.resetModules();
return import("../auth");
}
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#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#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");
});
});