add screen render to sample app , add unit testing to android, ios and RN

Author: andrewdanieldev

android/src/main/java/com/instabug/reactlibrary/RNInstabugReactnativeModule.java

@@ -26,7 +26,6 @@
 import com.facebook.react.bridge.WritableNativeMap;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.instabug.apm.InternalAPM;
-import com.instabug.apm.configuration.cp.APMFeature;
 import com.instabug.library.Feature;
 import com.instabug.library.Instabug;
 import com.instabug.library.InstabugColorTheme;
@@ -35,24 +34,21 @@
 import com.instabug.library.LogLevel;
 import com.instabug.library.ReproConfigurations;
 import com.instabug.library.core.InstabugCore;
+import com.instabug.library.featuresflags.model.IBGFeatureFlag;
 import com.instabug.library.internal.crossplatform.CoreFeature;
 import com.instabug.library.internal.crossplatform.CoreFeaturesState;
 import com.instabug.library.internal.crossplatform.FeaturesStateListener;
 import com.instabug.library.internal.crossplatform.InternalCore;
-import com.instabug.library.featuresflags.model.IBGFeatureFlag;
-import com.instabug.library.internal.crossplatform.InternalCore;
 import com.instabug.library.internal.crossplatform.OnFeaturesUpdatedListener;
 import com.instabug.library.internal.module.InstabugLocale;
 import com.instabug.library.invocation.InstabugInvocationEvent;
 import com.instabug.library.logging.InstabugLog;
 import com.instabug.library.model.NetworkLog;
 import com.instabug.library.model.Report;
 import com.instabug.library.ui.onboarding.WelcomeMessage;
-import com.instabug.library.util.InstabugSDKLogger;
 import com.instabug.reactlibrary.utils.ArrayUtil;
 import com.instabug.reactlibrary.utils.EventEmitterModule;
 import com.instabug.reactlibrary.utils.MainThreadHandler;
-
 import com.instabug.reactlibrary.utils.RNTouchedViewExtractor;
 
 import org.json.JSONException;
@@ -115,6 +111,7 @@ public void removeListeners(Integer count) {
 
     /**
      * Enables or disables Instabug functionality.
+     *
      * @param isEnabled A boolean to enable/disable Instabug.
      */
     @ReactMethod
@@ -1175,7 +1172,7 @@ public void invoke(@NonNull CoreFeaturesState featuresState) {
                             params.putBoolean("isW3ExternalTraceIDEnabled", featuresState.isW3CExternalTraceIdEnabled());
                             params.putBoolean("isW3ExternalGeneratedHeaderEnabled", featuresState.isAttachingGeneratedHeaderEnabled());
                             params.putBoolean("isW3CaughtHeaderEnabled", featuresState.isAttachingCapturedHeaderEnabled());
-                            params.putInt("networkBodyLimit",featuresState.getNetworkLogCharLimit());
+                            params.putInt("networkBodyLimit", featuresState.getNetworkLogCharLimit());
 
                             sendEvent(Constants.IBG_ON_FEATURE_FLAGS_UPDATE_RECEIVED_CALLBACK, params);
                         }
@@ -1259,7 +1256,7 @@ public void run() {
      * Map between the exported JS constant and the arg key in {@link ArgsRegistry}.
      * The constant name and the arg key should match to be able to resolve the
      * constant with its actual value from the {@link ArgsRegistry} maps.
-     *
+     * <p>
      * This is a workaround, because RN cannot resolve enums in the constants map.
      */
     @Override
@@ -1290,23 +1287,25 @@ public void invoke() {
             }
         });
     }
