test(browser): port browser tracing suites to span streaming (#24888)

Exercise browserTracingIntegration with default span streaming,
including low-cardinality names and children sent across envelopes.
Retain the existing transaction counterparts as explicitly pinned
`*-static` suites to preserve compatibility coverage for navigation,
pageloads, linked traces, timing, and sampling.

Stacked on #24881 for the shared span collector and dynamic sampling
context helpers.

Fixes #24142

---------

Co-authored-by: GPT-6 <codex@openai.com>

Author: msonnb

dev-packages/browser-integration-tests/suites/tracing/browserTracingIntegration/async-spans/init.js

@@ -3,7 +3,6 @@ import * as Sentry from '@sentry/browser';
 window.Sentry = Sentry;
 
 Sentry.init({
-  traceLifecycle: 'static',
   dsn: 'https://public@dsn.ingest.sentry.io/1337',
   integrations: [Sentry.browserTracingIntegration()],
   tracesSampleRate: 1,

dev-packages/browser-integration-tests/suites/tracing/browserTracingIntegration/async-spans/test.ts

@@ -1,7 +1,6 @@
 import { expect } from '@playwright/test';
-import type { Event } from '@sentry/core';
 import { sentryTest } from '../../../../utils/fixtures';
-import { getFirstSentryEnvelopeRequest, shouldSkipTracingTest } from '../../../../utils/helpers';
+import { shouldSkipTracingTest } from '../../../../utils/helpers';
 
 type WindowWithSpan = Window & {
   firstWaitingSpan: any;
@@ -19,8 +18,7 @@ sentryTest(
     const url = await getLocalTestUrl({ testDir: __dirname });
     await page.goto(url);
 
-    const envelope = await getFirstSentryEnvelopeRequest<Event>(page);
-    expect(envelope).toBeDefined();
+    await page.waitForFunction(() => !!(window as unknown as WindowWithSpan).secondWaitingSpan);
 
     const firstWaitingSpanValue = await page.evaluate(
       () => (window as unknown as WindowWithSpan).firstWaitingSpan.name,

dev-packages/browser-integration-tests/suites/tracing/browserTracingIntegration/backgroundtab-custom/init.js

@@ -3,7 +3,6 @@ import * as Sentry from '@sentry/browser';
 window.Sentry = Sentry;
 
 Sentry.init({
-  traceLifecycle: 'static',
   dsn: 'https://public@dsn.ingest.sentry.io/1337',
   integrations: [
     Sentry.browserTracingIntegration({

dev-packages/browser-integration-tests/suites/tracing/browserTracingIntegration/backgroundtab-custom/test.ts

@@ -1,9 +1,10 @@
+import { SENTRY_STATUS_MESSAGE, SENTRY_CANCELLATION_REASON } from '@sentry/conventions/attributes';
 import { expect } from '@playwright/test';
 import type { StreamedSpanJSON } from '@sentry/core';
 import { sentryTest } from '../../../../utils/fixtures';
 import { shouldSkipTracingTest } from '../../../../utils/helpers';
 
-sentryTest('should finish a custom transaction when the page goes background', async ({ getLocalTestUrl, page }) => {
+sentryTest('should finish a custom span when the page goes background', async ({ getLocalTestUrl, page }) => {
   if (shouldSkipTracingTest()) {
     sentryTest.skip();
   }
@@ -32,6 +33,6 @@ sentryTest('should finish a custom transaction when the page goes background', a
   expect(name_after).toBe(name_before);
   // a cancelled span is reported as `ok`, with the raw status kept as an attribute
   expect(spanJsonAfter.status).toBe('ok');
-  expect(attributes_after['sentry.status.message']).toBeUndefined();
-  expect(attributes_after['sentry.cancellation_reason']).toBe('document.hidden');
+  expect(attributes_after[SENTRY_STATUS_MESSAGE]).toBeUndefined();
+  expect(attributes_after[SENTRY_CANCELLATION_REASON]).toBe('document.hidden');
 });

…gIntegration/navigation-streamed/init.js …on/backgroundtab-pageload-static/init.jsdev-packages/browser-integration-tests/suites/tracing/browserTracingIntegration/navigation-streamed/init.js renamed to dev-packages/browser-integration-tests/suites/tracing/browserTracingIntegration/backgroundtab-pageload-static/init.js dev-packages/browser-integration-tests/suites/tracing/browserTracingIntegration/navigation-streamed/init.js renamed to dev-packages/browser-integration-tests/suites/tracing/browserTracingIntegration/backgroundtab-pageload-static/init.js

@@ -3,7 +3,8 @@ import * as Sentry from '@sentry/browser';
 window.Sentry = Sentry;
 
 Sentry.init({
+  traceLifecycle: 'static',
   dsn: 'https://public@dsn.ingest.sentry.io/1337',
-  integrations: [Sentry.browserTracingIntegration(), Sentry.spanStreamingIntegration()],
+  integrations: [Sentry.browserTracingIntegration()],
   tracesSampleRate: 1,
 });

…ckgroundtab-pageload-streamed/subject.js …backgroundtab-pageload-static/subject.jsdev-packages/browser-integration-tests/suites/tracing/browserTracingIntegration/backgroundtab-pageload-streamed/subject.js renamed to dev-packages/browser-integration-tests/suites/tracing/browserTracingIntegration/backgroundtab-pageload-static/subject.js dev-packages/browser-integration-tests/suites/tracing/browserTracingIntegration/backgroundtab-pageload-streamed/subject.js renamed to dev-packages/browser-integration-tests/suites/tracing/browserTracingIntegration/backgroundtab-pageload-static/subject.js

@@ -0,0 +1,23 @@
+import { PAGELOAD } from '@sentry/conventions/op';
+import { SENTRY_CANCELLATION_REASON } from '@sentry/conventions/attributes';
+import { expect } from '@playwright/test';
+import { sentryTest } from '../../../../utils/fixtures';
+import { envelopeRequestParser, shouldSkipTracingTest, waitForTransactionRequest } from '../../../../utils/helpers';
+
+sentryTest('should finish pageload transaction when the page goes background', async ({ getLocalTestUrl, page }) => {
+  if (shouldSkipTracingTest()) {
+    sentryTest.skip();
+  }
+  const url = await getLocalTestUrl({ testDir: __dirname });
+
+  const pageloadPromise = waitForTransactionRequest(page, event => event.contexts?.trace?.op === PAGELOAD);
+
+  await page.goto(url);
+  await page.locator('#go-background').click();
+
+  const pageloadTransaction = envelopeRequestParser(await pageloadPromise);
+
+  expect(pageloadTransaction.contexts?.trace?.op).toBe(PAGELOAD);
+  expect(pageloadTransaction.contexts?.trace?.status).toBe('cancelled');
+  expect(pageloadTransaction.contexts?.trace?.data?.[SENTRY_CANCELLATION_REASON]).toBe('document.hidden');
+});

…roundtab-pageload-streamed/template.html …kgroundtab-pageload-static/template.htmldev-packages/browser-integration-tests/suites/tracing/browserTracingIntegration/backgroundtab-pageload-streamed/template.html renamed to dev-packages/browser-integration-tests/suites/tracing/browserTracingIntegration/backgroundtab-pageload-static/template.html dev-packages/browser-integration-tests/suites/tracing/browserTracingIntegration/backgroundtab-pageload-streamed/template.html renamed to dev-packages/browser-integration-tests/suites/tracing/browserTracingIntegration/backgroundtab-pageload-static/template.html

@@ -4,9 +4,6 @@ window.Sentry = Sentry;
 
 Sentry.init({
   dsn: 'https://public@dsn.ingest.sentry.io/1337',
-  integrations: [
-    Sentry.browserTracingIntegration({ linkPreviousTrace: 'session-storage' }),
-    Sentry.spanStreamingIntegration(),
-  ],
+  integrations: [Sentry.browserTracingIntegration()],
   tracesSampleRate: 1,
 });