test(browser): Add sample integration test for breadcrumb log level

Signed-off-by: Kaung Zin Hein <kaungzinhein113@gmail.com>

dev-packages/browser-integration-tests/suites/integrations/Breadcrumbs/fetch/get/test.ts

@@ -33,5 +33,6 @@ sentryTest('captures Breadcrumb for basic GET request', async ({ getLocalTestUrl
  status_code: 200,
  url: 'http://sentry-test.io/foo',
  },
+ level: 'info',
  });
 });

dev-packages/browser-integration-tests/suites/integrations/Breadcrumbs/fetch/getWithRequestObj/test.ts

@@ -33,5 +33,6 @@ sentryTest('captures Breadcrumb for basic GET request that uses request object',
  status_code: 200,
  url: 'http://sentry-test.io/foo',
  },
+ level: 'info',
  });
 });

dev-packages/browser-integration-tests/suites/integrations/Breadcrumbs/fetch/post/test.ts

@@ -33,5 +33,6 @@ sentryTest('captures Breadcrumb for POST request', async ({ getLocalTestUrl, pag
  status_code: 200,
  url: 'http://sentry-test.io/foo',
  },
+ level: 'info',
  });
 });

dev-packages/browser-integration-tests/suites/integrations/Breadcrumbs/xhr/get/test.ts

@@ -34,5 +34,64 @@ sentryTest('captures Breadcrumb for basic GET request', async ({ getLocalTestUrl
  status_code: 200,
  url: 'http://sentry-test.io/foo',
  },
+ level: 'info',
+ });
+});
+
+sentryTest('captures Breadcrumb for GET request with 4xx response code', async ({ getLocalTestUrl, page }) => {
+ const url = await getLocalTestUrl({ testDir: __dirname });
+
+ await page.route('**/foo', async route => {
+ await route.fulfill({
+ status: 404,
+ contentType: 'text/plain',
+ body: 'Not Found!',
+ });
+ });
+
+ const eventData = await getFirstSentryEnvelopeRequest<Event>(page, url);
+
+ expect(eventData.exception?.values).toHaveLength(1);
+
+ expect(eventData?.breadcrumbs?.length).toBe(1);
+ expect(eventData!.breadcrumbs![0]).toEqual({
+ timestamp: expect.any(Number),
+ category: 'xhr',
+ type: 'http',
+ data: {
+ method: 'GET',
+ status_code: 404,
+ url: 'http://sentry-test.io/foo',
+ },
+ level: 'warning',
+ });
+});
+
+sentryTest('captures Breadcrumb for GET request with 5xx response code', async ({ getLocalTestUrl, page }) => {
+ const url = await getLocalTestUrl({ testDir: __dirname });
+
+ await page.route('**/foo', async route => {
+ await route.fulfill({
+ status: 500,
+ contentType: 'text/plain',
+ body: 'Internal Server Error',
+ });
+ });
+
+ const eventData = await getFirstSentryEnvelopeRequest<Event>(page, url);
+
+ expect(eventData.exception?.values).toHaveLength(1);
+
+ expect(eventData?.breadcrumbs?.length).toBe(1);
+ expect(eventData!.breadcrumbs![0]).toEqual({
+ timestamp: expect.any(Number),
+ category: 'xhr',
+ type: 'http',
+ data: {
+ method: 'GET',
+ status_code: 500,
+ url: 'http://sentry-test.io/foo',
+ },
+ level: 'error',
  });
 });

dev-packages/browser-integration-tests/suites/integrations/Breadcrumbs/xhr/post/test.ts

@@ -33,5 +33,6 @@ sentryTest('captures Breadcrumb for POST request', async ({ getLocalTestUrl, pag
  status_code: 200,
  url: 'http://sentry-test.io/foo',
  },
+ level: 'info',
  });
 });