import { cleanup, render } from "@testing-library/react";
import { afterEach, describe, expect, it } from "vitest";
import { htmlRenderer } from "../HTMLRenderer";
describe("HTMLRenderer", () => {
afterEach(() => {
cleanup();
});
it("renders text/html content in a sandboxed iframe", () => {
const { container } = render(
<>
{htmlRenderer.render("Hi
", {
mimeType: "text/html",
filename: "page.html",
})}
,
);
const iframe = container.querySelector("iframe");
expect(iframe).toBeTruthy();
expect(iframe?.getAttribute("sandbox")).toBe("allow-scripts");
});
it("injects the fragment-link interceptor into the srcDoc (regression)", () => {
const { container } = render(
<>
{htmlRenderer.render(
'xx
',
{ mimeType: "text/html", filename: "page.html" },
)}
,
);
const srcdoc = container.querySelector("iframe")?.getAttribute("srcdoc");
expect(srcdoc).toBeTruthy();
expect(srcdoc).toContain("__fragmentLinkInterceptor");
expect(srcdoc).toContain('a[href^="#"]');
expect(srcdoc).toContain("scrollIntoView");
});
it("canRender recognises text/html mime type and .html/.htm filenames", () => {
expect(
htmlRenderer.canRender("Hi
", { mimeType: "text/html" }),
).toBe(true);
expect(
htmlRenderer.canRender("Hi
", { filename: "report.html" }),
).toBe(true);
expect(
htmlRenderer.canRender("Hi
", { filename: "report.htm" }),
).toBe(true);
expect(
htmlRenderer.canRender("Hi
", { mimeType: "text/plain" }),
).toBe(false);
});
});