feat: handle offline onboarding gracefully

src/hooks/useNetworkStatus.test.ts

@@ -0,0 +1,43 @@
+import { act, renderHook } from '@testing-library/react'
+import { beforeEach, describe, expect, it } from 'vitest'
+import { useNetworkStatus } from './useNetworkStatus'
+
+describe('useNetworkStatus', () => {
+  let online = true
+
+  beforeEach(() => {
+    online = true
+    Object.defineProperty(window.navigator, 'onLine', {
+      configurable: true,
+      get: () => online,
+    })
+  })
+
+  it('uses navigator.onLine for the initial state', () => {
+    online = false
+
+    const { result } = renderHook(() => useNetworkStatus())
+
+    expect(result.current.isOffline).toBe(true)
+  })
+
+  it('updates when online and offline events fire', () => {
+    const { result } = renderHook(() => useNetworkStatus())
+
+    expect(result.current.isOffline).toBe(false)
+
+    act(() => {
+      online = false
+      window.dispatchEvent(new Event('offline'))
+    })
+
+    expect(result.current.isOffline).toBe(true)
+
+    act(() => {
+      online = true
+      window.dispatchEvent(new Event('online'))
+    })
+
+    expect(result.current.isOffline).toBe(false)
+  })
+})