Files
fusion/packages/dashboard/vitest.setup.ts
gsxdsm 19be91c9f8 feat(dashboard): shared bring-to-front z-stack for all floating modals; fix TaskChatTab tests
- Floating modals (FloatingWindow, right-dock pop-out, terminal, New Task) now share one z-index stack (floatingWindowStack) — tapping any one raises it above all others regardless of type. Floating overlays reset to z-index:auto so panels interleave in the shared 4000+ band.
- TaskChatTab tests: the test i18n now resolves the entryCount/toolCallCount plural forms (production already had them) so '2 entries'/'7 tool calls' render; fixed stale 'Tool call → result/error' casing to match the rendered 'Result'/'Error'. All 179 pass.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-22 05:33:10 -07:00

207 lines
6.6 KiB
TypeScript

import "@testing-library/jest-dom";
import { vi } from "vitest";
import i18next from "i18next";
import { initReactI18next } from "react-i18next";
// Initialize a minimal real i18next instance for component tests. Components
// call useTranslation() without a provider in tests; react-i18next's
// uninitialized fallback returns inline defaults WITHOUT interpolation
// (literal "{{count}}" in output). A backend-less en instance keeps t(key,
// default, options) returning the interpolated English default, so tests
// keep asserting the same strings as before the i18n migration. Tests that
// vi.mock("react-i18next") or "../i18n" are unaffected.
await i18next.use(initReactI18next).init({
lng: "en",
fallbackLng: "en",
// Each namespace present (empty) so hasLoadedNamespace() is true — an
// unloaded namespace makes useTranslation() suspend (no Suspense boundary
// in component tests) even with useSuspense disabled belt-and-braces below.
//
// FNXC:TestI18n 2026-06-22-21:40:
// Pluralized count keys must resolve from resources, not the singular inline
// default. t("taskChat.entryCount", "{{count}} entry", { count }) renders the
// singular default for ALL counts when the key is absent — so count=2 became
// "2 entry". Provide the _one/_other forms (as the real en locale does) so the
// correct plural ("2 entries", "7 tool calls") renders in tests too. Only these
// keys resolve from the bundle; every other key still falls back to its inline
// default, preserving existing assertions.
resources: {
en: {
common: {},
app: {
taskChat: {
entryCount_one: "{{count}} entry",
entryCount_other: "{{count}} entries",
toolCallCount_one: "{{count}} tool call",
toolCallCount_other: "{{count}} tool calls",
},
},
errors: {},
},
},
ns: ["common", "app", "errors"],
defaultNS: "common",
interpolation: { escapeValue: false },
returnNull: false,
react: { useSuspense: false },
});
// Ensure dashboard route/server tests start in no-auth mode unless they
// explicitly opt in. CI/agent shells may export daemon tokens globally,
// which would otherwise force 401s across unrelated endpoint tests.
const clearDaemonAuthEnv = () => {
delete process.env.FUSION_DAEMON_TOKEN;
delete process.env.FUSION_BEARER_TOKEN;
};
clearDaemonAuthEnv();
const noisyOutputMarkers = [
"ExperimentalWarning: SQLite is an experimental feature",
"Subagent result watcher failed",
"pi-async-subagent-results",
"[pi] createFnAgent called",
"[pi] Session created successfully",
"[pi-claude-cli] Claude CLI is not authenticated",
"Terminal WebSocket server mounted at /api/terminal/ws",
"[api:error]",
"[models] Failed to load models:",
"[routes] failed to trigger",
];
function isNoisyTestOutput(value: unknown): boolean {
const text = typeof value === "string" || value instanceof Buffer ? String(value) : "";
return noisyOutputMarkers.some((marker) => text.includes(marker));
}
const originalStdoutWrite = process.stdout.write.bind(process.stdout);
process.stdout.write = ((chunk: unknown, ...args: unknown[]) => {
if (isNoisyTestOutput(chunk)) {
return true;
}
return originalStdoutWrite(chunk as any, ...(args as any));
}) as typeof process.stdout.write;
const originalStderrWrite = process.stderr.write.bind(process.stderr);
process.stderr.write = ((chunk: unknown, ...args: unknown[]) => {
if (isNoisyTestOutput(chunk)) {
return true;
}
return originalStderrWrite(chunk as any, ...(args as any));
}) as typeof process.stderr.write;
const originalConsoleLog = console.log.bind(console);
console.log = (...args: unknown[]) => {
if (args.some(isNoisyTestOutput)) {
return;
}
originalConsoleLog(...args);
};
const originalConsoleError = console.error.bind(console);
console.error = (...args: unknown[]) => {
if (args.some(isNoisyTestOutput)) {
return;
}
originalConsoleError(...args);
};
// Mock localStorage
const localStorageMock: Record<string, string> = {};
if (typeof window !== "undefined") {
Object.defineProperty(window, "localStorage", {
value: {
getItem: (key: string) => localStorageMock[key] || null,
setItem: (key: string, value: string) => {
localStorageMock[key] = value;
},
removeItem: (key: string) => {
delete localStorageMock[key];
},
clear: () => {
Object.keys(localStorageMock).forEach((key) => delete localStorageMock[key]);
},
},
writable: true,
});
// Mock matchMedia
Object.defineProperty(window, "matchMedia", {
writable: true,
value: vi.fn().mockImplementation((query: string) => ({
matches: query === "(prefers-color-scheme: dark)" ? true : false,
media: query,
onchange: null,
addEventListener: vi.fn(),
removeEventListener: vi.fn(),
dispatchEvent: vi.fn(),
})),
});
class MockResizeObserver {
observe = vi.fn();
unobserve = vi.fn();
disconnect = vi.fn();
}
(window as typeof window & { ResizeObserver?: typeof MockResizeObserver }).ResizeObserver = MockResizeObserver;
(globalThis as typeof globalThis & { ResizeObserver?: typeof MockResizeObserver }).ResizeObserver = MockResizeObserver;
}
// Global MockEventSource for tests
class MockEventSource {
static instances: MockEventSource[] = [];
static CONNECTING = 0;
static OPEN = 1;
static CLOSED = 2;
url: string;
listeners: Record<string, ((e: any) => void)[]> = {};
readyState = 0;
close = vi.fn(() => {
this.readyState = MockEventSource.CLOSED;
});
constructor(url: string) {
this.url = url;
this.readyState = MockEventSource.OPEN;
MockEventSource.instances.push(this);
}
addEventListener(event: string, fn: (e: any) => void) {
if (!this.listeners[event]) this.listeners[event] = [];
this.listeners[event].push(fn);
}
removeEventListener(event: string, fn: (e: any) => void) {
this.listeners[event] = (this.listeners[event] || []).filter((listener) => listener !== fn);
}
// Helper to simulate a server event
_emit(event: string, data?: unknown) {
for (const fn of this.listeners[event] || []) {
fn(data === undefined ? ({ } as { data: string }) : { data: JSON.stringify(data) });
}
}
}
// Set up before each test
beforeEach(() => {
clearDaemonAuthEnv();
MockEventSource.instances = [];
(globalThis as any).EventSource = MockEventSource;
});
// Clean up after each test
afterEach(() => {
// Close all lingering EventSource instances
for (const instance of MockEventSource.instances) {
instance.close();
}
MockEventSource.instances = [];
delete (globalThis as any).EventSource;
clearDaemonAuthEnv();
});
export { MockEventSource };