+
     /**
-    * Enables or disables capturing network body.
-    * @param isEnabled A boolean to enable/disable capturing network body.
-    */
-   @ReactMethod
-   public void setNetworkLogBodyEnabled(final boolean isEnabled) {
-       MainThreadHandler.runOnMainThread(new Runnable() {
-           @Override
-           public void run() {
-               try {
-                   Instabug.setNetworkLogBodyEnabled(isEnabled);
-               } catch (Exception e) {
-                   e.printStackTrace();
-               }
-           }
-       });
-   }
+     * Enables or disables capturing network body.
+     *
+     * @param isEnabled A boolean to enable/disable capturing network body.
+     */
+    @ReactMethod
+    public void setNetworkLogBodyEnabled(final boolean isEnabled) {
+        MainThreadHandler.runOnMainThread(new Runnable() {
+            @Override
+            public void run() {
+                try {
+                    Instabug.setNetworkLogBodyEnabled(isEnabled);
+                } catch (Exception e) {
+                    e.printStackTrace();
+                }
+            }
+        });
+    }
 
     /**
      * Sets the auto mask screenshots types.

android/src/test/java/com/instabug/reactlibrary/RNInstabugAPMModuleTest.java

@@ -205,5 +205,13 @@ public void testSetFlowAttribute() {
         APM.endUITrace();
     }
 
+    @Test
+    public void given$setScreenRenderEnabled_whenQuery_thenShouldCallNativeApiWithEnabled() {
+        apmModule.setScreenRenderEnabled(true);
+        // then
+        verify(APM.class, times(1));
+        APM.setScreenRenderingEnabled(true);
+    }
+
 
 }

examples/default/ios/InstabugTests/InstabugAPMTests.m

@@ -176,7 +176,32 @@ - (void) testEndUITrace {
   [self.instabugBridge endUITrace];
   OCMVerify([mock endUITrace]);
 }
+//
+//- (void) testSetScreenRenderEnabled {
+//  id mock = OCMClassMock([IBGAPM class]);
+//  BOOL isEnabled = YES;
+//
+//  OCMStub([mock enabled:isEnabled]);
+//  [self.instabugBridge setScreenRenderEnabled:isEnabled];
+//  OCMVerify([mock setScreenRenderEnabled:isEnabled]);
+//}
+
+- (void) testSetScreenRenderEnabled {
+    id mock = OCMClassMock([IBGAPM class]);
+    NSNumber *isEnabled = @1;
+
+    [self.instabugBridge setScreenRenderEnabled:isEnabled];
 
+    OCMVerify([mock setScreenRenderingEnabled:YES]);
+}
+
+- (void) testSetScreenRenderDisabled {
+    id mock = OCMClassMock([IBGAPM class]);
+    NSNumber *isEnabled = @0;
 
+    [self.instabugBridge setScreenRenderEnabled:isEnabled];
+
+    OCMVerify([mock setScreenRenderingEnabled:NO]);
+}
 
 @end

examples/default/src/navigation/HomeStack.tsx

@@ -31,6 +31,7 @@ import { HttpScreen } from '../screens/apm/HttpScreen';
 import { WebViewsScreen } from '../screens/apm/webViews/WebViewsScreen';
 import { FullWebViewsScreen } from '../screens/apm/webViews/FullWebViewsScreen';
 import { PartialWebViewsScreen } from '../screens/apm/webViews/PartialWebViewsScreen';
+import ScreenRender from '../screens/apm/ScreenRender';
 
 export type HomeStackParamList = {
   Home: undefined;
@@ -61,6 +62,7 @@ export type HomeStackParamList = {
   WebViews: undefined;
   FullWebViews: undefined;
   PartialWebViews: undefined;
+  ScreenRender: undefined;
 };
 
 const HomeStack = createNativeStackNavigator<HomeStackParamList>();
@@ -163,6 +165,12 @@ export const HomeStackNavigator: React.FC = () => {
         component={PartialWebViewsScreen}
         options={{ title: 'PartialWebViews' }}
       />
+      <HomeStack.Screen
+        name="ScreenRender"
+        component={ScreenRender}
+        options={{ title: 'ScreenRender' }}
+      />
+      
     </HomeStack.Navigator>
   );
 };

examples/default/src/screens/apm/APMScreen.tsx

@@ -38,31 +38,7 @@ export const APMScreen: React.FC<NativeStackScreenProps<HomeStackParamList, 'APM
       <ListTile title="Flows" onPress={() => navigation.navigate('AppFlows')} />
       <ListTile title="WebViews" onPress={() => navigation.navigate('WebViews')} />
       <ListTile title="Complex Views" onPress={() => navigation.navigate('ComplexViews')} />
-        
-      <ListTile
-        title="Simulate Slow Frames"
-        onPress={() => {
-          // Simulate slow rendering
-          const heavyComputation = () => {
-            for (let i = 0; i < 1000000; i++) {
-              Math.random() * Math.random();
-            }
-          };
-          heavyComputation();
-          showNotification('Slow Frames', 'Heavy computation executed to simulate slow frames');
-        }}
-      />
-      <ListTile
-        title="Simulate Frozen Frames"
-        onPress={() => {
-          const freezeDuration = 3000; // 3 seconds
-          const start = Date.now();
-          while (Date.now() - start < freezeDuration) {
-            // Busy wait to block JS thread
-          }
-          showNotification('Frozen Frames', `UI frozen for ${freezeDuration / 1000} seconds`);
-        }}
-      />
+      <ListTile title="Screen Rendering" onPress={() => navigation.navigate('ScreenRender')} />
     </Screen>
   );
 };