test: cover keyboard resize with unit test

src/components/KeyboardAwareScrollView/__fixtures__/testUtils.tsx

@@ -17,6 +17,7 @@ export const MOCK_SCREEN_HEIGHT = 928;
 export const KEYBOARD_HEIGHT = 312;
 export const BOTTOM_OFFSET = 62;
 export const MOCK_SV_TARGET = 1469;
+export const MOCK_SV_PAGE_Y = 116;
 export const INPUT_TARGET_A = 1373;
 export const INPUT_TARGET_B = 1395;
 

src/components/KeyboardAwareScrollView/__tests__/keyboardSizeChange.spec.tsx

@@ -0,0 +1,179 @@
+import "../__fixtures__/mocks";
+
+import {
+  INPUT_LAYOUT_B,
+  INPUT_TARGET_B,
+  KEYBOARD_HEIGHT,
+  MOCK_SV_PAGE_Y,
+  inputEvent,
+  kbEvent,
+  lastScrollToY,
+  mockInput,
+  mockKeyboardHandlers,
+  mockOffset,
+  mockScrollTo,
+  mockSelectionHandler,
+  renderKeyboardAwareScrollView,
+  reset,
+  selectionEvent,
+} from "../__fixtures__/testUtils";
+
+beforeEach(() => {
+  reset();
+});
+
+const EMOJI_KEYBOARD_HEIGHT = 388;
+
+// When the keyboard changes size (e.g. emoji ↔ text toggle), the native
+// FocusedInputObserver calls syncUpLayout(), producing a
+// fresh FocusedInputLayoutChanged event with the correct on-screen absoluteY:
+//
+//   absoluteY = layout.y - currentScrollOffset + scrollViewPageY
+//
+// In these tests we simulate that by updating mockInput.value before each
+// keyboard-resize onStart call.
+//
+// Input B (used throughout):
+//   layout.y = 579.67, height = 60.33, scrollViewPageY = 116
+//   selectionHeight = 47  (used as the effective point height)
+//
+//   absoluteY(scroll) = 579.67 - scroll + 116 = 695.67 - scroll
+//
+// Text keyboard (312):  visibleRect = 928 - 312 = 616
+// Emoji keyboard (388): visibleRect = 928 - 388 = 540
+
+describe("KeyboardAwareScrollView — keyboard size change (emoji toggle)", () => {
+  it("should correctly adjust scroll across multiple emoji ↔ text keyboard toggles", async () => {
+    await renderKeyboardAwareScrollView();
+    mockInput.value = inputEvent(INPUT_TARGET_B, INPUT_LAYOUT_B);
+
+    // ── Step 1: Focus — text keyboard opens ──────────────────────────────────
+    // point = 695.67 + 47 = 742.67
+    // relativeScrollTo = 312 - (928 - 742.67) + 62 = 188.67
+    mockSelectionHandler.current(selectionEvent(INPUT_TARGET_B));
+    mockKeyboardHandlers.current.onStart(
+      kbEvent(KEYBOARD_HEIGHT, INPUT_TARGET_B),
+    );
+    mockKeyboardHandlers.current.onMove(
+      kbEvent(KEYBOARD_HEIGHT, INPUT_TARGET_B),
+    );
+    mockKeyboardHandlers.current.onEnd(
+      kbEvent(KEYBOARD_HEIGHT, INPUT_TARGET_B),
+    );
+    mockOffset.value = 188.67;
+
+    // ── Step 2: → emoji keyboard (should push further) ───────────────────────
+    // native sends updated absoluteY = 579.67 - 188.67 + 116 = 507
+    // point = 507 + 47 = 554
+    // relativeScrollTo = 388 - (928 - 554) + 62 = 76
+    // targetScrollY = 76 + 188.67 = 264.67
+    mockScrollTo.mockClear();
+    mockInput.value = inputEvent(INPUT_TARGET_B, {
+      ...INPUT_LAYOUT_B,
+      absoluteY: INPUT_LAYOUT_B.y - mockOffset.value + MOCK_SV_PAGE_Y,
+    });
+    mockKeyboardHandlers.current.onStart(
+      kbEvent(EMOJI_KEYBOARD_HEIGHT, INPUT_TARGET_B),
+    );
+    mockKeyboardHandlers.current.onEnd(
+      kbEvent(EMOJI_KEYBOARD_HEIGHT, INPUT_TARGET_B),
+    );
+
+    const scrollAfterFirstEmoji = lastScrollToY();
+
+    expect(scrollAfterFirstEmoji).toBeDefined();
+    expect(scrollAfterFirstEmoji!).toBeCloseTo(264.67, 1);
+    mockOffset.value = scrollAfterFirstEmoji!;
+
+    // ── Step 3: → text keyboard (should NOT push further) ────────────────────
+    // native sends updated absoluteY = 579.67 - 264.67 + 116 = 431
+    // point = 431 + 47 = 478; visibleRect (text) = 616; 616 - 478 = 138 > 62 → no scroll
+    mockScrollTo.mockClear();
+    mockInput.value = inputEvent(INPUT_TARGET_B, {
+      ...INPUT_LAYOUT_B,
+      absoluteY: INPUT_LAYOUT_B.y - mockOffset.value + MOCK_SV_PAGE_Y,
+    });
+    mockKeyboardHandlers.current.onStart(
+      kbEvent(KEYBOARD_HEIGHT, INPUT_TARGET_B),
+    );
+    mockKeyboardHandlers.current.onEnd(
+      kbEvent(KEYBOARD_HEIGHT, INPUT_TARGET_B),
+    );
+
+    expect(lastScrollToY()).toBeUndefined();
+
+    // ── Step 4: → emoji keyboard again (should NOT push further) ─────────────
+    // absoluteY still 431 (scroll hasn't changed); point = 478
+    // visibleRect (emoji) = 540; 540 - 478 = 62 ≤ 62 → scrollTo called but to same position
+    mockScrollTo.mockClear();
+    mockKeyboardHandlers.current.onStart(
+      kbEvent(EMOJI_KEYBOARD_HEIGHT, INPUT_TARGET_B),
+    );
+    mockKeyboardHandlers.current.onEnd(
+      kbEvent(EMOJI_KEYBOARD_HEIGHT, INPUT_TARGET_B),
+    );
+
+    expect(lastScrollToY() ?? mockOffset.value).toBeCloseTo(264.67, 1);
+
+    // ── Step 5: → text keyboard again (should NOT push) ──────────────────────
+    mockScrollTo.mockClear();
+    mockKeyboardHandlers.current.onStart(
+      kbEvent(KEYBOARD_HEIGHT, INPUT_TARGET_B),
+    );
+    mockKeyboardHandlers.current.onEnd(
+      kbEvent(KEYBOARD_HEIGHT, INPUT_TARGET_B),
+    );
+
+    expect(lastScrollToY()).toBeUndefined();
+
+    // ── Step 6: User scrolls back up manually ────────────────────────────────
+    mockScrollTo.mockClear();
+    mockOffset.value = 188.67;
+
+    // ── Step 7: → emoji keyboard (should push again from new base) ───────────
+    // native sends updated absoluteY = 695.67 - 188.67 = 507 (same as step 2)
+    // → same scroll target: 264.67
+    mockInput.value = inputEvent(INPUT_TARGET_B, {
+      ...INPUT_LAYOUT_B,
+      absoluteY: INPUT_LAYOUT_B.y - mockOffset.value + MOCK_SV_PAGE_Y,
+    });
+    mockKeyboardHandlers.current.onStart(
+      kbEvent(EMOJI_KEYBOARD_HEIGHT, INPUT_TARGET_B),
+    );
+    mockKeyboardHandlers.current.onEnd(
+      kbEvent(EMOJI_KEYBOARD_HEIGHT, INPUT_TARGET_B),
+    );
+
+    const scrollAfterThirdEmoji = lastScrollToY();
+
+    expect(scrollAfterThirdEmoji).toBeDefined();
+    expect(scrollAfterThirdEmoji!).toBeCloseTo(264.67, 1);
+    mockOffset.value = scrollAfterThirdEmoji!;
+
+    // ── Step 8: → text keyboard (should NOT push) ────────────────────────────
+    mockScrollTo.mockClear();
+    mockInput.value = inputEvent(INPUT_TARGET_B, {
+      ...INPUT_LAYOUT_B,
+      absoluteY: INPUT_LAYOUT_B.y - mockOffset.value + MOCK_SV_PAGE_Y,
+    });
+    mockKeyboardHandlers.current.onStart(
+      kbEvent(KEYBOARD_HEIGHT, INPUT_TARGET_B),
+    );
+    mockKeyboardHandlers.current.onEnd(
+      kbEvent(KEYBOARD_HEIGHT, INPUT_TARGET_B),
+    );
+
+    expect(lastScrollToY()).toBeUndefined();
+
+    // ── Step 9: → emoji keyboard (should NOT push again) ─────────────────────
+    mockScrollTo.mockClear();
+    mockKeyboardHandlers.current.onStart(
+      kbEvent(EMOJI_KEYBOARD_HEIGHT, INPUT_TARGET_B),
+    );
+    mockKeyboardHandlers.current.onEnd(
+      kbEvent(EMOJI_KEYBOARD_HEIGHT, INPUT_TARGET_B),
+    );
+
+    expect(lastScrollToY() ?? mockOffset.value).toBeCloseTo(264.67, 1);
+  });
+});