First Release of Claw3D (#11)

Co-authored-by: iamlukethedev <iamlukethedev@users.noreply.github.com>

tests/unit/agentCreateModal.test.ts

@@ -0,0 +1,130 @@
+import { createElement } from "react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, fireEvent, render, screen } from "@testing-library/react";
+import { AgentCreateModal } from "@/features/agents/components/AgentCreateModal";
+
+const openModal = (overrides?: {
+  busy?: boolean;
+  onClose?: () => void;
+  onSubmit?: (payload: unknown) => void;
+}) => {
+  const onClose = overrides?.onClose ?? vi.fn();
+  const onSubmit = overrides?.onSubmit ?? vi.fn();
+  render(
+    createElement(AgentCreateModal, {
+      open: true,
+      suggestedName: "New Agent",
+      busy: overrides?.busy,
+      onClose,
+      onSubmit,
+    })
+  );
+  return { onClose, onSubmit };
+};
+
+describe("AgentCreateModal", () => {
+  afterEach(() => {
+    cleanup();
+  });
+
+  it("submits simple payload with name and avatar seed", () => {
+    const onSubmit = vi.fn();
+    openModal({ onSubmit });
+
+    fireEvent.change(screen.getByLabelText("Agent name"), {
+      target: { value: "Execution Operator" },
+    });
+    fireEvent.click(screen.getByRole("button", { name: "Launch agent" }));
+
+    expect(onSubmit).toHaveBeenCalledWith(
+      expect.objectContaining({
+        name: "Execution Operator",
+        avatarSeed: expect.any(String),
+      })
+    );
+  });
+
+  it("submits when the form is submitted from keyboard flow", () => {
+    const onSubmit = vi.fn();
+    openModal({ onSubmit });
+
+    fireEvent.change(screen.getByLabelText("Agent name"), {
+      target: { value: "Keyboard Agent" },
+    });
+    fireEvent.submit(screen.getByTestId("agent-create-modal"));
+
+    expect(onSubmit).toHaveBeenCalledWith(
+      expect.objectContaining({
+        name: "Keyboard Agent",
+      })
+    );
+  });
+
+  it("renders one-step create form without guided wizard copy", () => {
+    openModal();
+
+    expect(screen.getByRole("button", { name: "Launch agent" })).toBeInTheDocument();
+    expect(screen.getByLabelText("Agent name")).toBeInTheDocument();
+    expect(screen.getByText("Choose avatar")).toBeInTheDocument();
+    expect(screen.getByRole("button", { name: "Shuffle avatar selection" })).toBeInTheDocument();
+    expect(screen.queryByText("Define Ownership")).not.toBeInTheDocument();
+    expect(screen.queryByText("Set Authority Level")).not.toBeInTheDocument();
+    expect(screen.queryByRole("button", { name: "Next" })).not.toBeInTheDocument();
+  });
+
+  it("disables launch when the name is blank", () => {
+    const onSubmit = vi.fn();
+    openModal({ onSubmit });
+
+    fireEvent.change(screen.getByLabelText("Agent name"), {
+      target: { value: "   " },
+    });
+    const launchButton = screen.getByRole("button", { name: "Launch agent" });
+    expect(launchButton).toBeDisabled();
+    fireEvent.click(launchButton);
+    expect(onSubmit).not.toHaveBeenCalled();
+  });
+
+  it("shows launching state while busy", () => {
+    openModal({ busy: true });
+
+    expect(screen.getByRole("button", { name: "Launching..." })).toBeDisabled();
+    expect(screen.getByRole("button", { name: "Close" })).toBeDisabled();
+  });
+
+  it("calls onClose when close is pressed", () => {
+    const onClose = vi.fn();
+    openModal({ onClose });
+
+    fireEvent.click(screen.getByRole("button", { name: "Close" }));
+    expect(onClose).toHaveBeenCalledTimes(1);
+  });
+
+  it("does not reset typed name when suggestedName changes while open", () => {
+    const onClose = vi.fn();
+    const onSubmit = vi.fn();
+    const view = render(
+      createElement(AgentCreateModal, {
+        open: true,
+        suggestedName: "New Agent",
+        onClose,
+        onSubmit,
+      })
+    );
+
+    fireEvent.change(screen.getByLabelText("Agent name"), {
+      target: { value: "My Draft Name" },
+    });
+
+    view.rerender(
+      createElement(AgentCreateModal, {
+        open: true,
+        suggestedName: "New Agent 2",
+        onClose,
+        onSubmit,
+      })
+    );
+
+    expect(screen.getByLabelText("Agent name")).toHaveValue("My Draft Name");
+  });
+});