From 805ea4835b5a8d6c7be2126394f5862442aa05d0 Mon Sep 17 00:00:00 2001
From: minseong <kwan0324@naver.com>
Date: Sun, 2 Mar 2025 02:42:12 +0900
Subject: [PATCH] test(react-query): add test case for useSuspenseQuery

---
 .../src/__tests__/useSuspenseQuery.test.tsx   | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/packages/react-query/src/__tests__/useSuspenseQuery.test.tsx b/packages/react-query/src/__tests__/useSuspenseQuery.test.tsx
index 64ab60d6ca..922efdbd2a 100644
--- a/packages/react-query/src/__tests__/useSuspenseQuery.test.tsx
+++ b/packages/react-query/src/__tests__/useSuspenseQuery.test.tsx
@@ -888,4 +888,35 @@ describe('useSuspenseQuery', () => {
     )
     consoleErrorSpy.mockRestore()
   })
+  it('should properly refresh data when refetchInterval is set', async () => {
+    const key = queryKey()
+    let count = 0
+
+    function Page() {
+      const state = useSuspenseQuery({
+        queryKey: key,
+        queryFn: async () => {
+          count++
+          await sleep(1)
+          return count
+        },
+        refetchInterval: 10,
+      })
+
+      return <div>count: {state.data}</div>
+    }
+
+    const rendered = renderWithClient(
+      queryClient,
+      <React.Suspense fallback="Loading...">
+        <Page />
+      </React.Suspense>,
+    )
+
+    await waitFor(() => rendered.getByText('count: 1'))
+    await waitFor(() => rendered.getByText('count: 2'))
+    await waitFor(() => rendered.getByText('count: 3'))
+
+    expect(count).toBeGreaterThanOrEqual(3)
+  })
 })