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

import { QuestionnaireCard } from "./questionnaire";
import { DECIDED, META } from "./questionnaire-metadata.test-fixtures";

test("a settled line names the decision and conversation cards awaiting prose", () => {
	let markup = renderToStaticMarkup(
		createElement(QuestionnaireCard, { meta: META, value: DECIDED }),
	);
	expect(markup).toContain('class="decision-collapse is-open"');
	expect(markup).toContain("data-card-settled");
	expect(markup).toContain("Decided: GitHub Apps · @ana");
	expect(markup).toContain("writing up…");
});

test("an orphaned settled line says the prose was removed", () => {
	let markup = renderToStaticMarkup(createElement(QuestionnaireCard, {
		meta: { ...META, proseOrphaned: true },
		value: DECIDED,
	}));
	expect(markup).toContain("Decided: GitHub Apps · @ana");
	expect(markup).toContain("prose removed");
	expect(markup).not.toContain("writing up…");
});

test("an orphaned settled line offers Reopen only to an editable connected viewer", () => {
	let editable = renderToStaticMarkup(createElement(QuestionnaireCard, {
		canEdit: true,
		connected: true,
		meta: { ...META, proseOrphaned: true },
		value: DECIDED,
	}));
	let reader = renderToStaticMarkup(createElement(QuestionnaireCard, {
		canEdit: false,
		connected: true,
		meta: { ...META, proseOrphaned: true },
		value: DECIDED,
	}));
	let offline = renderToStaticMarkup(createElement(QuestionnaireCard, {
		canEdit: true,
		connected: false,
		meta: { ...META, proseOrphaned: true },
		value: DECIDED,
	}));
	expect(editable).toMatch(/<button[^>]*>Reopen<\/button>/);
	expect(reader).toMatch(/<button[^>]*disabled=""[^>]*>Reopen<\/button>/);
	expect(offline).toMatch(/<button[^>]*disabled=""[^>]*>Reopen<\/button>/);
});

test("a Planner settled line never claims it is writing prose", () => {
	let markup = renderToStaticMarkup(createElement(QuestionnaireCard, {
		meta: { ...META, origin: "planner" },
		value: DECIDED,
	}));
	expect(markup).toContain("data-card-settled");
	expect(markup).not.toContain("writing up…");
});

test("decided metadata keeps a delayed unanswered projection safely settled", () => {
	let markup = renderToStaticMarkup(createElement(QuestionnaireCard, {
		meta: META,
		value: {
			...DECIDED,
			questions: [{ ...DECIDED.questions[0]!, answer: undefined, choices: undefined }],
		},
	}));
	expect(markup).toContain("data-card-settled");
	expect(markup).toContain("Decided: Saved decision · @ana");
	expect(markup).not.toContain("<input");
	expect(markup).not.toContain(">Save<");
});