test.ts

import { expect } from '@playwright/test';
import { sentryTest } from '../../../../utils/fixtures';
import {
  envelopeRequestParser,
  hidePage,
  shouldSkipTracingTest,
  waitForClientReportRequest,
} from '../../../../utils/helpers';
import { waitForStreamedSpans } from '../../../../utils/spanUtils';
import type { ClientReport } from '@sentry/core';

sentryTest(
  'ignored child spans are dropped and their children are reparented to the grandparent',
  async ({ getLocalTestUrl, page }) => {
    if (shouldSkipTracingTest()) {
      sentryTest.skip();
    }

    const spansPromise = waitForStreamedSpans(page, spans => !!spans?.find(s => s.name === 'parent-span'));

    const clientReportPromise = waitForClientReportRequest(page);

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

    const spans = await spansPromise;

    await hidePage(page);

    const clientReport = envelopeRequestParser<ClientReport>(await clientReportPromise);

    const segmentSpanId = spans.find(s => s.name === 'parent-span')?.span_id;

    expect(spans.some(s => s.name === 'keep-me')).toBe(true);
    expect(spans.some(s => s.name === 'another-keeper')).toBe(true);

    expect(spans.some(s => s.name?.includes('ignore'))).toBe(false);

    const grandchild1 = spans.find(s => s.name === 'grandchild-1');
    const grandchild2 = spans.find(s => s.name === 'grandchild-2');
    expect(grandchild1).toBeDefined();
    expect(grandchild2).toBeDefined();

    expect(grandchild1?.parent_span_id).toBe(segmentSpanId);
    expect(grandchild2?.parent_span_id).toBe(segmentSpanId);

    expect(clientReport.discarded_events).toEqual([
      {
        category: 'span',
        quantity: 1,
        reason: 'ignored',
      },
    ]);
  },
);