Carlos Florêncio
84 lines
2.9 KiB
TypeScript
84 lines
2.9 KiB
TypeScript
import { cleanup, render, screen } from "@testing-library/react";
|
|
import { TooltipProvider } from "@kandev/ui/tooltip";
|
|
import { afterEach, describe, expect, it, vi } from "vitest";
|
|
import { HtmlPreviewContent } from "./html-preview-content";
|
|
|
|
vi.mock("@/components/editors/external-vcs-file-link", () => ({
|
|
ExternalVcsFileLink: () => null,
|
|
useExternalVcsFileStatus: () => null,
|
|
}));
|
|
|
|
afterEach(() => {
|
|
cleanup();
|
|
});
|
|
|
|
function renderPreview(onTogglePreview = vi.fn(), overrides: Record<string, unknown> = {}) {
|
|
return {
|
|
onTogglePreview,
|
|
...render(
|
|
<TooltipProvider>
|
|
<HtmlPreviewContent
|
|
path="reports/index.html"
|
|
previewUrl="http://api.test/port-proxy/session-1/43127/reports/index.html?v=4"
|
|
showExternalVcsLink={false}
|
|
onTogglePreview={onTogglePreview}
|
|
{...overrides}
|
|
/>
|
|
</TooltipProvider>,
|
|
),
|
|
};
|
|
}
|
|
|
|
describe("HtmlPreviewContent", () => {
|
|
it("renders a native iframe for the published preview URL", () => {
|
|
const { onTogglePreview } = renderPreview();
|
|
|
|
const frame = screen.getByTestId("html-preview-frame");
|
|
expect(frame.getAttribute("src")).toBe(
|
|
"http://api.test/port-proxy/session-1/43127/reports/index.html?v=4",
|
|
);
|
|
expect(frame.getAttribute("sandbox")).toContain("allow-scripts");
|
|
expect(frame.getAttribute("sandbox")).toContain("allow-same-origin");
|
|
expect(screen.getByTestId("html-preview-trust-warning")).toBeTruthy();
|
|
|
|
screen.getByRole("button", { name: "Show code" }).click();
|
|
expect(onTogglePreview).toHaveBeenCalledOnce();
|
|
});
|
|
|
|
it("shows loading state while publishing", () => {
|
|
renderPreview(vi.fn(), { previewUrl: undefined, isLoading: true });
|
|
|
|
expect(screen.getByTestId("html-preview-loading")).toBeTruthy();
|
|
expect(screen.queryByTestId("html-preview-frame")).toBeNull();
|
|
});
|
|
|
|
it("shows localized recovery copy and retries without leaving the preview surface", () => {
|
|
const onRetry = vi.fn();
|
|
const { onTogglePreview } = renderPreview(vi.fn(), {
|
|
previewUrl: undefined,
|
|
error: "session-unavailable",
|
|
onRetry,
|
|
});
|
|
|
|
expect(screen.getByTestId("html-preview-error").textContent).toContain(
|
|
"HTML preview session is not available",
|
|
);
|
|
screen.getByRole("button", { name: "Retry HTML preview" }).click();
|
|
expect(onRetry).toHaveBeenCalledOnce();
|
|
screen.getByRole("button", { name: "Show code" }).click();
|
|
expect(onTogglePreview).toHaveBeenCalledOnce();
|
|
});
|
|
|
|
it("offers refresh and an explicit Browser-panel action", () => {
|
|
const onRefresh = vi.fn();
|
|
const onOpenInBrowser = vi.fn();
|
|
renderPreview(vi.fn(), { onRefresh, onOpenInBrowser });
|
|
|
|
screen.getByRole("button", { name: "Refresh HTML preview" }).click();
|
|
expect(onRefresh).toHaveBeenCalledOnce();
|
|
|
|
screen.getByRole("button", { name: /Open in browser panel/i }).click();
|
|
expect(onOpenInBrowser).toHaveBeenCalledOnce();
|
|
});
|
|
});
|