From 6c90f1c7989c3744f18dad288c25d495c3a2004d Mon Sep 17 00:00:00 2001
From: wklos-iohk <wojciech.klos@iohk.io>
Date: Fri, 23 May 2025 12:55:41 +0200
Subject: [PATCH] test: add testIds for info-bar component

---
 .../info-bar/info-bar.component.tsx              | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/design-system/info-bar/info-bar.component.tsx b/src/design-system/info-bar/info-bar.component.tsx
index 0e9f79b..a3ad305 100644
--- a/src/design-system/info-bar/info-bar.component.tsx
+++ b/src/design-system/info-bar/info-bar.component.tsx
@@ -15,18 +15,29 @@ export interface Props {
     label?: string;
     onClick?: () => void;
   };
+  testId?: string;
 }
 
 export const InfoBar = ({
   message,
   icon,
   callToAction,
+  testId,
 }: Readonly<Props>): JSX.Element => {
   return (
     <Flex className={cx.container}>
-      <Box className={cx.icon}>{icon}</Box>
+      <Box
+        className={cx.icon}
+        data-testid={testId ? `${testId}-icon` : 'info-bar-icon'}
+      >
+        {icon}
+      </Box>
       <Box>
-        <Text.Button weight="$semibold" className={cx.message}>
+        <Text.Button
+          weight="$semibold"
+          className={cx.message}
+          data-testid={testId ? `${testId}-message` : 'info-bar-message'}
+        >
           {message}
         </Text.Button>
       </Box>
@@ -36,6 +47,7 @@ export const InfoBar = ({
           <CallToAction
             onClick={callToAction.onClick}
             label={callToAction.label}
+            data-testid={testId ? `${testId}-cta` : 'info-bar-cta'}
           />
         </Box>
       )}