Refactor de alertas de Queue y correccion de los Warnings (#173)

* Refactor de alertas de Queue y correccion de los Warnings

* Fix informationBar tests

---------

Co-authored-by: Diego Jacobo Martínez <diegojmr5@gmail.com>

src/components/InfoLoader/InfoLoader.tsx

@@ -1,7 +1,11 @@
 import React from "react";
 import './InfoLoader.css';
 
-const InfoLoader: React.FC = () => {
+interface IInfoLoader {
+  testId?: string;
+}
+const InfoLoader: React.FC<IInfoLoader> = () => {
+
   return (
     <div role="progressbar" className="info-loader">
       <div className="info-loader__bubble"></div>

src/components/InformationBar/__tests__/InformationBar.test.tsx

@@ -1,7 +1,6 @@
-import React from 'react';
-import { render, cleanup, screen } from '@testing-library/react';
-import InformationBar from '../InformationBar';
+import { cleanup, render, screen } from '@testing-library/react';
 import { IItemSubitem } from '../../ItemSubitem/types';
+import InformationBar from '../InformationBar';
 
 afterEach(() => {
     cleanup();

src/pages/Queue/Queue.tsx

@@ -36,7 +36,7 @@ const Queue: React.FC = () => {
         Queue: <span data-testid="queue-title-id" className=' text-aci-orange'>{shortId(id ?? '')}</span>
       </span>
       {loading ?
-        (<InfoLoader/>) :
+        (<InfoLoader testId='infoloader'/>) :
         (
           !loading && queueInfo && !errorQueueInfo ? (
             <div data-testid="queue-information-metrics-section">

src/pages/Queue/__tests__/Queue.test.tsx

@@ -124,20 +124,21 @@ describe("Tests for Queue page", () => {
         expect(screen.getAllByRole("progressbar")).toHaveLength(4);
     });
 
-    test("Displays error message when data fetch fails", async () => {
-        (getQueueInfo as jest.Mock).mockImplementation(() => Promise.reject(new Error("Failed to fetch")));
+
+    test("Should handle all types of alert priorities", async () => {
+        (getQueueInfo as jest.Mock).mockResolvedValue(mockQueueInformation[0]);
         render(<Queue />);
+
         await waitFor(() => {
-            expect(screen.getByText("Error fetching queue")).toBeInTheDocument();
+            expect(screen.getByText("Critic")).toBeInTheDocument();
         });
-    });
 
-    test("Correctly displays no alerts found when there are no alerts", async () => {
-        const modifiedData = { ...mockQueueInformation[0], alerts: { high: [], medium: [], low: [] } };
-        (getQueueInfo as jest.Mock).mockResolvedValue(modifiedData);
-        render(<Queue />);
         await waitFor(() => {
-            expect(screen.getByText("No alerts found")).toBeInTheDocument();
+            expect(screen.getByText("Medium")).toBeInTheDocument();
+        });
+
+        await waitFor(() => {
+            expect(screen.getByText("Low")).toBeInTheDocument();
         });
     });
 
@@ -157,5 +158,4 @@ describe("Tests for Queue page", () => {
             expect(screen.getByText("Diego Jacobo")).toBeInTheDocument();
         });
     });
-
 });