import { expect, test } from "bun:test";
import { createElement } from "react";
import { renderToStaticMarkup } from "react-dom/server";
import { QuestionView } from "./question-view";
import { AUTH } from "./question-view.test-fixtures";

test("an open card has one Discard action when both callbacks are supplied", () => {
	let markup = renderToStaticMarkup(createElement(QuestionView, {
		definition: AUTH,
		drafts: {},
		onCancel: () => {},
		onDiscard: () => {},
	}));
	expect(markup).not.toContain(">Cancel<");
	expect(markup).toContain(">Discard<");
	expect(markup).not.toContain("Cancel without answering?");
	expect(markup).not.toContain("Discard this decision?");
});

test("the main onCancel-only card uses Discard with its disabled guard", () => {
	let markup = renderToStaticMarkup(createElement(QuestionView, {
		definition: AUTH,
		drafts: {},
		disabled: true,
		onCancel: () => {},
	}));
	expect(markup).toMatch(/<button[^>]*disabled=""[^>]*>Discard</);
	expect(markup).not.toContain(">Cancel<");
});