fix: make test for button render its own separate test

components/AlertNotification/AlertNotification.test.tsx

@@ -29,30 +29,27 @@ const variantTestCases = {
 
 describe('AlertNotification', () => {
   for (const [key, value] of Object.entries(variantTestCases)) {
-    it(`renders the correct variant ${key} and a dismiss button`, () => {
+    it(`renders the correct variant ${key}`, () => {
       render(
         <Alert
           variant={AlertVariants[key as keyof typeof AlertVariants]}
           message={value.message}
         />,
       );
-      const dismissButton = screen.getByTestId('dismiss-alert-btn');
-      expect(dismissButton).toBeInTheDocument();
     });
   };
 
- /*  it('should close the notification upon clicking the dismiss button',    
-    async () => {
+  for (const [key, value] of Object.entries(variantTestCases)) {
+    it('should render the dismiss button on each alert type', () => {
       render(
         <Alert
-        variant={AlertVariants.Warning}
-        message={'This is a warning message'}
-        />
+          variant={AlertVariants[key as keyof typeof AlertVariants]}
+          message={value.message}
+        />,
       );
       const dismissButton = screen.getByTestId('dismiss-alert-btn');
-      fireEvent.click(dismissButton);
-      await waitFor(() => {
-        expect(dismissButton).not.toBeInTheDocument();
-      });
-  }); */
+      expect(dismissButton).toBeInTheDocument();
+    });
+  };
+
 });