add performance test

Author: Lms24

dev-packages/e2e-tests/test-applications/default-browser/tests/performance.test.ts

@@ -0,0 +1,89 @@
+import exp from 'constants';
+import { expect, test } from '@playwright/test';
+import { waitForTransaction } from '@sentry-internal/test-utils';
+
+test('captures a pageload transaction', async ({ page }) => {
+  // `pageload` transaction
+  const transactionPromise = waitForTransaction('default-browser', async transactionEvent => {
+    return !!transactionEvent?.transaction && transactionEvent.contexts?.trace?.op === 'pageload';
+  });
+
+  await page.goto(`/`);
+
+  // `waitForTransaction` hangs here because `transaction` (or `span`) event is not emitted,
+  // so the code past this line is never executed.
+  const pageLoadTransaction = await transactionPromise;
+
+  expect(pageLoadTransaction).toEqual({
+    contexts: {
+      trace: {
+        data: expect.objectContaining({
+          'sentry.idle_span_finish_reason': 'idleTimeout',
+          'sentry.op': 'pageload',
+          'sentry.origin': 'auto.pageload.browser',
+          'sentry.sample_rate': 1,
+          'sentry.source': 'url',
+        }),
+        op: 'pageload',
+        origin: 'auto.pageload.browser',
+        span_id: expect.stringMatching(/[a-f0-9]{16}/),
+        trace_id: expect.stringMatching(/[a-f0-9]{32}/),
+      },
+    },
+    environment: 'qa',
+    event_id: expect.stringMatching(/[a-f0-9]{32}/),
+    measurements: {
+      'connection.rtt': {
+        unit: 'millisecond',
+        value: expect.any(Number),
+      },
+      fcp: {
+        unit: 'millisecond',
+        value: expect.any(Number),
+      },
+      fp: {
+        unit: 'millisecond',
+        value: expect.any(Number),
+      },
+      lcp: {
+        unit: 'millisecond',
+        value: expect.any(Number),
+      },
+      ttfb: {
+        unit: 'millisecond',
+        value: expect.any(Number),
+      },
+      'ttfb.requestTime': {
+        unit: 'millisecond',
+        value: expect.any(Number),
+      },
+    },
+    platform: 'javascript',
+    release: 'e2e-test',
+    request: {
+      headers: {
+        'User-Agent': expect.any(String),
+      },
+      url: 'http://localhost:3030/',
+    },
+    sdk: {
+      integrations: expect.any(Array),
+      name: 'sentry.javascript.browser',
+      packages: [
+        {
+          name: 'npm:@sentry/browser',
+          version: expect.any(String),
+        },
+      ],
+      version: expect.any(String),
+    },
+    spans: expect.any(Array),
+    start_timestamp: expect.any(Number),
+    timestamp: expect.any(Number),
+    transaction: '/',
+    transaction_info: {
+      source: 'url',
+    },
+    type: 'transaction',
+  });
+});