add example to reproduce defect of serializeQueryArgs with skipToken

reduxjs · Nov 12, 2024 · 9384f72 · 9384f72
1 parent 24286f1
commit 9384f72
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/packages/toolkit/src/query/tests/buildHooks.test.tsx b/packages/toolkit/src/query/tests/buildHooks.test.tsx
@@ -125,6 +125,12 @@ const api = createApi({
         return true
       },
     }),
+    queryWithDeepArg: build.query<string, { param: {nested: string} }>({
+      query: ({param: {nested}}) => nested,
+      serializeQueryArgs: ({queryArgs}) => {
+        return queryArgs.param.nested
+      }
+    }),
   }),
 })
 
@@ -667,6 +673,12 @@ describe('hooks tests', () => {
       await screen.findByText('ID: 3')
     })
 
+    test(`useQuery shouldn't call args serialization if request skipped`, async () => {
+      expect(() => renderHook(() => api.endpoints.queryWithDeepArg.useQuery(skipToken), {
+        wrapper: storeRef.wrapper,
+      })).not.toThrow()
+    })
+
     test(`useQuery gracefully handles bigint types`, async () => {
       function ItemList() {
         const [pageNumber, setPageNumber] = useState(0)