test(tracing): Add connection.rtt tests. (#4423)

onurtemizkan · web-flow · commit 5b0a53e77db1 · 2022-01-20T10:01:08.000-05:00
diff --git a/packages/integration-tests/suites/tracing/metrics/connection-rtt/template.hbs b/packages/integration-tests/suites/tracing/metrics/connection-rtt/template.hbs
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title></title>
+    <script src="{{htmlWebpackPlugin.options.initialization}}"></script>
+  </head>
+  <body>
+    <div>Rendered</div>
+  </body>
+</html>
diff --git a/packages/integration-tests/suites/tracing/metrics/connection-rtt/test.ts b/packages/integration-tests/suites/tracing/metrics/connection-rtt/test.ts
@@ -0,0 +1,75 @@
+import { expect, Page } from '@playwright/test';
+
+import { sentryTest } from '../../../../utils/fixtures';
+import { getSentryTransactionRequest } from '../../../../utils/helpers';
+
+sentryTest.beforeEach(({ browserName }) => {
+  if (browserName !== 'chromium') {
+    sentryTest.skip();
+  }
+});
+
+async function createSessionWithLatency(page: Page, latency: number) {
+  const session = await page.context().newCDPSession(page);
+  await session.send('Network.emulateNetworkConditions', {
+    offline: false,
+    latency: latency,
+    downloadThroughput: (25 * 1024) / 8,
+    uploadThroughput: (5 * 1024) / 8,
+  });
+
+  return session;
+}
+
+sentryTest('should capture a `connection.rtt` metric.', async ({ getLocalTestPath, page }) => {
+  const url = await getLocalTestPath({ testDir: __dirname });
+  const eventData = await getSentryTransactionRequest(page, url);
+
+  expect(eventData.measurements).toBeDefined();
+  expect(eventData.measurements?.['connection.rtt']?.value).toBe(0);
+});
+
+sentryTest(
+  'should capture a `connection.rtt` metric with emulated value 200ms on Chromium.',
+  async ({ getLocalTestPath, page }) => {
+    const session = await createSessionWithLatency(page, 200);
+
+    const url = await getLocalTestPath({ testDir: __dirname });
+    const eventData = await getSentryTransactionRequest(page, url);
+
+    await session.detach();
+
+    expect(eventData.measurements).toBeDefined();
+    expect(eventData.measurements?.['connection.rtt']?.value).toBe(200);
+  },
+);
+
+sentryTest(
+  'should capture a `connection.rtt` metric with emulated value 100ms on Chromium.',
+  async ({ getLocalTestPath, page }) => {
+    const session = await createSessionWithLatency(page, 100);
+
+    const url = await getLocalTestPath({ testDir: __dirname });
+    const eventData = await getSentryTransactionRequest(page, url);
+
+    await session.detach();
+
+    expect(eventData.measurements).toBeDefined();
+    expect(eventData.measurements?.['connection.rtt']?.value).toBe(100);
+  },
+);
+
+sentryTest(
+  'should capture a `connection.rtt` metric with emulated value 50ms on Chromium.',
+  async ({ getLocalTestPath, page }) => {
+    const session = await createSessionWithLatency(page, 50);
+
+    const url = await getLocalTestPath({ testDir: __dirname });
+    const eventData = await getSentryTransactionRequest(page, url);
+
+    await session.detach();
+
+    expect(eventData.measurements).toBeDefined();
+    expect(eventData.measurements?.['connection.rtt']?.value).toBe(50);
+  },
+);
