test.ts

import { expect } from '@playwright/test';
import { extractTraceparentData } from '@sentry/core';
import { sentryTest } from '../../../../utils/fixtures';
import { shouldSkipTracingTest } from '../../../../utils/helpers';

sentryTest(
  'attaches traceparent header to tracing without performance (TWP) fetch requests, if `propagateTraceparent` is true',
  async ({ getLocalTestUrl, page }) => {
    if (shouldSkipTracingTest()) {
      sentryTest.skip();
    }

    const url = await getLocalTestUrl({ testDir: __dirname });

    const [, request] = await Promise.all([page.goto(url), page.waitForRequest('http://sentry-test-site.example/0')]);

    const requestHeaders = request.headers();

    const traceparentData = extractTraceparentData(requestHeaders['sentry-trace']);
    expect(traceparentData).toMatchObject({
      traceId: expect.stringMatching(/^([a-f0-9]{32})$/),
      parentSpanId: expect.stringMatching(/^([a-f0-9]{16})$/),
      parentSampled: undefined,
    });

    expect(requestHeaders).toMatchObject({
      'sentry-trace': `${traceparentData?.traceId}-${traceparentData?.parentSpanId}`,
      baggage: expect.stringContaining(`sentry-trace_id=${traceparentData?.traceId}`),
      traceparent: `00-${traceparentData?.traceId}-${traceparentData?.parentSpanId}-00`,
    });
  },
);