feat: use consoleFetchJSON

Assisted-By: Claude Code

Author: rioloc

web/src/components/Incidents/api.spec.ts

@@ -8,14 +8,15 @@
 };
 
 import { createAlertsQuery, fetchDataForIncidentsAndAlerts } from './api';
-import { PrometheusResponse } from '@openshift-console/dynamic-plugin-sdk';
+import { PrometheusResponse, consoleFetchJSON } from '@openshift-console/dynamic-plugin-sdk';
 import { buildPrometheusUrl } from '../utils';
 
 // Mock the SDK
 jest.mock('@openshift-console/dynamic-plugin-sdk', () => ({
   PrometheusEndpoint: {
     QUERY_RANGE: 'api/v1/query_range',
   },
+  consoleFetchJSON: jest.fn(),
 }));
 
 // Mock the global utils to avoid window access side effects
@@ -126,8 +127,8 @@ describe('fetchDataForIncidentsAndAlerts', () => {
       },
     };
 
-    const fetch = jest
-      .fn()
+    const mockConsoleFetchJSON = consoleFetchJSON as jest.MockedFunction<typeof consoleFetchJSON>;
+    mockConsoleFetchJSON
       .mockResolvedValueOnce(mockPrometheusResponse1)
       .mockResolvedValueOnce(mockPrometheusResponse2);
 
@@ -136,14 +137,14 @@ describe('fetchDataForIncidentsAndAlerts', () => {
       'ALERTS{alertname="test", severity="critical", namespace="test"}',
       'ALERTS{alertname="test2", severity="warning", namespace="test2"}',
     ];
-    const result = await fetchDataForIncidentsAndAlerts(fetch, range, customQuery);
+    const result = await fetchDataForIncidentsAndAlerts(mockConsoleFetchJSON, range, customQuery);
     expect(result).toEqual({
       status: 'success',
       data: {
         resultType: 'matrix',
         result: [result1, result2],
       },
     });
-    expect(fetch).toHaveBeenCalledTimes(2);
+    expect(mockConsoleFetchJSON).toHaveBeenCalledTimes(2);
   });
 });

web/src/components/Incidents/api.ts

@@ -1,6 +1,10 @@
 /* eslint-disable max-len */
 
-import { PrometheusEndpoint, PrometheusResponse } from '@openshift-console/dynamic-plugin-sdk';
+import {
+  consoleFetchJSON,
+  PrometheusEndpoint,
+  PrometheusResponse,
+} from '@openshift-console/dynamic-plugin-sdk';
 import { getPrometheusBasePath, buildPrometheusUrl } from '../utils';
 import { PROMETHEUS_QUERY_INTERVAL_SECONDS } from './utils';
 
@@ -132,7 +136,7 @@ export const fetchDataForIncidentsAndAlerts = async (
       } as PrometheusResponse);
     }
 
-    return fetch(url);
+    return consoleFetchJSON(url);
   });
 
   const responses = await Promise.all(promises);