add another test case

Author: AbhiPrasad

dev-packages/browser-integration-tests/suites/tracing/metrics/pageload-measure-spans-domexception-details/init.js

@@ -37,3 +37,22 @@ performance.measure('normal-measure', {
   end: performance.now() + 50,
   detail: 'this-should-work',
 });
+
+// Create a measure with complex detail object
+performance.measure('complex-detail-measure', {
+  start: performance.now(),
+  end: performance.now() + 25,
+  detail: {
+    nested: {
+      array: [1, 2, 3],
+      object: {
+        key: 'value',
+      },
+    },
+    metadata: {
+      type: 'test',
+      version: '1.0',
+      tags: ['complex', 'nested', 'object'],
+    },
+  },
+});

dev-packages/browser-integration-tests/suites/tracing/metrics/pageload-measure-spans-domexception-details/test.ts

@@ -17,7 +17,7 @@ sentryTest(
 
     // Find all measure spans
     const measureSpans = eventData.spans?.filter(({ op }) => op === 'measure');
-    expect(measureSpans?.length).toBe(2); // Both measures should create spans
+    expect(measureSpans?.length).toBe(3); // All three measures should create spans
 
     // Test 1: Verify the restricted-test-measure span exists but has no detail
     const restrictedMeasure = measureSpans?.find(span => span.description === 'restricted-test-measure');
@@ -40,5 +40,25 @@ sentryTest(
       'sentry.op': 'measure',
       'sentry.origin': 'auto.resource.browser.metrics',
     });
+
+    // Test 3: Verify the complex detail object is captured correctly
+    const complexMeasure = measureSpans?.find(span => span.description === 'complex-detail-measure');
+    expect(complexMeasure).toBeDefined();
+    expect(complexMeasure?.data).toMatchObject({
+      'sentry.op': 'measure',
+      'sentry.origin': 'auto.resource.browser.metrics',
+      // The entire nested object is stringified as a single value
+      'sentry.browser.measure.detail.nested': JSON.stringify({
+        array: [1, 2, 3],
+        object: {
+          key: 'value',
+        },
+      }),
+      'sentry.browser.measure.detail.metadata': JSON.stringify({
+        type: 'test',
+        version: '1.0',
+        tags: ['complex', 'nested', 'object'],
+      }),
+    });
   },
 );