GraphQL integration (#5299)

* GraphQL integration

* Changelog entry

Author: alwx

CHANGELOG.md

@@ -8,6 +8,10 @@
 
 ## Unreleased
 
+### Features
+
+- Adds GraphQL integration ([#5299](https://github.com/getsentry/sentry-react-native/pull/5299))
+
 ### Dependencies
 
 - Bump Bundler Plugins from v4.4.0 to v4.5.0 ([#5283](https://github.com/getsentry/sentry-react-native/pull/5283))

packages/core/src/js/integrations/exports.ts

@@ -25,6 +25,7 @@ export { timeToDisplayIntegration } from '../tracing/integrations/timeToDisplayI
 export { breadcrumbsIntegration } from './breadcrumbs';
 export { primitiveTagIntegration } from './primitiveTagIntegration';
 export { logEnricherIntegration } from './logEnricherIntegration';
+export { graphqlIntegration } from './graphql';
 
 export {
   browserApiErrorsIntegration,

packages/core/src/js/integrations/graphql.ts

@@ -0,0 +1,14 @@
+import { graphqlClientIntegration as browserGraphqlClientIntegration } from '@sentry/browser';
+import type { Integration } from '@sentry/core';
+
+interface GraphQLReactNativeIntegrationOptions {
+  endpoints: Array<string | RegExp>;
+}
+
+/**
+ * This integration ensures that GraphQL requests made in the React Native apps
+ * have their GraphQL-specific data captured and attached to spans and breadcrumbs.
+ */
+export function graphqlIntegration(options: GraphQLReactNativeIntegrationOptions): Integration {
+  return browserGraphqlClientIntegration({ endpoints: options.endpoints });
+}

packages/core/test/integrations/graphql.test.ts

@@ -0,0 +1,30 @@
+import { graphqlClientIntegration as browserGraphqlClientIntegration } from '@sentry/browser';
+import { graphqlIntegration } from '../../src/js';
+
+jest.mock('@sentry/browser', () => ({
+  graphqlClientIntegration: jest.fn(() => ({ name: 'GraphQL' })),
+}));
+
+describe('GraphQL Integration', () => {
+  afterEach(() => {
+    jest.resetAllMocks();
+  });
+
+  it('passes React Native options to browserGraphqlClientIntegration', () => {
+    const result = graphqlIntegration({ endpoints: ['test'] });
+
+    expect(browserGraphqlClientIntegration).toHaveBeenCalledWith({
+      endpoints: ['test'],
+    });
+    expect(result).toBeDefined();
+  });
+
+  it('handles RegExp patterns', () => {
+    const pattern = /graphql/;
+    graphqlIntegration({ endpoints: [pattern] });
+
+    expect(browserGraphqlClientIntegration).toHaveBeenCalledWith({
+      endpoints: [pattern],
+    });
+  });
+});