test: add unit test

Author: jungwoo3490

packages/openapi-react-query/test/fixtures/api.d.ts

@@ -4,6 +4,46 @@
  */
 
 export interface paths {
+    "/paginated-data": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get: {
+            parameters: {
+                query?: {
+                    limit?: number;
+                };
+                header?: never;
+                path?: never;
+                cookie?: never;
+            };
+            requestBody?: never;
+            responses: {
+                200: {
+                    headers: {
+                        [name: string]: unknown;
+                    };
+                    content: {
+                        "application/json": {
+                            items?: number[];
+                            nextPage?: number;
+                        };
+                    };
+                };
+                500: components["responses"]["Error"];
+            };
+        };
+        put?: never;
+        post?: never;
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
     "/comment": {
         parameters: {
             query?: never;

packages/openapi-react-query/test/fixtures/api.yaml

@@ -3,6 +3,28 @@ info:
   title: Test Specification
   version: "1.0"
 paths:
+  /paginated-data:
+    get:
+      parameters:
+        - in: query
+          name: limit
+          schema:
+            type: integer
+      responses:
+        200:
+          content:
+            application/json:
+              schema:
+                type: object
+                properties:
+                  items:
+                    type: array
+                    items:
+                      type: integer
+                  nextPage:
+                    type: integer
+        500:
+          $ref: "#/components/responses/Error"
   /comment:
     put:
       requestBody:

packages/openapi-react-query/test/index.test.tsx

@@ -451,4 +451,69 @@ describe("client", () => {
       });
     });
   });
+
+  describe("useInfiniteQuery", () => {
+    it("should fetch data correctly with pagination", async () => {
+      const fetchClient = createFetchClient<paths>({ baseUrl });
+      const client = createClient(fetchClient);
+
+      useMockRequestHandler({
+        baseUrl,
+        method: "get",
+        path: "/paginated-data",
+        status: 200,
+        body: { items: [1, 2, 3], nextPage: 1 },
+      });
+
+      const { result } = renderHook(
+        () => client.useInfiniteQuery("get", "/paginated-data", { limit: 3 }, {
+          getNextPageParam: (lastPage) => lastPage.nextPage,
+          initialPageParam: 0
+        }),
+        { wrapper }
+      );
+
+      await waitFor(() => expect(result.current.isSuccess).toBe(true));
+
+      expect((result.current.data as any).pages[0]).toEqual({ items: [1, 2, 3], nextPage: 1 });
+
+      // Set up mock for second page
+      useMockRequestHandler({
+        baseUrl,
+        method: "get",
+        path: "/paginated-data",
+        status: 200,
+        body: { items: [4, 5, 6], nextPage: 2 },
+      });
+
+      await result.current.fetchNextPage();
+
+      await waitFor(() => expect(result.current.isFetching).toBe(false));
+
+      expect((result.current.data as any).pages).toHaveLength(2);
+      expect((result.current.data as any).pages[1]).toEqual({ items: [4, 5, 6], nextPage: 2 });
+    });   
+
+    it("should handle errors correctly", async () => {
+      const fetchClient = createFetchClient<paths>({ baseUrl });
+      const client = createClient(fetchClient);
+
+      useMockRequestHandler({
+        baseUrl,
+        method: "get",
+        path: "/paginated-data",
+        status: 500,
+        body: { code: 500, message: "Internal Server Error" },
+      });
+
+      const { result } = renderHook(
+        () => client.useInfiniteQuery("get", "/paginated-data", { limit: 3 }),
+        { wrapper }
+      );
+
+      await waitFor(() => expect(result.current.isError).toBe(true));
+
+      expect(result.current.error).toEqual({ code: 500, message: "Internal Server Error" });
+    });
+  });
 });