fix(test): add ThemeProvider to shared test wrapper

Author: sheyman546

package-lock.json

@@ -101,8 +101,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.29.0",
-    "babel-plugin-module-resolver": "^5.0.2",
-    "babel-plugin-transform-remove-console": "^6.3.0",
+    "@babel/plugin-transform-flow-strip-types": "^8.0.1",
     "@commitlint/cli": "^20.5.2",
     "@commitlint/config-conventional": "^20.5.0",
     "@config-plugins/detox": "^11.0.0",
@@ -125,6 +124,8 @@
     "@types/react-dom": "^19.2.3",
     "@typescript-eslint/eslint-plugin": "^7.0.0",
     "@typescript-eslint/parser": "^7.0.0",
+    "babel-plugin-module-resolver": "^5.0.2",
+    "babel-plugin-transform-remove-console": "^6.3.0",
     "cross-env": "^10.1.0",
     "detox": "^20.51.0",
     "eslint": "^8.57.0",

package.json

@@ -2,6 +2,7 @@ import React from 'react';
 import { render, RenderOptions } from '@testing-library/react-native';
 import { NavigationContainer } from '@react-navigation/native';
 import { SafeAreaProvider, initialWindowMetrics, Metrics } from 'react-native-safe-area-context';
+import { ThemeProvider } from './context/ThemeContext';
 
 // Under Jest there is no native layout pass, so `initialWindowMetrics` is null
 // and `SafeAreaProvider` would withhold its children until an onLayout event
@@ -25,9 +26,11 @@ interface WrapperProps {
 }
 
 const AllProviders = ({ children }: WrapperProps) => (
-  <SafeAreaProvider initialMetrics={initialWindowMetrics ?? TEST_METRICS}>
-    <NavigationContainer>{children}</NavigationContainer>
-  </SafeAreaProvider>
+  <ThemeProvider>
+    <SafeAreaProvider initialMetrics={initialWindowMetrics ?? TEST_METRICS}>
+      <NavigationContainer>{children}</NavigationContainer>
+    </SafeAreaProvider>
+  </ThemeProvider>
 );
 
 const customRender = (ui: React.ReactElement, options?: RenderOptions) =>