test: imporve dynamic polling interval test (#351)

vercel · Apr 22, 2020 · 94f1c88 · 94f1c88
1 parent 62f98c7
commit 94f1c88
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/test/use-swr.test.tsx b/test/use-swr.test.tsx
@@ -420,7 +420,11 @@ describe('useSWR - refresh', () => {
         refreshInterval: int,
         dedupingInterval: 100
       })
-      return <div onClick={() => setInt(int + 100)}>count: {data}</div>
+      return (
+        <div onClick={() => setInt(num => (num < 400 ? num + 100 : 0))}>
+          count: {data}
+        </div>
+      )
     }
     const { container } = render(<Page />)
     expect(container.firstChild.textContent).toMatchInlineSnapshot(`"count: "`)
@@ -464,6 +468,16 @@ describe('useSWR - refresh', () => {
       return new Promise(res => setTimeout(res, 110))
     })
     expect(container.firstChild.textContent).toMatchInlineSnapshot(`"count: 5"`)
+    await act(() => {
+      fireEvent.click(container.firstElementChild)
+      // it will clear 400ms timer and stop
+      return new Promise(res => setTimeout(res, 110))
+    })
+    expect(container.firstChild.textContent).toMatchInlineSnapshot(`"count: 5"`)
+    await act(() => {
+      return new Promise(res => setTimeout(res, 110))
+    })
+    expect(container.firstChild.textContent).toMatchInlineSnapshot(`"count: 5"`)
   })
 
   it('should allow use custom isEqual method', async () => {