✅ [#35] test: added test

Author: Xaohs

frontend/src/hooks/useCatalogi.test.ts

@@ -0,0 +1,58 @@
+// useCatalogi.test.tsx
+import { renderHook, waitFor } from "@testing-library/react";
+import { vi } from "vitest";
+import { getCatalogiChoices } from "~/api/catalogi.ts";
+
+import { useCatalogi } from "./useCatalogi";
+
+// Mock API
+vi.mock("~/api/catalogi.ts", () => ({
+  getCatalogiChoices: vi.fn(),
+}));
+
+describe("useCatalogi", () => {
+  const mockService = { label: "Test Service", value: "test-service" };
+
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it("fetches catalogi choices when service is provided", async () => {
+    const mockCatalogi = [
+      { label: "Catalogus A", value: "cat-a" },
+      { label: "Catalogus B", value: "cat-b" },
+    ];
+    (getCatalogiChoices as ReturnType<typeof vi.fn>).mockResolvedValueOnce(
+      mockCatalogi,
+    );
+
+    const { result } = renderHook(() => useCatalogi(mockService));
+
+    await waitFor(() => {
+      expect(result.current.catalogiChoices.length).toBeGreaterThan(0);
+    });
+
+    expect(getCatalogiChoices).toHaveBeenCalledWith("test-service");
+    expect(result.current.catalogiChoices).toEqual(mockCatalogi);
+  });
+
+  it("does not fetch catalogi when service is null", async () => {
+    const { result } = renderHook(() => useCatalogi(null));
+
+    await waitFor(() => {
+      expect(result.current.catalogiChoices).toEqual([]);
+    });
+
+    expect(getCatalogiChoices).not.toHaveBeenCalled();
+  });
+
+  it("sets catalogiChoices to empty array if response is empty", async () => {
+    (getCatalogiChoices as ReturnType<typeof vi.fn>).mockResolvedValueOnce([]);
+
+    const { result } = renderHook(() => useCatalogi(mockService));
+
+    await waitFor(() => {
+      expect(result.current.catalogiChoices).toEqual([]);
+    });
+  });
+});

frontend/src/hooks/useService.test.ts

@@ -0,0 +1,44 @@
+// useService.test.tsx
+import { renderHook, waitFor } from "@testing-library/react";
+import { vi } from "vitest";
+import { getServiceChoices } from "~/api/service.ts";
+
+import { useService } from "./useService";
+
+vi.mock("~/api/service.ts", () => ({
+  getServiceChoices: vi.fn(),
+}));
+
+describe("useService", () => {
+  it("fetches service choices and sets the first one as selected", async () => {
+    const mockServices = [
+      { label: "Service A", value: "service-a" },
+      { label: "Service B", value: "service-b" },
+    ];
+    (getServiceChoices as ReturnType<typeof vi.fn>).mockResolvedValueOnce(
+      mockServices,
+    );
+
+    const { result } = renderHook(() => useService());
+
+    await waitFor(() => {
+      expect(result.current.services.length).toBeGreaterThan(0);
+    });
+
+    expect(getServiceChoices).toHaveBeenCalled();
+    expect(result.current.services).toEqual(mockServices);
+    expect(result.current.service).toEqual(mockServices[0]);
+  });
+
+  it("sets service to null if no services are returned", async () => {
+    (getServiceChoices as ReturnType<typeof vi.fn>).mockResolvedValueOnce([]);
+
+    const { result } = renderHook(() => useService());
+
+    await waitFor(() => {
+      expect(result.current.services).toEqual([]);
+    });
+
+    expect(result.current.service).toBeNull();
+  });
+});