Use __mocks__

Author: ShridharGoel

__mocks__/@react-native-reanimated/index.ts

@@ -0,0 +1,10 @@
+// __mocks__/react-native-reanimated/index.js
+const actualAnimated = jest.requireActual('react-native-reanimated/mock');
+
+const mock = {
+    ...actualAnimated,
+    createAnimatedPropAdapter: jest.fn(),
+    useReducedMotion: jest.fn(),
+};
+
+export default mock;

tests/ui/GroupChatNameTests.tsx

@@ -15,7 +15,6 @@ import * as TestHelper from '../utils/TestHelper';
 import {navigateToSidebarOption} from '../utils/TestHelper';
 import waitForBatchedUpdates from '../utils/waitForBatchedUpdates';
 import waitForBatchedUpdatesWithAct from '../utils/waitForBatchedUpdatesWithAct';
-import Animated from "react-native-reanimated";
 
 // We need a large timeout here as we are lazy loading React Navigation screens and this test is running against the entire mounted App
 jest.setTimeout(50000);
@@ -32,12 +31,6 @@ jest.mock('react-native/Libraries/LogBox/LogBox', () => ({
     },
 }));
 
-jest.mock('react-native-reanimated', () => ({
-    ...jest.requireActual<typeof Animated>('react-native-reanimated/mock'),
-    createAnimatedPropAdapter: jest.fn,
-    useReducedMotion: jest.fn,
-}));
-
 /**
  * We need to keep track of the transitionEnd callback so we can trigger it in our tests
  */

tests/ui/UnreadIndicatorsTest.tsx

@@ -44,12 +44,6 @@ jest.mock('react-native/Libraries/LogBox/LogBox', () => ({
     },
 }));
 
-jest.mock('react-native-reanimated', () => ({
-    ...jest.requireActual<typeof Animated>('react-native-reanimated/mock'),
-    createAnimatedPropAdapter: jest.fn,
-    useReducedMotion: jest.fn,
-}));
-
 /**
  * We need to keep track of the transitionEnd callback so we can trigger it in our tests
  */