homeio

1/* @vitest-environment jsdom */
2
3import { render, screen } from "@testing-library/react";
4import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
5
6const mockUseResolvedWallpaper = vi.fn();
7
8vi.mock("@/modules/shell/hooks/useResolvedWallpaper", () => ({
9  useResolvedWallpaper: () => mockUseResolvedWallpaper(),
10}));
11
12import { FullScreenShell } from "@/modules/shell/components/full-screen-shell";
13
14describe("FullScreenShell", () => {
15  beforeEach(() => {
16    vi.useFakeTimers();
17    vi.setSystemTime(new Date("2026-03-13T08:25:00.000Z"));
18    mockUseResolvedWallpaper.mockReturnValue({
19      wallpaper: "/images/8.jpg",
20      isHydrated: true,
21    });
22  });
23
24  afterEach(() => {
25    vi.useRealTimers();
26    vi.clearAllMocks();
27  });
28
29  it("applies wallpaper and renders all slots", () => {
30    render(
31      <FullScreenShell
32        center={<div>Center Content</div>}
33        bottom={<div>Bottom Content</div>}
34        topRight={<button type="button">Top Action</button>}
35      />,
36    );
37
38    expect(screen.getByTestId("full-screen-shell")).toBeTruthy();
39    expect(screen.getByText("Center Content")).toBeTruthy();
40    expect(screen.getByText("Bottom Content")).toBeTruthy();
41    expect(screen.getByRole("button", { name: "Top Action" })).toBeTruthy();
42    expect(
43      (screen.getByTestId("full-screen-wallpaper") as HTMLDivElement).style
44        .backgroundImage,
45    ).toContain("/images/8.jpg");
46  });
47
48  it("renders the shared clock area by default", () => {
49    render(<FullScreenShell center={<div>Center</div>} />);
50
51    const now = new Date("2026-03-13T08:25:00.000Z");
52    expect(
53      screen.getByText(
54        now.toLocaleTimeString("en-US", {
55          hour: "2-digit",
56          minute: "2-digit",
57        }),
58      ),
59    ).toBeTruthy();
60    expect(
61      screen.getByText(
62        now.toLocaleDateString("en-US", {
63          weekday: "long",
64          month: "long",
65          day: "numeric",
66          year: "numeric",
67        }),
68      ),
69    ).toBeTruthy();
70  });
71});
72