test: add comprehensive test suite for useLocalStorageCooldown hook (#31)

Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com>
Co-authored-by: sunnylqm <615282+sunnylqm@users.noreply.github.com>

Author: sunnylqm

bun-test-setup.ts

@@ -0,0 +1,21 @@
+import { mock } from 'bun:test';
+import { GlobalWindow } from 'happy-dom';
+
+const win = new GlobalWindow();
+global.window = win as any;
+global.document = win.document as any;
+global.navigator = win.navigator as any;
+global.localStorage = win.localStorage as any;
+global.addEventListener = win.addEventListener.bind(win) as any;
+global.removeEventListener = win.removeEventListener.bind(win) as any;
+global.dispatchEvent = win.dispatchEvent.bind(win) as any;
+global.StorageEvent = win.StorageEvent as any;
+
+// Mock dependencies that cause side effects or fail on static assets imports
+mock.module('@/services/api', () => ({
+  api: {},
+}));
+mock.module('@/services/request', () => ({
+  getToken: () => '',
+  default: {},
+}));

bun.lock

@@ -0,0 +1,2 @@
+[test]
+preload = ["./bun-test-setup.ts"]

bunfig.toml

@@ -32,12 +32,15 @@
   "devDependencies": {
     "@biomejs/biome": "2.4.11",
     "@tailwindcss/postcss": "^4.2.2",
+    "@testing-library/react": "^16.3.2",
+    "@types/bun": "^1.3.12",
     "@types/git-url-parse": "^16.0.2",
     "@types/node": "^25.6.0",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "@types/react-router-dom": "^5.3.3",
     "@typescript/native-preview": "^7.0.0-dev.20260412.1",
+    "happy-dom": "^20.9.0",
     "mitata": "^1.0.34",
     "tailwindcss": "^4.2.2",
     "typescript": "^6.0.2"

package.json

@@ -28,6 +28,13 @@ declare module 'bun:test' {
   export function test(name: string, fn: TestHandler): void;
   export function expect<T>(actual: T): {
     toBe(expected: unknown): void;
+    toBeNull(): void;
+  };
+  export function beforeEach(fn: () => void | Promise<void>): void;
+  export function afterEach(fn: () => void | Promise<void>): void;
+  export function setSystemTime(time: Date | number | null): void;
+  export const mock: {
+    module(path: string, factory: () => any): void;
   };
 }
 

src/globals.d.ts

@@ -86,7 +86,9 @@ const attributeOptions = [
 ];
 
 export const Component = () => {
-  const [searchParams, setSearchParams] = useSearchParams({ attribute: 'hash' });
+  const [searchParams, setSearchParams] = useSearchParams({
+    attribute: 'hash',
+  });
   const [dateRange, setDateRange] = useState<[Dayjs, Dayjs]>([
     dayjs().subtract(24, 'hour'),
     dayjs(),