import { WS_METHODS } from "@t3tools/contracts"; import { afterEach, beforeEach, describe, expect, it, vi } from "vitest"; import { WsTransport } from "./wsTransport"; type WsEventType = "open" | "message" | "close" | "error"; type WsEvent = { code?: number; data?: unknown; reason?: string; type?: string }; type WsListener = (event?: WsEvent) => void; const sockets: MockWebSocket[] = []; class MockWebSocket { static readonly CONNECTING = 0; static readonly OPEN = 1; static readonly CLOSING = 2; static readonly CLOSED = 3; readyState = MockWebSocket.CONNECTING; readonly sent: string[] = []; readonly url: string; private readonly listeners = new Map>(); constructor(url: string) { this.url = url; sockets.push(this); } addEventListener(type: WsEventType, listener: WsListener) { const listeners = this.listeners.get(type) ?? new Set(); listeners.add(listener); this.listeners.set(type, listeners); } removeEventListener(type: WsEventType, listener: WsListener) { this.listeners.get(type)?.delete(listener); } send(data: string) { this.sent.push(data); } close(code = 1000, reason = "") { this.readyState = MockWebSocket.CLOSED; this.emit("close", { code, reason, type: "close" }); } open() { this.readyState = MockWebSocket.OPEN; this.emit("open", { type: "open" }); } serverMessage(data: unknown) { this.emit("message", { data, type: "message" }); } private emit(type: WsEventType, event?: WsEvent) { const listeners = this.listeners.get(type); if (!listeners) return; for (const listener of listeners) { listener(event); } } } const originalWebSocket = globalThis.WebSocket; function getSocket(): MockWebSocket { const socket = sockets.at(-1); if (!socket) { throw new Error("Expected a websocket instance"); } return socket; } async function waitFor(assertion: () => void, timeoutMs = 1_000): Promise { const startedAt = Date.now(); for (;;) { try { assertion(); return; } catch (error) { if (Date.now() - startedAt >= timeoutMs) { throw error; } await new Promise((resolve) => setTimeout(resolve, 10)); } } } beforeEach(() => { sockets.length = 0; Object.defineProperty(globalThis, "window", { configurable: true, value: { location: { origin: "http://localhost:3020", hostname: "localhost", port: "3020", protocol: "http:", }, desktopBridge: undefined, }, }); globalThis.WebSocket = MockWebSocket as unknown as typeof WebSocket; }); afterEach(() => { globalThis.WebSocket = originalWebSocket; vi.restoreAllMocks(); }); describe("WsTransport", () => { it("normalizes root websocket urls to /ws and preserves query params", async () => { const transport = new WsTransport("ws://localhost:3020/?token=secret-token"); await waitFor(() => { expect(sockets).toHaveLength(1); }); expect(getSocket().url).toBe("ws://localhost:3020/ws?token=secret-token"); await transport.dispose(); }); it("uses wss when falling back to an https page origin", async () => { Object.assign(window.location, { origin: "https://app.example.com", hostname: "app.example.com", port: "", protocol: "https:", }); const transport = new WsTransport(); await waitFor(() => { expect(sockets).toHaveLength(1); }); expect(getSocket().url).toBe("wss://app.example.com/ws"); await transport.dispose(); }); it("sends unary RPC requests and resolves successful exits", async () => { const transport = new WsTransport("ws://localhost:3020"); const requestPromise = transport.request((client) => client[WS_METHODS.serverUpsertKeybinding]({ command: "terminal.toggle", key: "ctrl+k", }), ); await waitFor(() => { expect(sockets).toHaveLength(1); }); const socket = getSocket(); socket.open(); await waitFor(() => { expect(socket.sent).toHaveLength(1); }); const requestMessage = JSON.parse(socket.sent[0] ?? "{}") as { _tag: string; id: string; payload: unknown; tag: string; }; expect(requestMessage).toMatchObject({ _tag: "Request", tag: WS_METHODS.serverUpsertKeybinding, payload: { command: "terminal.toggle", key: "ctrl+k", }, }); socket.serverMessage( JSON.stringify({ _tag: "Exit", requestId: requestMessage.id, exit: { _tag: "Success", value: { keybindings: [], issues: [], }, }, }), ); await expect(requestPromise).resolves.toEqual({ keybindings: [], issues: [], }); await transport.dispose(); }); it("delivers stream chunks to subscribers", async () => { const transport = new WsTransport("ws://localhost:3020"); const listener = vi.fn(); const unsubscribe = transport.subscribe( (client) => client[WS_METHODS.subscribeServerLifecycle]({}), listener, ); await waitFor(() => { expect(sockets).toHaveLength(1); }); const socket = getSocket(); socket.open(); await waitFor(() => { expect(socket.sent).toHaveLength(1); }); const requestMessage = JSON.parse(socket.sent[0] ?? "{}") as { id: string; tag: string }; expect(requestMessage.tag).toBe(WS_METHODS.subscribeServerLifecycle); const welcomeEvent = { version: 1, sequence: 1, type: "welcome", payload: { cwd: "/tmp/workspace", projectName: "workspace", }, }; socket.serverMessage( JSON.stringify({ _tag: "Chunk", requestId: requestMessage.id, values: [welcomeEvent], }), ); await waitFor(() => { expect(listener).toHaveBeenCalledWith(welcomeEvent); }); unsubscribe(); await transport.dispose(); }); it("re-subscribes stream listeners after the stream exits", async () => { const transport = new WsTransport("ws://localhost:3020"); const listener = vi.fn(); const unsubscribe = transport.subscribe( (client) => client[WS_METHODS.subscribeServerLifecycle]({}), listener, ); await waitFor(() => { expect(sockets).toHaveLength(1); }); const socket = getSocket(); socket.open(); await waitFor(() => { expect(socket.sent).toHaveLength(1); }); const firstRequest = JSON.parse(socket.sent[0] ?? "{}") as { id: string }; socket.serverMessage( JSON.stringify({ _tag: "Chunk", requestId: firstRequest.id, values: [ { version: 1, sequence: 1, type: "welcome", payload: { cwd: "/tmp/one", projectName: "one", }, }, ], }), ); socket.serverMessage( JSON.stringify({ _tag: "Exit", requestId: firstRequest.id, exit: { _tag: "Success", value: null, }, }), ); await waitFor(() => { const nextRequest = socket.sent .map((message) => JSON.parse(message) as { _tag?: string; id?: string }) .find((message) => message._tag === "Request" && message.id !== firstRequest.id); expect(nextRequest).toBeDefined(); }); const secondRequest = socket.sent .map((message) => JSON.parse(message) as { _tag?: string; id?: string; tag?: string }) .find( (message): message is { _tag: "Request"; id: string; tag: string } => message._tag === "Request" && message.id !== firstRequest.id, ); if (!secondRequest) { throw new Error("Expected a resubscribe request"); } expect(secondRequest.tag).toBe(WS_METHODS.subscribeServerLifecycle); expect(secondRequest.id).not.toBe(firstRequest.id); const secondEvent = { version: 1, sequence: 2, type: "welcome", payload: { cwd: "/tmp/two", projectName: "two", }, }; socket.serverMessage( JSON.stringify({ _tag: "Chunk", requestId: secondRequest.id, values: [secondEvent], }), ); await waitFor(() => { expect(listener).toHaveBeenLastCalledWith(secondEvent); }); unsubscribe(); await transport.dispose(); }); it("streams finite request events without re-subscribing", async () => { const transport = new WsTransport("ws://localhost:3020"); const listener = vi.fn(); await waitFor(() => { expect(sockets).toHaveLength(1); }); const socket = getSocket(); socket.open(); const requestPromise = transport.requestStream( (client) => client[WS_METHODS.gitRunStackedAction]({ actionId: "action-1", cwd: "/repo", action: "commit", }), listener, ); await waitFor(() => { expect(socket.sent).toHaveLength(1); }); const requestMessage = JSON.parse(socket.sent[0] ?? "{}") as { id: string }; const progressEvent = { actionId: "action-1", cwd: "/repo", action: "commit", kind: "phase_started", phase: "commit", label: "Committing...", } as const; socket.serverMessage( JSON.stringify({ _tag: "Chunk", requestId: requestMessage.id, values: [progressEvent], }), ); socket.serverMessage( JSON.stringify({ _tag: "Exit", requestId: requestMessage.id, exit: { _tag: "Success", value: null, }, }), ); await expect(requestPromise).resolves.toBeUndefined(); expect(listener).toHaveBeenCalledWith(progressEvent); expect( socket.sent.filter((message) => { const parsed = JSON.parse(message) as { _tag?: string; tag?: string }; return parsed._tag === "Request" && parsed.tag === WS_METHODS.gitRunStackedAction; }), ).toHaveLength(1); await transport.dispose(); }); it("closes the client scope on the transport runtime before disposing the runtime", async () => { const callOrder: string[] = []; let resolveClose!: () => void; const closePromise = new Promise((resolve) => { resolveClose = resolve; }); const runtime = { runPromise: vi.fn(async () => { callOrder.push("close:start"); await closePromise; callOrder.push("close:done"); return undefined; }), dispose: vi.fn(async () => { callOrder.push("runtime:dispose"); }), }; const transport = { disposed: false, clientScope: {} as never, runtime, } as unknown as WsTransport; WsTransport.prototype.dispose.call(transport); expect(runtime.runPromise).toHaveBeenCalledTimes(1); expect(runtime.dispose).not.toHaveBeenCalled(); expect((transport as unknown as { disposed: boolean }).disposed).toBe(true); resolveClose(); await waitFor(() => { expect(runtime.dispose).toHaveBeenCalledTimes(1); }); expect(callOrder).toEqual(["close:start", "close:done", "runtime:dispose"]); }); });