Feat: Report as app context what's the current screen during the error

CHANGELOG.md

@@ -4,6 +4,7 @@
 
 ### Features
 
+- Current screen is now repoted on the error's app context ([#3339](https://github.com/getsentry/sentry-react-native/pull/3339))
 - Export New JS Performance API ([#3371](https://github.com/getsentry/sentry-react-native/pull/3371))
 
   ```js

src/js/integrations/devicecontext.ts

@@ -49,12 +49,16 @@ export class DeviceContext implements Integration {
       if (AppState.currentState !== 'unknown') {
         nativeContexts = nativeContexts || {};
         nativeContexts.app = {
+          ...event.contexts?.app,
           ...nativeContexts.app,
           in_foreground: AppState.currentState === 'active',
         };
       }
       if (nativeContexts) {
         event.contexts = { ...nativeContexts, ...event.contexts };
+        if (nativeContexts.app) {
+          event.contexts.app = { ...nativeContexts.app, ...event.contexts.app };
+        }
       }
 
       const nativeTags = native.tags;

src/js/tracing/reactnativetracing.ts

@@ -454,7 +454,10 @@ export class ReactNativeTracing implements Integration {
           },
         });
       }
-
+      scope.setContext('app', { view_names: [context.name] });
+      /**
+       * @deprecated tag routing.route.name will be removed in the future.
+       */
       scope.setTag('routing.route.name', context.name);
     });
   }

test/integrations/devicecontext.test.ts

@@ -43,6 +43,47 @@ describe('Device Context Integration', () => {
     ).expectEvent.toStrictEqualMockEvent();
   });
 
+  it('do not overwrite event app context', async () => {
+    (
+      await executeIntegrationWith({
+        nativeContexts: { app: { view_names: ['native view'] } },
+        mockEvent: { contexts: { app: { view_names: ['Home'] } } },
+      })
+    ).expectEvent.toStrictEqualMockEvent();
+  });
+
+  it('merge event context app', async () => {
+    const { processedEvent } = await executeIntegrationWith({
+      nativeContexts: { contexts: { app: { native: 'value' } } },
+      mockEvent: { contexts: { app: { event_app: 'value' } } },
+    });
+    expect(processedEvent).toStrictEqual({
+      contexts: {
+        app: {
+          event_app: 'value',
+          native: 'value',
+        },
+      },
+    });
+  });
+
+  it('merge event context app even when event app doesnt exist', async () => {
+    const { processedEvent } = await executeIntegrationWith({
+      nativeContexts: { contexts: { app: { native: 'value' } } },
+      mockEvent: { contexts: { keyContext: { key: 'value' } } },
+    });
+    expect(processedEvent).toStrictEqual({
+      contexts: {
+        keyContext: {
+          key: 'value',
+        },
+        app: {
+          native: 'value',
+        },
+      },
+    });
+  });
+
   it('merge event and native contexts', async () => {
     const { processedEvent } = await executeIntegrationWith({
       nativeContexts: { contexts: { duplicate: { context: 'native-value' }, native: { context: 'value' } } },

test/tracing/gesturetracing.test.ts

@@ -40,6 +40,9 @@ const getMockScope = () => {
     setTag(_tag: unknown) {
       // Placeholder
     },
+    setContext(_context: unknown) {
+      // Placeholder
+    },
     addBreadcrumb(_breadcrumb: unknown) {
       // Placeholder
     },

test/tracing/reactnativetracing.test.ts

@@ -66,6 +66,9 @@ const getMockScope = () => {
     setTag(_tag: any) {
       // Placeholder
     },
+    setContext(_context: any) {
+      // Placeholder
+    },
     addBreadcrumb(_breadcrumb: any) {
       // Placeholder
     },
@@ -678,7 +681,7 @@ describe('ReactNativeTracing', () => {
 
   describe('Routing Instrumentation', () => {
     describe('_onConfirmRoute', () => {
-      it('Sets tag and adds breadcrumb', () => {
+      it('Sets context,tag and adds breadcrumb', () => {
         const routing = new RoutingInstrumentation();
         const integration = new ReactNativeTracing({
           routingInstrumentation: routing,
@@ -687,6 +690,7 @@ describe('ReactNativeTracing', () => {
         const mockScope = {
           addBreadcrumb: jest.fn(),
           setTag: jest.fn(),
+          setContext: jest.fn(),
 
           // Not relevant to test
           setSpan: () => {},
@@ -724,6 +728,10 @@ describe('ReactNativeTracing', () => {
         };
         routing.onRouteWillChange(routeContext);
 
+        expect(mockScope.setContext).toBeCalledWith('app', { view_names: [routeContext.name] });
+        /**
+         * @deprecated tag routing.route.name will be removed in the future.
+         */
         expect(mockScope.setTag).toBeCalledWith('routing.route.name', routeContext.name);
         expect(mockScope.addBreadcrumb).toBeCalledWith({
           type: 'navigation',