Improve UICov grouping

cypress-io · Jan 16, 2024 · e9df4ab · e9df4ab
1 parent 6f72a2b
commit e9df4ab
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/src/components/CommentForm.tsx b/src/components/CommentForm.tsx
@@ -50,7 +50,10 @@ const CommentForm: React.FC<CommentFormProps> = ({ transactionId, transactionCom
                   id={`transaction-comment-input-${transactionId}`}
                   type="text"
                   placeholder="Write a comment..."
-                  inputProps={{ "data-test": `transaction-comment-input-${transactionId}` }}
+                  inputProps={{
+                    "data-test": `transaction-comment-input-${transactionId}`,
+                    "data-cy-ui-group": `transaction-comment-input`
+                  }}
                   error={meta.touched && Boolean(meta.error)}
                   helperText={meta.touched ? meta.error : ""}
                   {...field}

diff --git a/src/components/NotificationListItem.tsx b/src/components/NotificationListItem.tsx
@@ -89,6 +89,7 @@ const NotificationListItem: React.FC<NotificationListItemProps> = ({
           color="primary"
           onClick={() => updateNotification({ id: notification.id, isRead: true })}
           data-test={`notification-mark-read-${notification.id}`}
+          data-cy-ui-group="notification-mark-read"
         >
           <CheckIcon />
         </IconButton>
@@ -99,6 +100,7 @@ const NotificationListItem: React.FC<NotificationListItemProps> = ({
           size="small"
           onClick={() => updateNotification({ id: notification.id, isRead: true })}
           data-test={`notification-mark-read-${notification.id}`}
+          data-cy-ui-group="notification-mark-read"
         >
           Dismiss
         </Button>

diff --git a/src/components/TransactionDetail.tsx b/src/components/TransactionDetail.tsx
@@ -151,6 +151,7 @@ const TransactionDetail: React.FC<TransactionProps> = ({
                 disabled={currentUserLikesTransaction(currentUser, transaction)}
                 onClick={() => transactionLike(transaction.id)}
                 data-test={`transaction-like-button-${transaction.id}`}
+                data-cy-ui-group={`transaction-like-button`}
               >
                 <LikeIcon />
               </IconButton>
@@ -170,6 +171,7 @@ const TransactionDetail: React.FC<TransactionProps> = ({
                         })
                       }
                       data-test={`transaction-accept-request-${transaction.id}`}
+                      data-cy-ui-group={`transaction-accept-request`}
                     >
                       Accept Request
                     </Button>
@@ -184,6 +186,7 @@ const TransactionDetail: React.FC<TransactionProps> = ({
                         })
                       }
                       data-test={`transaction-reject-request-${transaction.id}`}
+                      data-cy-ui-group={`transaction-reject-request`}
                     >
                       Reject Request
                     </Button>