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

import { Decisions } from "./decisions";
import { QuestionnaireStore } from "./questionnaires";

import type { MotionDisclosureContract } from "./disclosure-motion";

let original = Object.getOwnPropertyDescriptor(globalThis, "localStorage");

afterEach(() => {
	if (original) Object.defineProperty(globalThis, "localStorage", original);
	else delete (globalThis as { localStorage?: unknown }).localStorage;
});

function markup(stored?: string): string {
	let values = new Map<string, string>();
	if (stored) values.set("chopin:decisions:resolved", stored);
	Object.defineProperty(globalThis, "localStorage", {
		configurable: true,
		value: {
			getItem: (key: string) => values.get(key) ?? null,
			setItem: (key: string, value: string) => values.set(key, value),
		},
	});

	let store = new QuestionnaireStore();
	store.set({
		entries: [{
			id: "questionnaire",
			value: {
				id: "questionnaire",
				questions: [{
					id: "question",
					header: "Question",
					prompt: "What did the room decide?",
					multiple: false,
					options: [],
					answer: "Done",
				}],
			},
		}],
		hasPlanContent: true,
	});
	let motion: MotionDisclosureContract = {
		className: "motion-collapse",
		closeDuration: 250,
		contentClassName: "motion-collapse-content",
	};
	return renderToStaticMarkup(createElement(Decisions, { motion, store }));
}

test("resolved history starts collapsed and restores an explicit open preference", () => {
	let collapsed = markup();
	expect(collapsed).toContain('aria-expanded="false"');
	expect(collapsed).not.toContain("aria-controls");
	expect(collapsed).toContain('data-feedback-icon="closed"');
	expect(collapsed).toContain('data-motion-feedback="icon"');
	let restored = markup("true");
	expect(restored).toContain('aria-expanded="true"');
	expect(restored).toMatch(/aria-controls="[^"]+"/);
	expect(restored).toContain('data-motion-disclosure="decision-history"');
	expect(restored).toContain('data-feedback-icon="open"');
	expect(restored).toContain('data-motion-feedback="icon"');
});