fix(ui): update viewport height without visualViewport (#1314)

* fix(ui): update viewport height without visualViewport * fix(ui): initialize visual viewport state from helper --------- Co-authored-by: Isaac Sanchez <isanchez-hawkins@arize.com>
2026-05-19 16:58:18 +03:00
parent 46bef9b0c7
commit 9ed44326f8
2 changed files with 65 additions and 17 deletions
@@ -0,0 +1,35 @@
+import { describe, expect, test } from 'bun:test';
+
+import { getVisualViewportState } from './useVisualViewport';
+
+const withWindow = (value: { innerHeight: number; visualViewport?: { height: number } | null }, run: () => void) => {
+  const originalWindow = Object.getOwnPropertyDescriptor(globalThis, 'window');
+  Object.defineProperty(globalThis, 'window', {
+    configurable: true,
+    value,
+  });
+
+  try {
+    run();
+  } finally {
+    if (originalWindow) {
+      Object.defineProperty(globalThis, 'window', originalWindow);
+    } else {
+      Reflect.deleteProperty(globalThis, 'window');
+    }
+  }
+};
+
+describe('getVisualViewportState', () => {
+  test('falls back to innerHeight when visualViewport is unavailable', () => {
+    withWindow({ innerHeight: 812 }, () => {
+      expect(getVisualViewportState()).toEqual({ height: 812, keyboardHeight: 0 });
+    });
+  });
+
+  test('derives keyboard height from visualViewport height', () => {
+    withWindow({ innerHeight: 812, visualViewport: { height: 512 } }, () => {
+      expect(getVisualViewportState()).toEqual({ height: 512, keyboardHeight: 300 });
+    });
+  });
+});