Add coverage for useViewportOffset hook behavior

[Copilot]

Adds focused tests for hooks/use-viewport-offset.ts to cover the hook’s viewport-driven state updates and fallback behavior. The new coverage exercises the cases most likely to regress when visualViewport is absent or when mobile viewport metrics change.

• Hook coverage

  • adds a dedicated use-viewport-offset.test.tsx
  • verifies the hook returns 0 when window.visualViewport is unavailable
  • verifies initial offset calculation from innerHeight, visualViewport.height, and offsetTop

• Viewport event behavior

  • verifies offset updates when mocked resize and scroll events fire
  • verifies negative computed offsets are clamped to 0

• Lifecycle behavior

  • verifies the hook unregisters the same viewport listeners on unmount

• Mocking approach

  • uses a lightweight mocked visualViewport with explicit listener registration and dispatch to keep the tests deterministic and close to the browser API surface

const viewport = createVisualViewport(800, 50)
setVisualViewport(viewport)

const { result } = renderHook(() => useViewportOffset())

act(() => {
  viewport.height = 900
  viewport.offsetTop = 20
  viewport.dispatch("resize")
})

expect(result.current).toBe(80)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
bloch	Ready	Preview, Comment, Open in v0	Apr 3, 2026 11:59am

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 100.00%. Comparing base (b8e8063) to head (8631207).
⚠️ Report is 5 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff            @@
##              main       #16   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files            8         9    +1     
  Lines           63        77   +14     
  Branches        11        12    +1     
=========================================
+ Hits            63        77   +14     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.