Chore: homepage tests (#6278)

src/components/version.test.jsx

@@ -0,0 +1,85 @@
+// @vitest-environment jsdom
+
+import { render, screen } from "@testing-library/react";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+
+const { cache, cv, useSWR } = vi.hoisted(() => ({
+  cache: {
+    get: vi.fn(),
+    put: vi.fn(),
+  },
+  cv: {
+    validate: vi.fn(),
+    compareVersions: vi.fn(),
+  },
+  useSWR: vi.fn(),
+}));
+
+vi.mock("memory-cache", () => ({
+  default: cache,
+}));
+
+vi.mock("compare-versions", () => ({
+  validate: cv.validate,
+  compareVersions: cv.compareVersions,
+}));
+
+vi.mock("swr", () => ({
+  default: useSWR,
+}));
+
+import Version from "./version";
+
+describe("components/version", () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    process.env.NEXT_PUBLIC_VERSION = "dev";
+    process.env.NEXT_PUBLIC_REVISION = "abcdef012345";
+    process.env.NEXT_PUBLIC_BUILDTIME = "2020-01-01T00:00:00.000Z";
+  });
+
+  it("renders non-link version text for dev/main/nightly", () => {
+    cv.validate.mockReturnValue(false);
+    cache.get.mockReturnValue(null);
+    useSWR.mockReturnValue({ data: undefined });
+
+    render(<Version />);
+
+    expect(screen.getByText(/dev \(abcdef0/)).toBeInTheDocument();
+    expect(screen.queryAllByRole("link")).toHaveLength(0);
+  });
+
+  it("renders tag link and shows update available when a newer release exists", () => {
+    process.env.NEXT_PUBLIC_VERSION = "1.2.3";
+    cv.validate.mockReturnValue(true);
+    cache.get.mockReturnValue(null);
+    useSWR.mockReturnValue({
+      data: [{ tag_name: "1.2.4", html_url: "http://example.com/release" }],
+    });
+    cv.compareVersions.mockReturnValue(1);
+
+    render(<Version />);
+
+    const links = screen.getAllByRole("link");
+    expect(links.find((a) => a.getAttribute("href")?.includes("/releases/tag/1.2.3"))).toBeTruthy();
+    expect(links.find((a) => a.getAttribute("href") === "http://example.com/release")).toBeTruthy();
+  });
+
+  it("falls back build time to the current date when NEXT_PUBLIC_BUILDTIME is missing", () => {
+    vi.useFakeTimers();
+    try {
+      vi.setSystemTime(new Date("2021-01-02T12:00:00.000Z"));
+      process.env.NEXT_PUBLIC_BUILDTIME = "";
+
+      cv.validate.mockReturnValue(false);
+      cache.get.mockReturnValue(null);
+      useSWR.mockReturnValue({ data: undefined });
+
+      render(<Version />);
+
+      expect(screen.getByText(/2021/)).toBeInTheDocument();
+    } finally {
+      vi.useRealTimers();
+    }
+  });
+});