ref(browser): Add more specific mechanism.type to errors captured by httpClientIntegration (#17254)

ref #17212 
closes #17250

Author: Lms24

dev-packages/browser-integration-tests/suites/integrations/httpclient/axios/test.ts

@@ -36,7 +36,7 @@ sentryTest(
             type: 'Error',
             value: 'HTTP Client Error with status code: 500',
             mechanism: {
-              type: 'http.client',
+              type: 'auto.http.client.xhr',
               handled: false,
             },
             stacktrace: {

dev-packages/browser-integration-tests/suites/integrations/httpclient/fetch/simple/test.ts

@@ -38,7 +38,7 @@ sentryTest(
             type: 'Error',
             value: 'HTTP Client Error with status code: 500',
             mechanism: {
-              type: 'http.client',
+              type: 'auto.http.client.fetch',
               handled: false,
             },
             stacktrace: {

dev-packages/browser-integration-tests/suites/integrations/httpclient/fetch/withRequest/test.ts

@@ -34,7 +34,7 @@ sentryTest('works with a Request passed in', async ({ getLocalTestUrl, page }) =
           type: 'Error',
           value: 'HTTP Client Error with status code: 500',
           mechanism: {
-            type: 'http.client',
+            type: 'auto.http.client.fetch',
             handled: false,
           },
           stacktrace: {

dev-packages/browser-integration-tests/suites/integrations/httpclient/fetch/withRequestAndBodyAndOptions/test.ts

@@ -36,7 +36,7 @@ sentryTest(
             type: 'Error',
             value: 'HTTP Client Error with status code: 500',
             mechanism: {
-              type: 'http.client',
+              type: 'auto.http.client.fetch',
               handled: false,
             },
             stacktrace: {

dev-packages/browser-integration-tests/suites/integrations/httpclient/fetch/withRequestAndOptions/test.ts

@@ -34,7 +34,7 @@ sentryTest('works with a Request (without body) & options passed in', async ({ g
           type: 'Error',
           value: 'HTTP Client Error with status code: 500',
           mechanism: {
-            type: 'http.client',
+            type: 'auto.http.client.fetch',
             handled: false,
           },
           stacktrace: {

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

@@ -36,7 +36,7 @@ sentryTest(
             type: 'Error',
             value: 'HTTP Client Error with status code: 500',
             mechanism: {
-              type: 'http.client',
+              type: 'auto.http.client.xhr',
               handled: false,
             },
             stacktrace: {

packages/browser/src/integrations/httpclient.ts

@@ -93,6 +93,7 @@ function _fetchResponseHandler(
       requestCookies,
       responseCookies,
       error,
+      type: 'fetch',
     });
 
     captureEvent(event);
@@ -165,6 +166,7 @@ function _xhrResponseHandler(
       responseHeaders,
       responseCookies,
       error,
+      type: 'xhr',
     });
 
     captureEvent(event);
@@ -362,6 +364,7 @@ function _createEvent(data: {
   url: string;
   method: string;
   status: number;
+  type: 'fetch' | 'xhr';
   responseHeaders?: Record<string, string>;
   responseCookies?: Record<string, string>;
   requestHeaders?: Record<string, string>;
@@ -402,7 +405,7 @@ function _createEvent(data: {
   };
 
   addExceptionMechanism(event, {
-    type: 'http.client',
+    type: `auto.http.client.${data.type}`,
     handled: false,
   });