import { expect, test } from "bun:test";
import { renderToString } from "react-dom/server";
import { ConvertPanelView, ReadOnlyView } from "../src/ui/ConvertPanel";

const noop = () => {};

test("the owner sees the action and what it does", () => {
  const html = renderToString(<ConvertPanelView phase={{ kind: "idle" }} onConvert={noop} />);
  expect(html).toContain("Make editable in the studio");
  expect(html).toContain("same id");
  expect(html).toContain("progress and notes");
  expect(html).toContain("outside git");
  expect(html).toContain("<button");
});

test("progress and failure states", () => {
  const running = renderToString(<ConvertPanelView phase={{ kind: "running", progress: 0.4, message: "Checksumming media/a.mp4" }} onConvert={noop} />);
  expect(running).toContain('role="progressbar"');
  expect(running).toContain('aria-valuenow="40"');
  expect(running).toContain("Checksumming media/a.mp4");
  expect(running).toContain("disabled");
  const failed = renderToString(<ConvertPanelView phase={{ kind: "failed", error: "the imported manifest is invalid" }} onConvert={noop} />);
  expect(failed).toContain('role="alert"');
  expect(failed).toContain("the imported manifest is invalid");
  expect(failed).toContain("Try again");
});

test("read-only view: imported for the owner offers the action; for others explains who can", () => {
  const owner = renderToString(<ReadOnlyView courseId="imp" info={{ title: "Imp", message: "Imported course", root: "/d/courses/imp", imported: true, convertible: true }} onConverted={noop} />);
  expect(owner).toContain("Make editable in the studio");
  expect(owner).not.toContain("/d/courses/imp");
  const author = renderToString(<ReadOnlyView courseId="imp" info={{ title: "Imp", message: "Imported course", root: "/d/courses/imp", imported: true, convertible: false }} onConverted={noop} />);
  expect(author).not.toContain("<button");
  expect(author).toContain("Only the owner");
  const outside = renderToString(<ReadOnlyView courseId="o" info={{ title: "O", message: "This course is managed outside STCourses", root: "/repos/o", imported: false, convertible: false }} onConverted={noop} />);
  expect(outside).toContain("/repos/o");
  expect(outside).not.toContain("<button");
});