import ToolCallsSummary from "./ToolCallsSummary.svelte";
import { render } from "vitest-browser-svelte";
import { page } from "@vitest/browser/context";

import { describe, expect, it } from "vitest";

type ProcessBlock =
	| { type: "think"; content: string; closed: boolean }
	| { type: "tool"; uuid: string; updates: [] };

const thinkBlock = (content: string): ProcessBlock => ({ type: "think", content, closed: true });
const toolBlock = (uuid: string): ProcessBlock => ({ type: "tool", uuid, updates: [] });

describe("ToolCallsSummary", () => {
	it("is collapsed by default (children hidden)", async () => {
		const { baseElement } = render(ToolCallsSummary, {
			blocks: [thinkBlock("Reasoning A"), thinkBlock("Reasoning B")],
			toolCount: 0,
		});

		// Only the header button is rendered; the child container is absent
		expect(baseElement.querySelector(".mt-1")).toBeNull();
	});

	it("labels the header by tool count", async () => {
		expect(
			render(ToolCallsSummary, { blocks: [toolBlock("a")], toolCount: 1 }).baseElement.textContent
		).toContain("Called 1 tool");

		expect(
			render(ToolCallsSummary, {
				blocks: [toolBlock("a"), toolBlock("b")],
				toolCount: 2,
			}).baseElement.textContent
		).toContain("Called 2 tools");
	});

	it("labels a tool-less run as 'Thought'", async () => {
		const { baseElement } = render(ToolCallsSummary, {
			blocks: [thinkBlock("A"), thinkBlock("B")],
			toolCount: 0,
		});
		expect(baseElement.textContent).toContain("Thought");
	});

	it("reveals indented child rows when expanded", async () => {
		const { baseElement } = render(ToolCallsSummary, {
			blocks: [thinkBlock("Reasoning A"), thinkBlock("Reasoning B")],
			toolCount: 0,
		});

		const toggle = baseElement.querySelector("button");
		if (!toggle) throw new Error("expected summary header button");
		toggle.click();
		await new Promise((r) => setTimeout(r, 0));

		// Child container now exists
		expect(baseElement.querySelector(".mt-1")).not.toBeNull();
		// Each child reasoning block contributes its own collapsible "Thinking" header
		expect(page.getByText("Thinking").elements).toHaveLength(2);
	});
});