add integration test

Author: AbhiPrasad

packages/react/test/errorboundary-integration.test.tsx renamed to packages/react/test/integration.test.tsx

@@ -2,7 +2,7 @@ import { fireEvent, render, screen } from '@testing-library/react';
 import * as React from 'react';
 import { useState } from 'react';
 
-import { init } from '../src';
+import { init, getCurrentHub, BrowserClient } from '../src';
 import { ErrorBoundary, ErrorBoundaryProps } from '../src/errorboundary';
 
 function Boo({ title }: { title: string }): JSX.Element {
@@ -37,18 +37,48 @@ const TestApp: React.FC<ErrorBoundaryProps> = ({ children, ...props }) => {
   );
 };
 
-describe.only('Integration Test', () => {
-  it('captures an error and sends it to Sentry', () => {
-    init({
-      dsn: '',
-      beforeSend: event => {
-        console.log(event);
-        return event;
-      },
-    });
+const dsn = 'https://[email protected]/12312012';
+
+describe('React Integration Test', () => {
+  beforeAll(() => {
+    init({ dsn });
+  });
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+    getCurrentHub().pushScope();
+  });
+
+  afterEach(() => {
+    getCurrentHub().popScope();
+  });
+
+  it('captures an error and sends it to Sentry', done => {
+    let capturedHint;
+    let error: Error;
+    let eventId: string;
+
+    expect.assertions(6);
+    getCurrentHub().bindClient(
+      new BrowserClient({
+        beforeSend: (event: Event) => {
+          expect(event.tags).toEqual({ test: '1' });
+          expect(event.exception).not.toBeUndefined();
+e          done();
+          return null;
+        },
+        dsn,
+      }),
+    );
 
     render(
-      <TestApp fallback={<p>You have hit an error</p>}>
+      <TestApp
+        fallback={<p>You have hit an error</p>}
+        onError={(e, _, id) => {
+          error = e;
+          eventId = id;
+        }}
+      >
         <h1>children</h1>
       </TestApp>,
     );