getsentry · Lms24 · Sep 4, 2025 · Sep 4, 2025 · Sep 4, 2025
diff --git a/...s/browser-integration-tests/suites/tracing/browserTracingIntegration/interactions/test.ts b/...s/browser-integration-tests/suites/tracing/browserTracingIntegration/interactions/test.ts
@@ -7,7 +7,7 @@ import {
   shouldSkipTracingTest,
 } from '../../../../utils/helpers';
 
-sentryTest('should capture interaction transaction. @firefox', async ({ browserName, getLocalTestUrl, page }) => {
+sentryTest('captures interaction span @firefox', async ({ browserName, getLocalTestUrl, page }) => {
   const supportedBrowsers = ['chromium', 'firefox'];
 
   if (shouldSkipTracingTest() || !supportedBrowsers.includes(browserName)) {

diff --git a/...rowser-integration-tests/suites/tracing/browserTracingIntegration/meta-parentless/init.js b/...rowser-integration-tests/suites/tracing/browserTracingIntegration/meta-parentless/init.js
@@ -0,0 +1,10 @@
+import * as Sentry from '@sentry/browser';
+
+window.Sentry = Sentry;
+
+Sentry.init({
+  dsn: 'https://[email protected]/1337',
+  integrations: [Sentry.browserTracingIntegration({ _experiments: { parentlessRootSpans: true } })],
+  tracesSampleRate: 1,
+  environment: 'staging',
+});
diff --git a/...-integration-tests/suites/tracing/browserTracingIntegration/meta-parentless/template.html b/...-integration-tests/suites/tracing/browserTracingIntegration/meta-parentless/template.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="sentry-trace" content="12312012123120121231201212312012-1121201211212012-1" />
+    <meta
+      name="baggage"
+      content="sentry-release=2.1.12,sentry-public_key=public,sentry-trace_id=123,sentry-sample_rate=0.3232,sentry-sample_rand=0.42"
+    />
+  </head>
+</html>
diff --git a/...rowser-integration-tests/suites/tracing/browserTracingIntegration/meta-parentless/test.ts b/...rowser-integration-tests/suites/tracing/browserTracingIntegration/meta-parentless/test.ts
@@ -0,0 +1,93 @@
+import { expect } from '@playwright/test';
+import type { Event, EventEnvelopeHeaders } from '@sentry/core';
+import { sentryTest } from '../../../../utils/fixtures';
+import {
+  envelopeHeaderRequestParser,
+  getFirstSentryEnvelopeRequest,
+  shouldSkipTracingTest,
+} from '../../../../utils/helpers';
+
+sentryTest(
+  'creates a pageload span based on `sentry-trace` <meta> without parent span id if parentlessRootSpans is true',
+  async ({ getLocalTestUrl, page }) => {
+    if (shouldSkipTracingTest()) {
+      sentryTest.skip();
+    }
+
+    const url = await getLocalTestUrl({ testDir: __dirname });
+
+    const eventData = await getFirstSentryEnvelopeRequest<Event>(page, url);
+
+    expect(eventData.contexts?.trace).toMatchObject({
+      op: 'pageload',
+      trace_id: '12312012123120121231201212312012',
+    });
+    expect(eventData.contexts?.trace?.parent_span_id).toBeUndefined();
+
+    expect(eventData.spans?.length).toBeGreaterThan(0);
+  },
+);
+
+sentryTest(
+  'picks up `baggage` <meta> tag, propagate the content in transaction and not add own data',
+  async ({ getLocalTestUrl, page }) => {
+    if (shouldSkipTracingTest()) {
+      sentryTest.skip();
+    }
+
+    const url = await getLocalTestUrl({ testDir: __dirname });
+
+    const envHeader = await getFirstSentryEnvelopeRequest<EventEnvelopeHeaders>(page, url, envelopeHeaderRequestParser);
+
+    expect(envHeader.trace).toBeDefined();
+    expect(envHeader.trace).toEqual({
+      release: '2.1.12',
+      sample_rate: '0.3232',
+      trace_id: '123',
+      public_key: 'public',
+      sample_rand: '0.42',
+    });
+  },
+);
+
+sentryTest("creates a navigation that's not influenced by `sentry-trace` <meta>", async ({ getLocalTestUrl, page }) => {
+  if (shouldSkipTracingTest()) {
+    sentryTest.skip();
+  }
+
+  const url = await getLocalTestUrl({ testDir: __dirname });
+
+  const pageloadRequest = await getFirstSentryEnvelopeRequest<Event>(page, url);
+  const navigationRequest = await getFirstSentryEnvelopeRequest<Event>(page, `${url}#foo`);
+
+  expect(pageloadRequest.contexts?.trace).toMatchObject({
+    op: 'pageload',
+    trace_id: '12312012123120121231201212312012',
+  });
+  expect(pageloadRequest.contexts?.trace?.parent_span_id).toBeUndefined();
+
+  expect(navigationRequest.contexts?.trace?.op).toBe('navigation');
+  expect(navigationRequest.contexts?.trace?.trace_id).toBeDefined();
+  expect(navigationRequest.contexts?.trace?.trace_id).not.toBe(pageloadRequest.contexts?.trace?.trace_id);
+
+  const pageloadSpans = pageloadRequest.spans;
+  const navigationSpans = navigationRequest.spans;
+
+  const pageloadSpanId = pageloadRequest.contexts?.trace?.span_id;
+  const navigationSpanId = navigationRequest.contexts?.trace?.span_id;
+
+  expect(pageloadSpanId).toBeDefined();
+  expect(navigationSpanId).toBeDefined();
+
+  pageloadSpans?.forEach(span =>
+    expect(span).toMatchObject({
+      parent_span_id: pageloadSpanId,
+    }),
+  );
+
+  navigationSpans?.forEach(span =>
+    expect(span).toMatchObject({
+      parent_span_id: navigationSpanId,
+    }),
+  );
+});
diff --git a/...gration-tests/suites/tracing/browserTracingIntegration/twp-errors-meta-parentless/init.js b/...gration-tests/suites/tracing/browserTracingIntegration/twp-errors-meta-parentless/init.js
@@ -0,0 +1,12 @@
+import * as Sentry from '@sentry/browser';
+
+window.Sentry = Sentry;
+
+Sentry.init({
+  dsn: 'https://[email protected]/1337',
+  integrations: integrations => {
+    integrations.push(Sentry.browserTracingIntegration({ _experiments: { parentlessRootSpans: true } }));
+    return integrations.filter(i => i.name !== 'BrowserSession');
+  },
+  tracesSampleRate: 0,
+});
diff --git a/...tion-tests/suites/tracing/browserTracingIntegration/twp-errors-meta-parentless/subject.js b/...tion-tests/suites/tracing/browserTracingIntegration/twp-errors-meta-parentless/subject.js
@@ -0,0 +1,2 @@
+Sentry.captureException(new Error('test error'));
+Sentry.captureException(new Error('test error 2'));
diff --git a/...n-tests/suites/tracing/browserTracingIntegration/twp-errors-meta-parentless/template.html b/...n-tests/suites/tracing/browserTracingIntegration/twp-errors-meta-parentless/template.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="sentry-trace" content="12312012123120121231201212312012-1121201211212012" />
+    <meta
+      name="baggage"
+      content="sentry-release=2.1.12,sentry-public_key=public,sentry-trace_id=123"
+    />
+  </head>
+</html>
diff --git a/...gration-tests/suites/tracing/browserTracingIntegration/twp-errors-meta-parentless/test.ts b/...gration-tests/suites/tracing/browserTracingIntegration/twp-errors-meta-parentless/test.ts
@@ -0,0 +1,35 @@
+import { expect } from '@playwright/test';
+import type { Event } from '@sentry/browser';
+import { sentryTest } from '../../../../utils/fixtures';
+import { getMultipleSentryEnvelopeRequests, shouldSkipTracingTest } from '../../../../utils/helpers';
+
+sentryTest('errors in TwP mode have same trace ID & span IDs', async ({ getLocalTestUrl, page }) => {
+  if (shouldSkipTracingTest()) {
+    sentryTest.skip();
+  }
+
+  const META_TRACE_ID = '12312012123120121231201212312012';
+  const META_PARENT_SPAN_ID = '1121201211212012';
+
+  const url = await getLocalTestUrl({ testDir: __dirname });
+  const [event1, event2] = await getMultipleSentryEnvelopeRequests<Event>(page, 2, { url });
+
+  // Ensure these are the actual errors we care about
+  expect(event1.exception?.values?.[0].value).toContain('test error');
+  expect(event2.exception?.values?.[0].value).toContain('test error');
+
+  const contexts1 = event1.contexts;
+  const { trace_id: traceId1, span_id: spanId1 } = contexts1?.trace || {};
+  expect(traceId1).toEqual(META_TRACE_ID);
+
+  // Span ID is a virtual span in TwP mode, not the propagated one
+  expect(spanId1).not.toEqual(META_PARENT_SPAN_ID);
+  expect(spanId1).toMatch(/^[a-f0-9]{16}$/);
+
+  const contexts2 = event2.contexts;
+  const { trace_id: traceId2, span_id: spanId2 } = contexts2?.trace || {};
+  expect(traceId2).toEqual(META_TRACE_ID);
+  expect(spanId2).toMatch(/^[a-f0-9]{16}$/);
+
+  expect(spanId2).toEqual(spanId1);
+});
diff --git a/...wser-integration-tests/suites/tracing/trace-lifetime/interactions-meta-parentless/init.js b/...wser-integration-tests/suites/tracing/trace-lifetime/interactions-meta-parentless/init.js
@@ -0,0 +1,18 @@
+import * as Sentry from '@sentry/browser';
+
+window.Sentry = Sentry;
+
+Sentry.init({
+  dsn: 'https://[email protected]/1337',
+  integrations: [
+    Sentry.browserTracingIntegration({
+      idleTimeout: 1000,
+      enableLongTask: false,
+      _experiments: {
+        enableInteractions: true,
+        parentlessRootSpans: true,
+      },
+    }),
+  ],
+  tracesSampleRate: 1,
+});
diff --git a/...r-integration-tests/suites/tracing/trace-lifetime/interactions-meta-parentless/subject.js b/...r-integration-tests/suites/tracing/trace-lifetime/interactions-meta-parentless/subject.js
@@ -0,0 +1,18 @@
+const blockUI = e => {
+  const startTime = Date.now();
+
+  function getElapsed() {
+    const time = Date.now();
+    return time - startTime;
+  }
+
+  while (getElapsed() < 70) {
+    //
+  }
+
+  e.target.classList.add('clicked');
+};
+
+document.querySelector('[data-test-id=interaction-button]').addEventListener('click', blockUI);
+document.querySelector('[data-test-id=annotated-button]').addEventListener('click', blockUI);
+document.querySelector('[data-test-id=styled-button]').addEventListener('click', blockUI);
diff --git a/...ntegration-tests/suites/tracing/trace-lifetime/interactions-meta-parentless/template.html b/...ntegration-tests/suites/tracing/trace-lifetime/interactions-meta-parentless/template.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="sentry-trace" content="12312012123120121231201212312012-1121201211212012-1" />
+    <meta
+      name="baggage"
+      content="sentry-release=2.1.12,sentry-public_key=public,sentry-trace_id=123,sentry-sample_rate=0.3232,sentry-sample_rand=0.42,sentry-sampled=true"
+    />
+  </head>
+  <body>
+    <div>Rendered Before Long Task</div>
+    <button data-test-id="interaction-button">Click Me</button>
+    <button data-test-id="annotated-button" data-sentry-component="AnnotatedButton" data-sentry-element="StyledButton">
+      Click Me
+    </button>
+    <button data-test-id="styled-button" data-sentry-element="StyledButton">Click Me</button>
+  </body>
+</html>
diff --git a/...wser-integration-tests/suites/tracing/trace-lifetime/interactions-meta-parentless/test.ts b/...wser-integration-tests/suites/tracing/trace-lifetime/interactions-meta-parentless/test.ts
@@ -0,0 +1,45 @@
+import { expect } from '@playwright/test';
+import { sentryTest } from '../../../../utils/fixtures';
+import { envelopeRequestParser, shouldSkipTracingTest, waitForTransactionRequest } from '../../../../utils/helpers';
+
+const META_TAG_TRACE_ID = '12312012123120121231201212312012';
+
+sentryTest(
+  'interaction spans continue trace from <meta> tag after pageload',
+  async ({ browserName, getLocalTestUrl, page }) => {
+    const supportedBrowsers = ['chromium', 'firefox'];
+
+    if (shouldSkipTracingTest() || !supportedBrowsers.includes(browserName)) {
+      sentryTest.skip();
+    }
+    const url = await getLocalTestUrl({ testDir: __dirname });
+
+    const pageloadRequestPromise = waitForTransactionRequest(page, e => e.contexts?.trace?.op === 'pageload');
+    await page.goto(url);
+    const pageloadTxnEvent = envelopeRequestParser(await pageloadRequestPromise);
+
+    const interactionRequestPromise = waitForTransactionRequest(page, e => e.contexts?.trace?.op === 'ui.action.click');
+
+    await page.locator('[data-test-id=interaction-button]').click();
+    await page.locator('.clicked[data-test-id=interaction-button]').isVisible();
+
+    const interactionTxnEvent = envelopeRequestParser(await interactionRequestPromise);
+
+    const pageloadTxnTraceContext = pageloadTxnEvent.contexts?.trace;
+    const interactionTxnTraceContext = interactionTxnEvent.contexts?.trace;
+
+    expect(pageloadTxnTraceContext).toMatchObject({
+      trace_id: META_TAG_TRACE_ID,
+      span_id: expect.stringMatching(/^[0-9a-f]{16}$/),
+    });
+    expect(pageloadTxnTraceContext?.parent_span_id).toBeUndefined();
+
+    expect(interactionTxnTraceContext).toMatchObject({
+      trace_id: META_TAG_TRACE_ID,
+      span_id: expect.stringMatching(/^[0-9a-f]{16}$/),
+    });
+    expect(interactionTxnTraceContext?.parent_span_id).toBeUndefined();
+
+    expect(interactionTxnTraceContext?.trace_id).toBe(pageloadTxnTraceContext?.trace_id);
+  },
+);
diff --git a/...ackages/browser-integration-tests/suites/tracing/trace-lifetime/interactions-meta/init.js b/...ackages/browser-integration-tests/suites/tracing/trace-lifetime/interactions-meta/init.js
@@ -0,0 +1,17 @@
+import * as Sentry from '@sentry/browser';
+
+window.Sentry = Sentry;
+
+Sentry.init({
+  dsn: 'https://[email protected]/1337',
+  integrations: [
+    Sentry.browserTracingIntegration({
+      idleTimeout: 1000,
+      enableLongTask: false,
+      _experiments: {
+        enableInteractions: true,
+      },
+    }),
+  ],
+  tracesSampleRate: 1,
+});
diff --git a/...ages/browser-integration-tests/suites/tracing/trace-lifetime/interactions-meta/subject.js b/...ages/browser-integration-tests/suites/tracing/trace-lifetime/interactions-meta/subject.js
@@ -0,0 +1,18 @@
+const blockUI = e => {
+  const startTime = Date.now();
+
+  function getElapsed() {
+    const time = Date.now();
+    return time - startTime;
+  }
+
+  while (getElapsed() < 70) {
+    //
+  }
+
+  e.target.classList.add('clicked');
+};
+
+document.querySelector('[data-test-id=interaction-button]').addEventListener('click', blockUI);
+document.querySelector('[data-test-id=annotated-button]').addEventListener('click', blockUI);
+document.querySelector('[data-test-id=styled-button]').addEventListener('click', blockUI);
diff --git a/...s/browser-integration-tests/suites/tracing/trace-lifetime/interactions-meta/template.html b/...s/browser-integration-tests/suites/tracing/trace-lifetime/interactions-meta/template.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="sentry-trace" content="12312012123120121231201212312012-1121201211212012-1" />
+    <meta
+      name="baggage"
+      content="sentry-release=2.1.12,sentry-public_key=public,sentry-trace_id=123,sentry-sample_rate=0.3232,sentry-sample_rand=0.42,sentry-sampled=true"
+    />
+  </head>
+  <body>
+    <div>Rendered Before Long Task</div>
+    <button data-test-id="interaction-button">Click Me</button>
+    <button data-test-id="annotated-button" data-sentry-component="AnnotatedButton" data-sentry-element="StyledButton">
+      Click Me
+    </button>
+    <button data-test-id="styled-button" data-sentry-element="StyledButton">Click Me</button>
+  </body>
+</html>
diff --git a/...ackages/browser-integration-tests/suites/tracing/trace-lifetime/interactions-meta/test.ts b/...ackages/browser-integration-tests/suites/tracing/trace-lifetime/interactions-meta/test.ts
@@ -0,0 +1,47 @@
+import { expect } from '@playwright/test';
+import { sentryTest } from '../../../../utils/fixtures';
+import { envelopeRequestParser, shouldSkipTracingTest, waitForTransactionRequest } from '../../../../utils/helpers';
+
+const META_TAG_TRACE_ID = '12312012123120121231201212312012';
+const META_TAG_PARENT_SPAN_ID = '1121201211212012';
+
+sentryTest(
+  'interaction spans continue trace from <meta> tag after pageload',
+  async ({ browserName, getLocalTestUrl, page }) => {
+    const supportedBrowsers = ['chromium', 'firefox'];
+
+    if (shouldSkipTracingTest() || !supportedBrowsers.includes(browserName)) {
+      sentryTest.skip();
+    }
+    const url = await getLocalTestUrl({ testDir: __dirname });
+
+    const pageloadRequestPromise = waitForTransactionRequest(page, e => e.contexts?.trace?.op === 'pageload');
+    await page.goto(url);
+    const pageloadTxnEvent = envelopeRequestParser(await pageloadRequestPromise);
+
+    const interactionRequestPromise = waitForTransactionRequest(page, e => e.contexts?.trace?.op === 'ui.action.click');
+
+    await page.locator('[data-test-id=interaction-button]').click();
+    await page.locator('.clicked[data-test-id=interaction-button]').isVisible();
+
+    const interactionTxnEvent = envelopeRequestParser(await interactionRequestPromise);
+
+    const pageloadTxnTraceContext = pageloadTxnEvent.contexts?.trace;
+    const interactionTxnTraceContext = interactionTxnEvent.contexts?.trace;
+
+    expect(pageloadTxnTraceContext).toMatchObject({
+      trace_id: META_TAG_TRACE_ID,
+      parent_span_id: META_TAG_PARENT_SPAN_ID,
+      span_id: expect.stringMatching(/^[0-9a-f]{16}$/),
+    });
+
+    expect(interactionTxnTraceContext).toMatchObject({
+      trace_id: META_TAG_TRACE_ID,
+      parent_span_id: META_TAG_PARENT_SPAN_ID,
+      span_id: expect.stringMatching(/^[0-9a-f]{16}$/),
+    });
+
+    expect(interactionTxnTraceContext?.trace_id).toBe(pageloadTxnTraceContext?.trace_id);
+    expect(interactionTxnTraceContext?.parent_span_id).toBe(pageloadTxnTraceContext?.parent_span_id);
+  },
+);
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		Sentry.captureException(new Error('test error'));
		Sentry.captureException(new Error('test error 2'));