From 1a7dd055b19138a423e1147eb510990007f7194f Mon Sep 17 00:00:00 2001
From: Cody Epstein <codyepstein@gmail.com>
Date: Wed, 9 Oct 2024 22:43:55 -0700
Subject: [PATCH] added test id to button

---
 components/AlertNotification/AlertNotification.test.tsx | 8 ++++++--
 components/AlertNotification/AlertNotification.tsx      | 6 ++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/components/AlertNotification/AlertNotification.test.tsx b/components/AlertNotification/AlertNotification.test.tsx
index 38345aad..87133290 100644
--- a/components/AlertNotification/AlertNotification.test.tsx
+++ b/components/AlertNotification/AlertNotification.test.tsx
@@ -40,10 +40,14 @@ describe('AlertNotification', () => {
   }
   it('renders the dismiss button correctly', () => {
     render(
-      <Alert variant={AlertVariants.Success} message="test dismiss btn" />,
+      <Alert
+        variant={AlertVariants.Success}
+        message="test dismiss btn"
+        data-testid="dismiss-icon"
+      />,
     );
 
-    const dismissBtn = screen.getByTestId('dismiss-icon');
+    const dismissBtn = screen.getByTestId('dismiss-btn');
     expect(dismissBtn).toBeInTheDocument();
   });
 });
diff --git a/components/AlertNotification/AlertNotification.tsx b/components/AlertNotification/AlertNotification.tsx
index 61669c8f..13f1b14c 100644
--- a/components/AlertNotification/AlertNotification.tsx
+++ b/components/AlertNotification/AlertNotification.tsx
@@ -50,11 +50,9 @@ const Alert = ({
       <Button
         variant="outline"
         className="absolute right-4 top-2 p-1 h-8 bg-transparent"
+        data-testid="dismiss-btn"
       >
-        <X
-          className="text-foreground h-full w-full"
-          data-testid="dismiss-icon"
-        />
+        <X className="text-foreground h-full w-full" />
       </Button>
     </AlertDefault>
   );