import { renderToStaticMarkup } from "react-dom/server";import { describe, expect, it } from "vite-plus/test"; import { ExpandedImageDialog } from "./ExpandedImageDialog";import type { ExpandedImagePreview } from "./ExpandedImagePreview"; describe("ExpandedImageDialog", () => { it("renders video previews with native controls", () => { const preview: ExpandedImagePreview = { images: [ { src: "https://environment.test/api/assets/demo.mp4", name: "demo.mp4", type: "video", }, ], index: 0, }; const markup = renderToStaticMarkup( <ExpandedImageDialog preview={preview} onClose={() => {}} />, ); expect(markup).toContain("<video"); expect(markup).toContain('controls=""'); expect(markup).toContain('aria-label="demo.mp4"'); });});
import { renderToStaticMarkup } from "react-dom/server";
import { describe, expect, it } from "vite-plus/test";
import { ExpandedImageDialog } from "./ExpandedImageDialog";
import type { ExpandedImagePreview } from "./ExpandedImagePreview";
describe("ExpandedImageDialog", () => {
it("renders video previews with native controls", () => {
const preview: ExpandedImagePreview = {
images: [
{
src: "https://environment.test/api/assets/demo.mp4",
name: "demo.mp4",
type: "video",
},
],
index: 0,
};
const markup = renderToStaticMarkup(
<ExpandedImageDialog preview={preview} onClose={() => {}} />,
);
expect(markup).toContain("<video");
expect(markup).toContain('controls=""');
expect(markup).toContain('aria-label="demo.mp4"');
});
});