@cephalization/math 0.3.2 → 0.4.0

package/src/ui/app.test.ts

@@ -1,228 +0,0 @@
-import { test, expect, describe } from "bun:test";
-import type { WebSocketMessage } from "./server";
-import type { BufferLogEntry, BufferAgentOutput } from "./buffer";
-
-/**
- * Tests for the React app module.
- * Since the app is primarily UI code that mounts to the DOM,
- * we test that the module exports correctly and the types align.
- */
-
-describe("app.tsx", () => {
-  test("module exists and can be imported", async () => {
-    // The app module should exist at the expected path
-    const file = Bun.file("./src/ui/app.tsx");
-    const exists = await file.exists();
-    expect(exists).toBe(true);
-  });
-
-  test("imports react and react-dom", async () => {
-    const content = await Bun.file("./src/ui/app.tsx").text();
-    
-    expect(content).toContain('from "react"');
-    expect(content).toContain('from "react-dom/client"');
-  });
-
-  test("uses createRoot for React 18", async () => {
-    const content = await Bun.file("./src/ui/app.tsx").text();
-    
-    expect(content).toContain("createRoot");
-    expect(content).toContain('document.getElementById("root")');
-  });
-
-  test("connects to WebSocket at /ws", async () => {
-    const content = await Bun.file("./src/ui/app.tsx").text();
-    
-    expect(content).toContain("WebSocket");
-    expect(content).toContain("/ws");
-  });
-
-  test("renders Loop Status section", async () => {
-    const content = await Bun.file("./src/ui/app.tsx").text();
-    
-    expect(content).toContain("Loop Status");
-  });
-
-  test("renders Agent Output section", async () => {
-    const content = await Bun.file("./src/ui/app.tsx").text();
-    
-    expect(content).toContain("Agent Output");
-  });
-
-  test("handles WebSocket message types", async () => {
-    const content = await Bun.file("./src/ui/app.tsx").text();
-    
-    // Should handle all message types from server
-    expect(content).toContain('"connected"');
-    expect(content).toContain('"history"');
-    expect(content).toContain('"log"');
-    expect(content).toContain('"output"');
-  });
-
-  test("stores logs and output in state", async () => {
-    const content = await Bun.file("./src/ui/app.tsx").text();
-    
-    // Should use useState for logs and output
-    expect(content).toContain("useState<BufferLogEntry[]>");
-    expect(content).toContain("useState<BufferAgentOutput[]>");
-  });
-
-  test("shows connection status", async () => {
-    const content = await Bun.file("./src/ui/app.tsx").text();
-    
-    expect(content).toContain("Connected");
-    expect(content).toContain("Disconnected");
-  });
-});
-
-describe("stream-display features", () => {
-  test("defines category colors for all log types", async () => {
-    const content = await Bun.file("./src/ui/app.tsx").text();
-    
-    // Should define colors for all categories
-    expect(content).toContain("categoryColors");
-    expect(content).toContain("info:");
-    expect(content).toContain("success:");
-    expect(content).toContain("warning:");
-    expect(content).toContain("error:");
-  });
-
-  test("uses correct terminal colors for categories", async () => {
-    const content = await Bun.file("./src/ui/app.tsx").text();
-    
-    // Blue for info
-    expect(content).toMatch(/info.*#60a5fa|#60a5fa.*info/i);
-    // Green for success
-    expect(content).toMatch(/success.*#4ade80|#4ade80.*success/i);
-    // Yellow for warning
-    expect(content).toMatch(/warning.*#facc15|#facc15.*warning/i);
-    // Red for error
-    expect(content).toMatch(/error.*#f87171|#f87171.*error/i);
-  });
-
-  test("has refs for auto-scroll containers", async () => {
-    const content = await Bun.file("./src/ui/app.tsx").text();
-    
-    // Should use refs for both containers
-    expect(content).toContain("logContainerRef");
-    expect(content).toContain("outputContainerRef");
-    expect(content).toContain("useRef<HTMLDivElement>");
-  });
-
-  test("implements auto-scroll on content changes", async () => {
-    const content = await Bun.file("./src/ui/app.tsx").text();
-    
-    // Should scroll to bottom on logs and output changes
-    expect(content).toContain("scrollTop");
-    expect(content).toContain("scrollHeight");
-    
-    // Should have useEffect hooks with appropriate dependencies
-    // The pattern: useEffect that uses logContainerRef and depends on [logs]
-    expect(content).toContain("logContainerRef.current.scrollTop = logContainerRef.current.scrollHeight");
-    expect(content).toContain("}, [logs])");
-    
-    // The pattern: useEffect that uses outputContainerRef and depends on [output]
-    expect(content).toContain("outputContainerRef.current.scrollTop = outputContainerRef.current.scrollHeight");
-    expect(content).toContain("}, [output])");
-  });
-
-  test("renders preformatted monospace agent output", async () => {
-    const content = await Bun.file("./src/ui/app.tsx").text();
-    
-    // Should use <pre> tag for agent output
-    expect(content).toContain("<pre");
-    // Should have monospace font for output
-    expect(content).toContain("fontFamily: \"monospace\"");
-    // Should preserve whitespace
-    expect(content).toContain("pre-wrap");
-  });
-
-  test("has visual connection status indicator", async () => {
-    const content = await Bun.file("./src/ui/app.tsx").text();
-    
-    // Should have a status dot element
-    expect(content).toContain("statusDot");
-    // Should use different colors based on connection
-    expect(content).toContain("backgroundColor:");
-    // Should have a container for status
-    expect(content).toContain("statusContainer");
-  });
-
-  test("applies category color to timestamp and category label", async () => {
-    const content = await Bun.file("./src/ui/app.tsx").text();
-    
-    // Should apply color to timestamp
-    expect(content).toContain("getCategoryColor(log.category)");
-    // Should be used in style objects
-    expect(content).toMatch(/color:\s*getCategoryColor/);
-  });
-
-  test("imports LogCategory type", async () => {
-    const content = await Bun.file("./src/ui/app.tsx").text();
-    
-    // Should import LogCategory from agent
-    expect(content).toContain('import type { LogCategory } from "../agent"');
-  });
-});
-
-describe("WebSocketMessage type compatibility", () => {
-  test("history message has correct structure", () => {
-    const logs: BufferLogEntry[] = [
-      { timestamp: new Date(), category: "info", message: "test" },
-    ];
-    const output: BufferAgentOutput[] = [
-      { timestamp: new Date(), text: "output" },
-    ];
-
-    const message: WebSocketMessage = {
-      type: "history",
-      logs,
-      output,
-    };
-
-    expect(message.type).toBe("history");
-    expect(message.logs).toHaveLength(1);
-    expect(message.output).toHaveLength(1);
-  });
-
-  test("log message has correct structure", () => {
-    const entry: BufferLogEntry = {
-      timestamp: new Date(),
-      category: "error",
-      message: "test error",
-    };
-
-    const message: WebSocketMessage = {
-      type: "log",
-      entry,
-    };
-
-    expect(message.type).toBe("log");
-    expect(message.entry.category).toBe("error");
-  });
-
-  test("output message has correct structure", () => {
-    const entry: BufferAgentOutput = {
-      timestamp: new Date(),
-      text: "agent text",
-    };
-
-    const message: WebSocketMessage = {
-      type: "output",
-      entry,
-    };
-
-    expect(message.type).toBe("output");
-    expect(message.entry.text).toBe("agent text");
-  });
-
-  test("connected message has correct structure", () => {
-    const message: WebSocketMessage = {
-      type: "connected",
-      id: "test-uuid",
-    };
-
-    expect(message.type).toBe("connected");
-    expect(message.id).toBe("test-uuid");
-  });
-});