refactor: refactor testing setup

Author: yjose

jest-setup.ts

@@ -1,6 +1,99 @@
 /* eslint-disable ts/ban-ts-comment */
 /* eslint-disable no-restricted-globals */
-import '@testing-library/react-native/extend-expect';
+
+// Mock react-native-worklets first
+jest.mock('react-native-worklets', () => ({
+  __esModule: true,
+  default: {},
+}));
+
+// Mock react-native-reanimated
+jest.mock('react-native-reanimated', () => {
+  const View = require('react-native').View;
+
+  return {
+    __esModule: true,
+    default: {
+      View,
+      ScrollView: View,
+      createAnimatedComponent: (component: any) => component,
+    },
+    useSharedValue: jest.fn(() => ({ value: 0 })),
+    useAnimatedStyle: jest.fn(fn => fn()),
+    withTiming: jest.fn(value => value),
+    withSpring: jest.fn(value => value),
+    withDecay: jest.fn(value => value),
+    withDelay: jest.fn((_, value) => value),
+    withRepeat: jest.fn(value => value),
+    withSequence: jest.fn((...values) => values[0]),
+    cancelAnimation: jest.fn(),
+    Easing: {
+      linear: jest.fn(),
+      ease: jest.fn(),
+      quad: jest.fn(),
+      cubic: jest.fn(),
+      bezier: jest.fn(),
+      in: jest.fn(fn => fn),
+      out: jest.fn(fn => fn),
+      inOut: jest.fn(fn => fn),
+    },
+    FadeIn: { duration: jest.fn(() => ({})) },
+    FadeOut: { duration: jest.fn(() => ({})) },
+    FadeInDown: { duration: jest.fn(() => ({})) },
+    FadeInUp: { duration: jest.fn(() => ({})) },
+    FadeInLeft: { duration: jest.fn(() => ({})) },
+    FadeInRight: { duration: jest.fn(() => ({})) },
+    SlideInDown: { duration: jest.fn(() => ({})) },
+    SlideInUp: { duration: jest.fn(() => ({})) },
+    SlideInLeft: { duration: jest.fn(() => ({})) },
+    SlideInRight: { duration: jest.fn(() => ({})) },
+    Layout: {},
+    Keyframe: jest.fn(),
+  };
+});
+
+// Mock expo-localization
+jest.mock('expo-localization', () => ({
+  getLocales: jest.fn(() => [
+    {
+      languageTag: 'en-US',
+      languageCode: 'en',
+      textDirection: 'ltr',
+      digitGroupingSeparator: ',',
+      decimalSeparator: '.',
+      measurementSystem: 'metric',
+      currencyCode: 'USD',
+      currencySymbol: '$',
+      regionCode: 'US',
+    },
+  ]),
+}));
+
+// Mock react-native-mmkv
+jest.mock('react-native-mmkv', () => ({
+  MMKV: jest.fn(() => ({
+    set: jest.fn(),
+    getString: jest.fn(),
+    getNumber: jest.fn(),
+    getBoolean: jest.fn(),
+    delete: jest.fn(),
+    clearAll: jest.fn(),
+    getAllKeys: jest.fn(() => []),
+  })),
+  useMMKVString: jest.fn((_key: string) => [undefined, jest.fn()]),
+  useMMKVNumber: jest.fn((_key: string) => [undefined, jest.fn()]),
+  useMMKVBoolean: jest.fn((_key: string) => [undefined, jest.fn()]),
+  useMMKVObject: jest.fn((_key: string) => [undefined, jest.fn()]),
+  createMMKV: jest.fn(() => ({
+    set: jest.fn(),
+    getString: jest.fn(),
+    getNumber: jest.fn(),
+    getBoolean: jest.fn(),
+    delete: jest.fn(),
+    clearAll: jest.fn(),
+    getAllKeys: jest.fn(() => []),
+  })),
+}));
 
 // react-hook form setup for testing
 // @ts-expect-error

jest.config.js

@@ -7,13 +7,13 @@ module.exports = {
     '!**/coverage/**',
     '!**/node_modules/**',
     '!**/babel.config.js',
-    '!**/jest.setup.js',
+    '!**/jest-setup.ts',
     '!**/docs/**',
     '!**/cli/**',
   ],
   moduleFileExtensions: ['js', 'ts', 'tsx'],
   transformIgnorePatterns: [
-    `node_modules/(?!(?:.pnpm/)?((jest-)?react-native|@react-native(-community)?|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@unimodules/.*|unimodules|@sentry/.*|native-base|react-native-svg))`,
+    `node_modules/(?!(?:.pnpm/)?((jest-)?react-native|@react-native(-community)?|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@unimodules/.*|unimodules|@sentry/.*|native-base|react-native-svg|@gorhom/.*|@shopify/.*|@tanstack/.*|react-native-reanimated|react-native-mmkv|react-native-nitro-modules|react-native-worklets|moti|zustand|tailwind-merge|tailwind-variants|uniwind))`,
   ],
   coverageReporters: ['json-summary', ['text', { file: 'coverage.txt' }]],
   reporters: [

package.json

@@ -105,7 +105,6 @@
     "@eslint-react/eslint-plugin": "^2.7.2",
     "@expo/config": "~12.0.13",
     "@tailwindcss/cli": "^4.0.0",
-    "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react-native": "^13.3.3",
     "@types/i18n-js": "^4.0.1",
     "@types/invariant": "^2.2.37",
@@ -127,13 +126,11 @@
     "eslint-plugin-unicorn": "^62.0.0",
     "husky": "^9.1.7",
     "jest": "^29.7.0",
-    "jest-environment-jsdom": "^30.2.0",
     "jest-expo": "~54.0.16",
     "jest-junit": "^16.0.0",
     "lint-staged": "^16.2.7",
     "np": "^10.3.0",
     "tailwindcss": "4.1.18",
-    "ts-jest": "^29.4.6",
     "typescript": "^5.9.3"
   },
   "expo": {