captureErrorsScreenTransaction.test.ts

import { describe, it, beforeAll, expect, afterAll } from '@jest/globals';
import { EventItem } from '@sentry/core';
import {
  createSentryServer,
  containingTransactionWithName,
} from '../../utils/mockedSentryServer';

import { getItemOfTypeFrom } from '../../utils/event';
import { maestro } from '../../utils/maestro';

describe('Capture Errors Screen Transaction', () => {
  let sentryServer = createSentryServer();

  const getErrorsEnvelope = () =>
    sentryServer.getEnvelope(containingTransactionWithName('ErrorsScreen'));

  beforeAll(async () => {
    await sentryServer.start();

    const waitForErrorsTx = sentryServer.waitForEnvelope(
      containingTransactionWithName('ErrorsScreen'), // The last created and sent transaction
    );

    await maestro('tests/captureErrorScreenTransaction/captureErrorsScreenTransaction.test.yml');

    await waitForErrorsTx;
  }, 240000); // 240 seconds timeout for iOS event delivery

  afterAll(async () => {
    await sentryServer.close();
  });

  it('envelope contains transaction context', async () => {
    // Search all envelopes for the app start transaction, not just the first match.
    // On slow Android emulators, the app start transaction may arrive in a different envelope.
    const allErrorsEnvelopes = sentryServer.getAllEnvelopes(
      containingTransactionWithName('ErrorsScreen'),
    );
    const appStartTransaction = allErrorsEnvelopes
      .flatMap(env => env[1])
      .filter(([header]) => (header as { type?: string }).type === 'transaction')
      .find(([_header, payload]) => {
        const event = payload as any;
        return event.transaction === 'ErrorsScreen' &&
              event.contexts?.trace?.origin === 'auto.app.start';
      });

    expect(appStartTransaction).toBeDefined();

    const [header, payload] = appStartTransaction!;

    expect(header).toEqual(
      expect.objectContaining({
        length: expect.any(Number),
        type: 'transaction',
      })
    );

    expect(payload).toEqual(
      expect.objectContaining({
        platform: 'javascript',
        transaction: 'ErrorsScreen',
        contexts: expect.objectContaining({
          trace: expect.objectContaining({
            data: expect.objectContaining({
              'route.has_been_seen': false,
              'route.key': expect.stringMatching(/^ErrorsScreen/),
              'route.name': 'ErrorsScreen',
              'sentry.idle_span_finish_reason': 'idleTimeout',
              'sentry.op': 'ui.load',
              'sentry.origin': 'auto.app.start',
              'sentry.sample_rate': 1,
              'sentry.source': 'component',
              'thread.name': 'javascript',
            }),
            op: 'ui.load',
            origin: 'auto.app.start',
            span_id: expect.any(String),
            trace_id: expect.any(String),
          }),
        }),
      })
    );
  });

  it('contains app start measurements', async () => {
    const item = getItemOfTypeFrom<EventItem>(
      getErrorsEnvelope(),
      'transaction',
    );

    expect(item?.[1]).toEqual(
      expect.objectContaining({
        measurements: expect.objectContaining({
          time_to_initial_display: expect.objectContaining({
            unit: 'millisecond',
            value: expect.any(Number),
          }),
        }),
      }),
    );
  });

  it('contains time to initial display measurements', async () => {
    const item = getItemOfTypeFrom<EventItem>(
      await getErrorsEnvelope(),
      'transaction',
    );

    expect(item?.[1]).toEqual(
      expect.objectContaining({
        measurements: expect.objectContaining({
          time_to_initial_display: expect.objectContaining({
            unit: 'millisecond',
            value: expect.any(Number),
          }),
        }),
      }),
    );
  });

  it('contains JS stall measurements', async () => {
    const item = getItemOfTypeFrom<EventItem>(
      await getErrorsEnvelope(),
      'transaction',
    );

    expect(item?.[1]).toEqual(
      expect.objectContaining({
        measurements: expect.objectContaining({
          stall_count: expect.objectContaining({
            unit: 'none',
            value: expect.any(Number),
          }),
          stall_longest_time: expect.objectContaining({
            unit: 'millisecond',
            value: expect.any(Number),
          }),
          stall_total_time: expect.objectContaining({
            unit: 'millisecond',
            value: expect.any(Number),
          }),
        }),
      }),
    );
  });
});