chore(data-cy): require data-cy attributes [EE-6880] (#11453)

app/react/components/PageHeader/Breadcrumbs/Breadcrumbs.tsx

@@ -43,6 +43,7 @@ function renderCrumb(crumb: Crumb | string) {
         to={crumb.link}
         params={crumb.linkParams}
         className="text-blue-9 hover:text-blue-11 hover:underline th-highcontrast:text-blue-5 th-dark:text-blue-7 th-dark:hover:text-blue-9"
+        data-cy={`breadcrumb-${crumb.label}`}
       >
         {crumb.label}
       </Link>

app/react/components/PageHeader/ContextHelp/ContextHelp.tsx

@@ -25,6 +25,7 @@ export function ContextHelp() {
         )}
         title="Help"
         rel="noreferrer"
+        data-cy="context-help-button"
       >
         <HelpCircle className="lucide" />
       </a>

app/react/components/PageHeader/HeaderTitle.tsx

@@ -16,7 +16,10 @@ export function HeaderTitle({ title, children }: PropsWithChildren<Props>) {
   return (
     <div className="flex justify-between whitespace-normal pt-3">
       <div className="flex items-center gap-2">
-        <h1 className="m-0 text-2xl font-medium text-gray-11 th-highcontrast:text-white th-dark:text-white">
+        <h1
+          className="m-0 text-2xl font-medium text-gray-11 th-highcontrast:text-white th-dark:text-white"
+          data-cy="page-title"
+        >
           {title}
         </h1>
         {children && <>{children}</>}

app/react/components/PageHeader/NotificationsMenu.tsx

@@ -97,19 +97,25 @@ export function NotificationsMenu() {
         {reducedNotifications?.length > 0 ? (
           <>
             <div className={notificationStyles.notifications}>
-              {reducedNotifications.map((notification) => (
+              {reducedNotifications.map((notification, index) => (
                 <MenuLink
                   to="portainer.notifications"
                   params={{ id: notification.id }}
                   notification={notification}
                   key={notification.id}
                   onDelete={() => onDelete(notification.id)}
+                  data-cy={`notification-delete-button_${index}`}
                 />
               ))}
             </div>
 
             <div className={notificationStyles.notificationLink}>
-              <Link to="portainer.notifications">View all notifications</Link>
+              <Link
+                to="portainer.notifications"
+                data-cy="notifications-see-all-link"
+              >
+                View all notifications
+              </Link>
             </div>
           </>
         ) : (

app/react/components/PageHeader/PageHeader.tsx

@@ -44,6 +44,7 @@ export function PageHeader({
             className="m-0 p-0 focus:text-inherit"
             disabled={loading}
             title="Refresh page"
+            data-cy="refresh-page-button"
           >
             <RefreshCw className="icon" />
           </Button>