homeio

1/* @vitest-environment jsdom */
2
3import { renderHook, waitFor } from "@testing-library/react";
4import { describe, expect, it, vi } from "vitest";
5import { useStoreCatalog } from "@/modules/apps/hooks/useStoreCatalog";
6import { createTestQueryClient, createWrapper } from "@/test/query-client-wrapper";
7
8describe("useStoreCatalog", () => {
9  it("loads the store catalog with query params", async () => {
10    const fetchMock = vi.fn().mockResolvedValue({
11      ok: true,
12      json: async () => ({
13        data: [
14          {
15            id: "plex",
16            name: "Plex",
17            description: "Media server",
18            platform: "Docker",
19            categories: ["Media"],
20            logoUrl: "https://cdn.example.com/plex.png",
21            repositoryUrl: "https://github.com/plex",
22            stackFile: "Apps/Plex/docker-compose.yml",
23            status: "not_installed",
24            webUiPort: null,
25            updateAvailable: false,
26          },
27        ],
28        meta: {
29          count: 1,
30          categories: [
31            {
32              id: "media",
33              name: "Media",
34              description: "Media apps",
35              appCount: 1,
36            },
37          ],
38          featuredAppIds: ["plex"],
39          recommendedAppIds: ["plex"],
40          sourcePath: "/DATA/AppStore/CasaOS-AppStore",
41        },
42      }),
43    });
44    vi.stubGlobal("fetch", fetchMock);
45
46    const client = createTestQueryClient();
47    const { result } = renderHook(
48      () =>
49        useStoreCatalog({
50          category: "Media",
51          search: "plex",
52          installedOnly: true,
53          updatesOnly: true,
54        }),
55      {
56        wrapper: createWrapper(client),
57      },
58    );
59
60    await waitFor(() => {
61      expect(result.current.isSuccess).toBe(true);
62    });
63
64    expect(result.current.data?.apps).toHaveLength(1);
65    expect(result.current.data?.categories[0]?.name).toBe("Media");
66    expect(fetchMock).toHaveBeenCalledWith(
67      "/api/v1/store/apps?category=Media&search=plex&installedOnly=true&updatesOnly=true",
68      { cache: "no-store" },
69    );
70  });
71
72  it("returns error state when request fails", async () => {
73    vi.stubGlobal(
74      "fetch",
75      vi.fn().mockResolvedValue({
76        ok: false,
77        status: 500,
78      }),
79    );
80
81    const client = createTestQueryClient();
82    const { result } = renderHook(() => useStoreCatalog(), {
83      wrapper: createWrapper(client),
84    });
85
86    await waitFor(() => {
87      expect(result.current.isError).toBe(true);
88    });
89
90    expect((result.current.error as Error).message).toContain("Failed to fetch store catalog");
91  });
92});
93