test(browser-integration-tests): Skip flakey test on chrome (#10078)

Author: Luca Forstner

dev-packages/browser-integration-tests/suites/integrations/Breadcrumbs/dom/click/test.ts

@@ -4,57 +4,62 @@ import type { Event } from '@sentry/types';
 import { sentryTest } from '../../../../../utils/fixtures';
 import { getFirstSentryEnvelopeRequest } from '../../../../../utils/helpers';
 
-sentryTest('captures Breadcrumb for clicks & debounces them for a second', async ({ getLocalTestUrl, page }) => {
-  const url = await getLocalTestUrl({ testDir: __dirname });
-
-  await page.route('**/foo', route => {
-    return route.fulfill({
-      status: 200,
-      body: JSON.stringify({
-        userNames: ['John', 'Jane'],
-      }),
-      headers: {
-        'Content-Type': 'application/json',
-      },
+sentryTest(
+  'captures Breadcrumb for clicks & debounces them for a second',
+  async ({ getLocalTestUrl, page, browserName }) => {
+    sentryTest.skip(browserName === 'chromium', 'This consistently flakes on chrome.');
+
+    const url = await getLocalTestUrl({ testDir: __dirname });
+
+    await page.route('**/foo', route => {
+      return route.fulfill({
+        status: 200,
+        body: JSON.stringify({
+          userNames: ['John', 'Jane'],
+        }),
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      });
     });
-  });
-
-  const promise = getFirstSentryEnvelopeRequest<Event>(page);
-
-  await page.goto(url);
-
-  await page.click('#button1');
-  // not debounced because other target
-  await page.click('#button2');
-  // This should be debounced
-  await page.click('#button2');
-
-  // Wait a second for the debounce to finish
-  await page.waitForTimeout(1000);
-  await page.click('#button2');
-
-  const [eventData] = await Promise.all([promise, page.evaluate('Sentry.captureException("test exception")')]);
-
-  expect(eventData.exception?.values).toHaveLength(1);
-
-  expect(eventData.breadcrumbs).toEqual([
-    {
-      timestamp: expect.any(Number),
-      category: 'ui.click',
-      message: 'body > button#button1[type="button"]',
-    },
-    {
-      timestamp: expect.any(Number),
-      category: 'ui.click',
-      message: 'body > button#button2[type="button"]',
-    },
-    {
-      timestamp: expect.any(Number),
-      category: 'ui.click',
-      message: 'body > button#button2[type="button"]',
-    },
-  ]);
-});
+
+    const promise = getFirstSentryEnvelopeRequest<Event>(page);
+
+    await page.goto(url);
+
+    await page.click('#button1');
+    // not debounced because other target
+    await page.click('#button2');
+    // This should be debounced
+    await page.click('#button2');
+
+    // Wait a second for the debounce to finish
+    await page.waitForTimeout(1000);
+    await page.click('#button2');
+
+    const [eventData] = await Promise.all([promise, page.evaluate('Sentry.captureException("test exception")')]);
+
+    expect(eventData.exception?.values).toHaveLength(1);
+
+    expect(eventData.breadcrumbs).toEqual([
+      {
+        timestamp: expect.any(Number),
+        category: 'ui.click',
+        message: 'body > button#button1[type="button"]',
+      },
+      {
+        timestamp: expect.any(Number),
+        category: 'ui.click',
+        message: 'body > button#button2[type="button"]',
+      },
+      {
+        timestamp: expect.any(Number),
+        category: 'ui.click',
+        message: 'body > button#button2[type="button"]',
+      },
+    ]);
+  },
+);
 
 sentryTest(
   'uses the annotated component name in the breadcrumb messages and adds it to the data object',