add performance.timeOrigin attribute

Author: Lms24

dev-packages/browser-integration-tests/suites/tracing/metrics/web-vitals-relations/assets/sentry-logo-600x179.png renamed to dev-packages/browser-integration-tests/suites/tracing/metrics/web-vitals/assets/sentry-logo-600x179.png

@@ -58,3 +58,24 @@ sentryTest('paint web vitals values are greater than TTFB', async ({ browserName
   expect(fcpValue).toBeGreaterThanOrEqual(ttfbValue!);
   expect(fpValue).toBeGreaterThanOrEqual(ttfbValue!);
 });
+
+sentryTest('captures time origin as span attribute', async ({ getLocalTestPath, page }) => {
+  // Only run in chromium to ensure all vitals are present
+  if (shouldSkipTracingTest()) {
+    sentryTest.skip();
+  }
+
+  const url = await getLocalTestPath({ testDir: __dirname });
+  const [eventData] = await Promise.all([getFirstSentryEnvelopeRequest<Event>(page), page.goto(url)]);
+
+  const timeOriginAttribute = eventData.contexts?.trace?.data?.['performance.timeOrigin'];
+  const transactionStartTimestamp = eventData.start_timestamp;
+
+  expect(timeOriginAttribute).toBeDefined();
+  expect(transactionStartTimestamp).toBeDefined();
+
+  const delta = Math.abs(transactionStartTimestamp! - timeOriginAttribute);
+
+  // The delta should be less than 1ms if this flakes, we should increase the threshold
+  expect(delta).toBeLessThanOrEqual(1);
+});

dev-packages/browser-integration-tests/suites/tracing/metrics/web-vitals-relations/template.html renamed to dev-packages/browser-integration-tests/suites/tracing/metrics/web-vitals/template.html

@@ -25,14 +25,7 @@ Sentry.init({
   // Session Replay
   replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production.
   replaysOnErrorSampleRate: 1.0, // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur.
-  // tunnel: 'http://localhost:3031/', // proxy server
-
-  beforeSendTransaction(transaction) {
-    console.log('beforeSendTransaction', transaction, transaction.measurements);
-    return transaction;
-  },
-
-  debug: true,
+  tunnel: 'http://localhost:3031/', // proxy server
 });
 
 startTransition(() => {

dev-packages/browser-integration-tests/suites/tracing/metrics/web-vitals-relations/test.ts renamed to dev-packages/browser-integration-tests/suites/tracing/metrics/web-vitals/test.ts

@@ -381,7 +381,7 @@ export function addPerformanceEntries(span: Span, options: AddPerformanceEntries
     });
 
     // Set timeOrigin which denotes the timestamp which to base the LCP/FCP/FP/TTFB measurements on
-    span.setAttribute('web-vitals.timeOrigin', timeOrigin);
+    span.setAttribute('performance.timeOrigin', timeOrigin);
 
     _setWebVitalAttributes(span);
   }