Add specs for alert api

spec/frontend/api/alert_management_alerts_api_spec.js

+import MockAdapter from 'axios-mock-adapter';
+import * as alertManagementAlertsApi from '~/api/alert_management_alerts_api';
+import axios from '~/lib/utils/axios_utils';
+
+describe('~/api/alert_management_alerts_api.js', () => {
+  let mock;
+  let originalGon;
+
+  const projectId = 1;
+  const alertIid = 2;
+
+  const imageData = { filePath: 'test', filename: 'hello', id: 5, url: null };
+
+  beforeEach(() => {
+    mock = new MockAdapter(axios);
+
+    originalGon = window.gon;
+    window.gon = { api_version: 'v4' };
+  });
+
+  afterEach(() => {
+    mock.restore();
+    window.gon = originalGon;
+  });
+
+  describe('fetchAlertMetricImages', () => {
+    beforeEach(() => {
+      jest.spyOn(axios, 'get');
+    });
+
+    it('retrieves metric images from the correct URL and returns them in the response data', () => {
+      const expectedUrl = `/api/v4/projects/${projectId}/alert_management_alerts/${alertIid}/metric_images`;
+      const expectedData = [imageData];
+      const options = { alertIid, id: projectId };
+
+      mock.onGet(expectedUrl).reply(200, { data: expectedData });
+
+      return alertManagementAlertsApi.fetchAlertMetricImages(options).then(({ data }) => {
+        expect(axios.get).toHaveBeenCalledWith(expectedUrl);
+        expect(data.data).toEqual(expectedData);
+      });
+    });
+  });
+
+  describe('uploadAlertMetricImage', () => {
+    beforeEach(() => {
+      jest.spyOn(axios, 'post');
+    });
+
+    it('uploads a metric image to the correct URL and returns it in the response data', () => {
+      const expectedUrl = `/api/v4/projects/${projectId}/alert_management_alerts/${alertIid}/metric_images`;
+      const expectedData = [imageData];
+
+      const file = new File(['zip contents'], 'hello');
+      const url = 'https://www.example.com';
+      const urlText = 'Example website';
+
+      const expectedFormData = new FormData();
+      expectedFormData.append('file', file);
+      expectedFormData.append('url', url);
+      expectedFormData.append('url_text', urlText);
+
+      mock.onPost(expectedUrl).reply(201, { data: expectedData });
+
+      return alertManagementAlertsApi
+        .uploadAlertMetricImage({
+          alertIid,
+          id: projectId,
+          file,
+          url,
+          urlText,
+        })
+        .then(({ data }) => {
+          expect(data).toEqual({ data: expectedData });
+          expect(axios.post).toHaveBeenCalledWith(expectedUrl, expectedFormData, {
+            headers: { 'Content-Type': 'multipart/form-data' },
+          });
+        });
+    });
+  });
+
+  describe('updateAlertMetricImage', () => {
+    beforeEach(() => {
+      jest.spyOn(axios, 'put');
+    });
+
+    it('updates a metric image to the correct URL and returns it in the response data', () => {
+      const imageIid = 3;
+      const expectedUrl = `/api/v4/projects/${projectId}/alert_management_alerts/${alertIid}/metric_images/${imageIid}`;
+      const expectedData = [imageData];
+
+      const url = 'https://www.example.com';
+      const urlText = 'Example website';
+
+      const expectedFormData = new FormData();
+      expectedFormData.append('url', url);
+      expectedFormData.append('url_text', urlText);
+
+      mock.onPut(expectedUrl).reply(200, { data: expectedData });
+
+      return alertManagementAlertsApi
+        .updateAlertMetricImage({
+          alertIid,
+          id: projectId,
+          imageId: imageIid,
+          url,
+          urlText,
+        })
+        .then(({ data }) => {
+          expect(data).toEqual({ data: expectedData });
+          expect(axios.put).toHaveBeenCalledWith(expectedUrl, expectedFormData);
+        });
+    });
+  });
+
+  describe('deleteAlertMetricImage', () => {
+    beforeEach(() => {
+      jest.spyOn(axios, 'delete');
+    });
+
+    it('deletes a metric image to the correct URL and returns it in the response data', () => {
+      const imageIid = 3;
+      const expectedUrl = `/api/v4/projects/${projectId}/alert_management_alerts/${alertIid}/metric_images/${imageIid}`;
+      const expectedData = [imageData];
+
+      mock.onDelete(expectedUrl).reply(204, { data: expectedData });
+
+      return alertManagementAlertsApi
+        .deleteAlertMetricImage({
+          alertIid,
+          id: projectId,
+          imageId: imageIid,
+        })
+        .then(({ data }) => {
+          expect(data).toEqual({ data: expectedData });
+          expect(axios.delete).toHaveBeenCalledWith(expectedUrl);
+        });
+    });
+  });
+});