🪟 🔧 add data-testids for connection status error messages (#12542)

airbytehq · May 21, 2024 · ac5b892 · ac5b892
1 parent 8bbbe55
commit ac5b892
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/airbyte-webapp/src/components/ui/Message/Message.tsx b/airbyte-webapp/src/components/ui/Message/Message.tsx
@@ -128,7 +128,12 @@ export const Message: React.FC<React.PropsWithChildren<MessageProps>> = ({
         {mainMessage}
       </FlexContainer>
       {isRenderingChildren && (
-        <div className={classNames(styles.childrenContainer, childrenClassName, STYLES_BY_TYPE[type])}>{children}</div>
+        <div
+          className={classNames(styles.childrenContainer, childrenClassName, STYLES_BY_TYPE[type])}
+          data-testid={testId ? `${testId}-children` : undefined}
+        >
+          {children}
+        </div>
       )}
     </FlexContainer>
   );

diff --git a/airbyte-webapp/src/pages/connections/StreamStatusPage/ConnectionStatusMessages.tsx b/airbyte-webapp/src/pages/connections/StreamStatusPage/ConnectionStatusMessages.tsx
@@ -105,6 +105,7 @@ export const ConnectionStatusMessages: React.FC = () => {
               : "connection.stream.status.checkDestinationSettings",
           }),
           type: "error",
+          "data-testid": `connection-status-message-error-${isSourceError ? "source" : "destination"}`,
         } as const;
 
         errorMessages.push(configError);
@@ -142,6 +143,7 @@ export const ConnectionStatusMessages: React.FC = () => {
           ),
           childrenClassName: styles.internalErrorMessage,
           isExpandable: hasInternalErrorMessage,
+          "data-testid": `connection-status-message-warning`,
         } as const;
         errorMessages.push(goToLogError);
       }
@@ -156,6 +158,7 @@ export const ConnectionStatusMessages: React.FC = () => {
         onAction: () => navigate(`../${ConnectionRoutePaths.Replication}`, { state: { triggerRefreshSchema: true } }),
         actionBtnText: formatMessage({ id: "connection.schemaChange.reviewAction" }),
         type: "error",
+        "data-testid": `connection-status-message-breaking-schema-change`,
       });
     }