import { describe, expect, it } from "bun:test";
import { renderToStaticMarkup } from "react-dom/server";

import { DecisionCard } from "./decision";

describe("DecisionCard", () => {
	it("renders an accepted thread as a frozen decision", () => {
		let markup = renderToStaticMarkup(
			<DecisionCard
				value={{
					id: "decision-1",
					quote: "Keep the rollout reversible.",
					by: "ana",
					at: "2026-08-12T10:30:00.000Z",
					notes: [
						{ by: "ana", text: "Use a feature flag." },
						{ by: "bo", text: "Measure rollback time." },
					],
				}}
			/>,
		);

		expect(markup).toContain('article aria-label="Decision"');
		expect(markup).toContain("Keep the rollout reversible.");
		expect(markup).toContain("@ana");
		expect(markup).toContain("Use a feature flag.");
		expect(markup).toContain("@bo");
		expect(markup).toContain("Measure rollback time.");
		expect(markup).toContain("Accepted by @ana");
	});
});