test: Add browser integration test for AggregateErrors (#15723)

While trying to debug
#15707 I added a
new integration test. Figured we should merge this in for now.

Author: AbhiPrasad

dev-packages/browser-integration-tests/suites/public-api/captureException/aggregateError/subject.js

@@ -0,0 +1,13 @@
+try {
+  // Create an AggregateError with multiple error objects
+  const error1 = new Error('First error message');
+  const error2 = new TypeError('Second error message');
+  const error3 = new RangeError('Third error message');
+
+  // Create the AggregateError with these errors and a message
+  const aggregateError = new AggregateError([error1, error2, error3], 'Multiple errors occurred');
+
+  throw aggregateError;
+} catch (err) {
+  Sentry.captureException(err);
+}

dev-packages/browser-integration-tests/suites/public-api/captureException/aggregateError/test.ts

@@ -0,0 +1,69 @@
+import { expect } from '@playwright/test';
+
+import { sentryTest } from '../../../../utils/fixtures';
+import { envelopeRequestParser, waitForErrorRequestOnUrl } from '../../../../utils/helpers';
+
+sentryTest('should capture an AggregateError with embedded errors', async ({ getLocalTestUrl, page }) => {
+  const url = await getLocalTestUrl({ testDir: __dirname });
+  const req = await waitForErrorRequestOnUrl(page, url);
+  const eventData = envelopeRequestParser(req);
+
+  expect(eventData.exception?.values).toHaveLength(4); // AggregateError + 3 embedded errors
+
+  // Verify the embedded errors come first
+  expect(eventData.exception?.values?.[0]).toMatchObject({
+    type: 'RangeError',
+    value: 'Third error message',
+    mechanism: {
+      type: 'chained',
+      handled: true,
+      source: expect.stringMatching(/^errors\[\d+\]$/),
+      exception_id: expect.any(Number),
+    },
+  });
+
+  expect(eventData.exception?.values?.[1]).toMatchObject({
+    type: 'TypeError',
+    value: 'Second error message',
+    mechanism: {
+      type: 'chained',
+      handled: true,
+      source: expect.stringMatching(/^errors\[\d+\]$/),
+      exception_id: expect.any(Number),
+    },
+  });
+
+  expect(eventData.exception?.values?.[2]).toMatchObject({
+    type: 'Error',
+    value: 'First error message',
+    mechanism: {
+      type: 'chained',
+      handled: true,
+      source: expect.stringMatching(/^errors\[\d+\]$/),
+      exception_id: expect.any(Number),
+    },
+  });
+
+  // Verify the AggregateError comes last
+  expect(eventData.exception?.values?.[3]).toMatchObject({
+    type: 'AggregateError',
+    value: 'Multiple errors occurred',
+    mechanism: {
+      type: 'generic',
+      handled: true,
+      is_exception_group: true,
+      exception_id: expect.any(Number),
+    },
+    stacktrace: {
+      frames: expect.any(Array),
+    },
+  });
+
+  // Get parent exception ID for reference checks
+  const parentId = eventData.exception?.values?.[3].mechanism?.exception_id;
+
+  // Verify parent_id references match for all child errors
+  for (let i = 0; i < 3; i++) {
+    expect(eventData.exception?.values?.[i].mechanism?.parent_id).toBe(parentId);
+  }
+});