0.29.1原版

2026-07-02 19:14:14 +08:00
commit d94008f0fb
947 changed files with 174905 additions and 0 deletions
@@ -0,0 +1,118 @@
+import { fireEvent, render, screen, waitFor } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import PreviewImageDialog from "@/components/PreviewImageDialog";
+
+vi.mock("@/hooks/useMediaQuery", () => ({
+  __esModule: true,
+  default: () => false,
+}));
+
+describe("<PreviewImageDialog>", () => {
+  it("provides a dialog description without Radix accessibility warnings", async () => {
+    const warnSpy = vi.spyOn(console, "warn").mockImplementation(() => {});
+
+    render(
+      <PreviewImageDialog
+        open
+        onOpenChange={vi.fn()}
+        items={[{ id: "image-1", kind: "image", sourceUrl: "/image.jpg", posterUrl: "/image.jpg", filename: "image.jpg" }]}
+      />,
+    );
+
+    await waitFor(() => {
+      expect(warnSpy).not.toHaveBeenCalledWith(expect.stringContaining("Missing `Description`"));
+    });
+  });
+
+  it("keeps hook order stable when preview items appear after an empty render", () => {
+    const { rerender } = render(<PreviewImageDialog open onOpenChange={vi.fn()} items={[]} />);
+
+    expect(() => {
+      rerender(
+        <PreviewImageDialog
+          open
+          onOpenChange={vi.fn()}
+          items={[{ id: "image-1", kind: "image", sourceUrl: "/image.jpg", posterUrl: "/image.jpg", filename: "image.jpg" }]}
+        />,
+      );
+    }).not.toThrow();
+
+    expect(screen.getByAltText("Preview image 1 of 1")).toBeInTheDocument();
+  });
+
+  it("shows zoom controls for image previews", () => {
+    render(
+      <PreviewImageDialog
+        open
+        onOpenChange={vi.fn()}
+        items={[{ id: "image-1", kind: "image", sourceUrl: "/image.jpg", posterUrl: "/image.jpg", filename: "image.jpg" }]}
+      />,
+    );
+
+    expect(screen.getByRole("button", { name: /zoom in/i })).toBeInTheDocument();
+    expect(screen.getByRole("button", { name: /zoom out/i })).toBeInTheDocument();
+    expect(screen.getByRole("button", { name: /reset zoom/i })).toBeInTheDocument();
+    expect(screen.getByText("100%")).toBeInTheDocument();
+  });
+
+  it("toggles image zoom on double click", () => {
+    render(
+      <PreviewImageDialog
+        open
+        onOpenChange={vi.fn()}
+        items={[{ id: "image-1", kind: "image", sourceUrl: "/image.jpg", posterUrl: "/image.jpg", filename: "image.jpg" }]}
+      />,
+    );
+
+    const image = screen.getByAltText("Preview image 1 of 1");
+
+    fireEvent.doubleClick(image);
+
+    expect(image).toHaveStyle({ transform: "translate3d(0px, 0px, 0) scale(2)" });
+    expect(screen.getByText("200%")).toBeInTheDocument();
+  });
+
+  it("zooms image previews with the wheel", () => {
+    render(
+      <PreviewImageDialog
+        open
+        onOpenChange={vi.fn()}
+        items={[{ id: "image-1", kind: "image", sourceUrl: "/image.jpg", posterUrl: "/image.jpg", filename: "image.jpg" }]}
+      />,
+    );
+
+    fireEvent.wheel(screen.getByTestId("preview-zoom-surface"), { deltaY: -100 });
+
+    expect(screen.getByText("120%")).toBeInTheDocument();
+  });
+
+  it("does not show zoom controls for video previews", () => {
+    render(
+      <PreviewImageDialog
+        open
+        onOpenChange={vi.fn()}
+        items={[{ id: "video-1", kind: "video", sourceUrl: "/video.mp4", posterUrl: "/poster.jpg", filename: "video.mp4" }]}
+      />,
+    );
+
+    expect(screen.queryByRole("button", { name: /zoom in/i })).not.toBeInTheDocument();
+    expect(screen.queryByRole("button", { name: /zoom out/i })).not.toBeInTheDocument();
+    expect(screen.queryByRole("button", { name: /reset zoom/i })).not.toBeInTheDocument();
+  });
+
+  it("keeps previous and next controls available for mobile image galleries", () => {
+    render(
+      <PreviewImageDialog
+        open
+        onOpenChange={vi.fn()}
+        items={[
+          { id: "image-1", kind: "image", sourceUrl: "/image-1.jpg", posterUrl: "/image-1.jpg", filename: "image-1.jpg" },
+          { id: "image-2", kind: "image", sourceUrl: "/image-2.jpg", posterUrl: "/image-2.jpg", filename: "image-2.jpg" },
+        ]}
+      />,
+    );
+
+    expect(screen.getByRole("button", { name: /previous item/i })).toBeInTheDocument();
+    expect(screen.getByRole("button", { name: /next item/i })).toBeInTheDocument();
+  });
+});