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

import { visibleDecisionView } from "@chopin/editor";

import { decisionAttention, DecisionViewControl } from "./decision-view-control";
import { availableDocumentView, storedDocumentView } from "./workspace-model";

test("a questionnaire-only document opens Decisions while prose keeps Plan visible", () => {
	expect(visibleDecisionView({ phase: "initial", preferred: "plan" }, false, 2)).toBe("decisions");
	expect(visibleDecisionView({ phase: "initial", preferred: "plan" }, true, 1)).toBe("plan");
});

test("attention only starts when unanswered decisions grow", () => {
	expect(decisionAttention(1, 2)).toBe(true);
	expect(decisionAttention(2, 2)).toBe(false);
	expect(decisionAttention(2, 1)).toBe(false);
});

test("stored background work waits for the server capability", () => {
	expect(storedDocumentView("tasks")).toBe("background-work");
	expect(storedDocumentView("background-work")).toBe("background-work");
	expect(availableDocumentView("background-work", false)).toBe("plan");
	expect(availableDocumentView("background-work", true)).toBe("background-work");
});

test("zero unanswered decisions suppresses the badge", () => {
	let markup = renderToStaticMarkup(
		createElement(DecisionViewControl, { onView: () => {}, unanswered: 0, view: "plan" }),
	);

	expect(markup).not.toContain("data-plan-decision-count");
});

test("the document tab uses the public Document name", () => {
	let markup = renderToStaticMarkup(
		createElement(DecisionViewControl, { onView: () => {}, unanswered: 0, view: "plan" }),
	);

	expect(markup).toContain(">Document<");
});

test("the unavailable Tasks & Progress tab remains a disabled placeholder", () => {
	let markup = renderToStaticMarkup(
		createElement(DecisionViewControl, { onView: () => {}, unanswered: 0, view: "plan" }),
	);

	expect(markup).toContain('disabled=""');
	expect(markup).toContain("task-progress-tab");
	expect(markup).toContain(">Tasks &amp; Progress<");
});

test("the Background Work tab is active and names its count", () => {
	let markup = renderToStaticMarkup(
		createElement(DecisionViewControl, {
			backgroundWork: 2,
			onView: () => {},
			unanswered: 0,
			view: "background-work",
		}),
	);

	expect(markup).toContain("background-work-tab");
	expect(markup).toContain('aria-label="Background Work, 2 current"');
	expect(markup).toContain('aria-pressed="true"');
});

test("disabling background jobs hides only Background Work", () => {
	let markup = renderToStaticMarkup(
		createElement(DecisionViewControl, {
			backgroundWorkEnabled: false,
			onView: () => {},
			unanswered: 0,
			view: "plan",
		}),
	);
	expect(markup).toContain(">Document<");
	expect(markup).toContain(">Decisions<");
	expect(markup).toContain("Tasks &amp; Progress");
	expect(markup).not.toContain("Background Work");
});

test("the Decisions control names its unanswered count", () => {
	let markup = renderToStaticMarkup(
		createElement(DecisionViewControl, { onView: () => {}, unanswered: 2, view: "plan" }),
	);

	expect(markup).toContain('aria-label="Decisions, 2 unanswered"');
});

test("new unanswered decisions animate only their count", () => {
	let markup = renderToStaticMarkup(
		createElement(DecisionViewControl, {
			attention: true,
			backgroundWork: 3,
			onView: () => {},
			unanswered: 2,
			view: "plan",
		}),
	);

	expect(markup).toContain('data-motion-feedback="count"');
	expect(markup.match(/class="[^"]*motion-feedback/g)).toHaveLength(1);
	expect(markup).not.toContain("animate-enter");
});