Attempt to test multiple overlapping onRefresh() calls. Not working. …

…Oddly jest records test as a pass with green tick, but then there's an error backtrace and jest has non-zero exit code.

package.json

@@ -26,9 +26,11 @@
     "@tanstack/eslint-plugin-query": "5.20.1",
     "@testing-library/react-native": "12.4.3",
     "@types/jest": "29.5.12",
+    "@types/lodash": "4.14.202",
     "@types/react": "18.2.45",
     "eslint": "8.57.0",
     "eslint-config-universe": "12.0.0",
+    "lodash": "4.17.21",
     "typescript": "5.4.2"
   },
   "private": true,

src/__tests__/useRefresh.test.tsx

@@ -1,4 +1,5 @@
 import { act, renderHook, waitFor } from "@testing-library/react-native";
+//import { times } from "lodash";
 
 import { useRefresh } from "../useRefresh";
 
@@ -26,4 +27,26 @@ describe("useRefresh", () => {
     });
     waitFor(() => expect(result.current.refreshing).toEqual(false));
   });
+
+  // it("multiple onRefresh calls before refetch resolves", async () => {
+  //   let delay = 100;
+  //   const refetch = jest.fn(() => {
+  //     return new Promise<void>((resolve) => {
+  //       setTimeout(() => resolve(), delay);
+  //       delay *= 0.8;
+  //     });
+  //   });
+  //   const { result } = renderHook(() => useRefresh(refetch));
+  //   expect(refetch).toHaveBeenCalledTimes(0);
+  //   expect(result.current.refreshing).toEqual(false);
+  //   const numberOfRefreshes = 3;
+  //   await act(async () => {
+  //     times(numberOfRefreshes, async () => {
+  //       await result.current.onRefresh();
+  //       expect(result.current.refreshing).toEqual(true);
+  //     });
+  //   });
+  //   expect(refetch).toHaveBeenCalledTimes(numberOfRefreshes);
+  //   waitFor(() => expect(result.current.refreshing).toEqual(false));
+  // });
 });