Fix tests

Author: adimiz1

example/App.tsx

@@ -1,6 +1,12 @@
 import { StyleSheet, View, Text, TouchableOpacity, Alert, Platform, Dimensions } from 'react-native';
 import { StatusBar } from 'expo-status-bar';
+
+// TEST: This log should show up immediately when the app starts
+console.log('🧪 [TEST] App.tsx loaded - Console.log is working!');
+
+console.log('🧪 [TEST] About to import cloudinary-react-native...');
 import {AdvancedImage, AdvancedVideo} from 'cloudinary-react-native';
+console.log('🧪 [TEST] Successfully imported cloudinary-react-native!', {AdvancedVideo: typeof AdvancedVideo});
 import {Cloudinary} from '@cloudinary/url-gen';
 import {scale} from "@cloudinary/url-gen/actions/resize";
 import {cartoonify} from "@cloudinary/url-gen/actions/effect";
@@ -29,6 +35,9 @@ const cld = new Cloudinary({
 });
 
 export default function App() {
+  // TEST: This should show when the App component is created
+  console.log('🧪 [TEST] App component function called!');
+  
   const videoPlayer = useRef<any>(null);
   const [analyticsEnabled, setAnalyticsEnabled] = useState(false);
   const [autoTracking, setAutoTracking] = useState(false);
@@ -158,22 +167,27 @@ export default function App() {
         </View>
 
         <View style={styles.videoContainer}>
-          <AdvancedVideo
-            ref={videoPlayer}
-            videoStyle={styles.video}
-            cldVideo={createMyVideoObject()}
-            enableAnalytics={analyticsEnabled}
-            autoTrackAnalytics={autoTracking}
-            analyticsOptions={{
-              customData: {
-                userId: 'demo-user-123',
-                appVersion: '1.0.0',
-                platform: 'react-native'
-              },
-              videoPlayerType: 'auto-detected',
-              videoPlayerVersion: 'auto-detected'
-            }}
-          />
+          {(() => {
+            console.log('🧪 [TEST] About to render AdvancedVideo component...');
+            return (
+              <AdvancedVideo
+                ref={videoPlayer}
+                videoStyle={styles.video}
+                cldVideo={createMyVideoObject()}
+                enableAnalytics={analyticsEnabled}
+                autoTrackAnalytics={autoTracking}
+                analyticsOptions={{
+                  customData: {
+                    userId: 'demo-user-123',
+                    appVersion: '1.0.0',
+                    platform: 'react-native'
+                  },
+                  videoPlayerType: 'auto-detected',
+                  videoPlayerVersion: 'auto-detected'
+                }}
+              />
+            );
+          })()}
         </View>
 
         <View style={styles.statusContainer}>

jest-setup.js

@@ -0,0 +1,2 @@
+// Set test environment
+process.env.NODE_ENV = 'test';

jest.setup-before-env.js

@@ -0,0 +1,56 @@
+// This file runs before Jest environment is set up
+// Mock React Native components globally before any imports
+
+// Set NODE_ENV early 
+process.env.NODE_ENV = 'test';
+
+// Mock React Native entirely
+jest.doMock('react-native', () => {
+  const React = require('react');
+  
+  // Create mock components that work with React Native Testing Library
+  const mockComponent = (name) => {
+    const Component = React.forwardRef((props, ref) => {
+      return React.createElement(name, { ...props, ref });
+    });
+    Component.displayName = name;
+    return Component;
+  };
+
+  return {
+    Platform: {
+      OS: 'ios',
+      select: jest.fn(options => options.ios),
+    },
+    Dimensions: {
+      get: jest.fn(() => ({ width: 375, height: 667 })),
+    },
+    View: mockComponent('View'),
+    Text: mockComponent('Text'), 
+    Image: mockComponent('Image'),
+    TouchableOpacity: mockComponent('TouchableOpacity'),
+    ScrollView: mockComponent('ScrollView'),
+    StyleSheet: {
+      create: jest.fn(styles => styles),
+    },
+    Alert: {
+      alert: jest.fn(),
+    },
+    Animated: {
+      View: mockComponent('Animated.View'),
+      timing: jest.fn(() => ({
+        start: jest.fn(),
+      })),
+      Value: jest.fn(() => ({
+        setValue: jest.fn(),
+        addListener: jest.fn(),
+        removeListener: jest.fn(),
+      })),
+    },
+    Easing: {
+      linear: jest.fn(),
+      ease: jest.fn(),
+      quad: jest.fn(),
+    },
+  };
+});

mocks/expo-av-mock.js

@@ -0,0 +1,2 @@
+// Mock expo-av for Jest tests - but make it NOT available for adapter tests  
+module.exports = {};

mocks/expo-constants-mock.js

@@ -0,0 +1,4 @@
+// Mock expo-constants for Jest tests
+module.exports = {
+  default: {},
+};

mocks/expo-crypto-mock.js

@@ -0,0 +1,4 @@
+// Mock expo-crypto for Jest tests
+module.exports = {
+  default: {},
+};

mocks/expo-video-mock.js

@@ -0,0 +1,2 @@
+// Mock expo-video for Jest tests - but make it NOT available for adapter tests
+module.exports = {};

mocks/react-native-mock.js

@@ -0,0 +1,46 @@
+const React = require('react');
+
+// Create proper React components for testing
+const MockView = React.forwardRef((props, ref) => React.createElement('View', { ...props, ref }));
+const MockText = React.forwardRef((props, ref) => React.createElement('Text', { ...props, ref }));
+const MockImage = React.forwardRef((props, ref) => React.createElement('Image', { ...props, ref }));
+const MockTouchableOpacity = React.forwardRef((props, ref) => React.createElement('TouchableOpacity', { ...props, ref }));
+
+// Mock React Native for Jest tests
+const mockReactNative = {
+  Platform: {
+    OS: 'ios',
+    select: jest.fn(options => options.ios),
+  },
+  Dimensions: {
+    get: jest.fn(() => ({ width: 375, height: 667 })),
+  },
+  View: MockView,
+  Text: MockText,
+  Image: MockImage,
+  TouchableOpacity: MockTouchableOpacity,
+  StyleSheet: {
+    create: jest.fn(styles => styles),
+  },
+  Alert: {
+    alert: jest.fn(),
+  },
+  Animated: {
+    View: MockView,
+    timing: jest.fn(() => ({
+      start: jest.fn(),
+    })),
+    Value: jest.fn(() => ({
+      setValue: jest.fn(),
+      addListener: jest.fn(),
+      removeListener: jest.fn(),
+    })),
+  },
+  Easing: {
+    linear: jest.fn(),
+    ease: jest.fn(),
+    quad: jest.fn(),
+  },
+};
+
+module.exports = mockReactNative;