Merge pull request Expensify#85234 from software-mansion-labs/root-tab-navigator

Introduce a Bottom Tab Navigator for Top-Level Navigation

Author: mountiny

babel.config.js

@@ -130,6 +130,9 @@ const metro = {
         production: {
             plugins: [['transform-remove-console', {exclude: ['error', 'warn']}]],
         },
+        test: {
+            plugins: ['@babel/plugin-transform-dynamic-import'],
+        },
     },
 };
 

jest/setupAfterEnv.ts

@@ -1,9 +1,24 @@
 import '@testing-library/react-native';
+import type {KeyboardEventName} from 'react-native';
+import {Keyboard} from 'react-native';
 import Onyx from 'react-native-onyx';
 import ONYXKEYS from '@src/ONYXKEYS';
 
 jest.useRealTimers();
 
+// Patch Keyboard.addListener to return a subscription object with .remove() so that
+// @react-navigation/bottom-tabs useIsKeyboardShown hook doesn't crash on cleanup.
+if (Keyboard && typeof Keyboard.addListener === 'function') {
+    const originalAddListener = Keyboard.addListener.bind(Keyboard);
+    Keyboard.addListener = ((event: KeyboardEventName, callback: () => void) => {
+        const subscription = originalAddListener(event, callback);
+        if (!subscription || typeof subscription.remove !== 'function') {
+            return {remove: jest.fn()};
+        }
+        return subscription;
+    }) as typeof Keyboard.addListener;
+}
+
 // This mock must live in setupAfterEnv (not setupFiles) because @shopify/flash-list/jestSetup,
 // imported in setup.ts, registers its own measureLayout mock. Placing ours here ensures it
 // runs after FlashList's setup and takes precedence.