add tests

mydea · mydea · commit 12e274e733c2 · 2023-04-20T15:46:40.000+02:00
unflake


skip test for bundles


un-flake
diff --git a/packages/browser-integration-tests/suites/replay/captureConsoleLog/template.html b/packages/browser-integration-tests/suites/replay/captureConsoleLog/template.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+  </head>
+  <body>
+    <script></script>
+    <button onclick="console.log('Test log', document.body)" data-log>Log button</button>
+  </body>
+</html>
diff --git a/packages/browser-integration-tests/suites/replay/captureConsoleLog/test.ts b/packages/browser-integration-tests/suites/replay/captureConsoleLog/test.ts
@@ -0,0 +1,49 @@
+import { expect } from '@playwright/test';
+
+import { sentryTest } from '../../../utils/fixtures';
+import { getCustomRecordingEvents, shouldSkipReplayTest, waitForReplayRequest } from '../../../utils/replayHelpers';
+
+sentryTest('should capture console messages in replay', async ({ getLocalTestPath, page, forceFlushReplay }) => {
+  // console integration is not used in bundles/loader
+  const bundle = process.env.PW_BUNDLE || '';
+  if (shouldSkipReplayTest() || bundle.startsWith('bundle_') || bundle.startsWith('loader_')) {
+    sentryTest.skip();
+  }
+
+  const reqPromise0 = waitForReplayRequest(page, 0);
+  const reqPromise1 = waitForReplayRequest(page, (_event, res) => {
+    const { breadcrumbs } = getCustomRecordingEvents(res);
+
+    return breadcrumbs.filter(breadcrumb => breadcrumb.category === 'console').length > 0;
+  });
+
+  await page.route('https://dsn.ingest.sentry.io/**/*', route => {
+    return route.fulfill({
+      status: 200,
+      contentType: 'application/json',
+      body: JSON.stringify({ id: 'test-id' }),
+    });
+  });
+
+  const url = await getLocalTestPath({ testDir: __dirname });
+
+  await page.goto(url);
+  await reqPromise0;
+
+  await page.click('[data-log]');
+
+  await forceFlushReplay();
+
+  const { breadcrumbs } = getCustomRecordingEvents(await reqPromise1);
+
+  expect(breadcrumbs.filter(breadcrumb => breadcrumb.category === 'console')).toEqual([
+    {
+      timestamp: expect.any(Number),
+      type: 'default',
+      category: 'console',
+      data: { arguments: ['Test log', '[HTMLElement: HTMLBodyElement]'], logger: 'console' },
+      level: 'log',
+      message: 'Test log [object HTMLBodyElement]',
+    },
+  ]);
+});
