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

app/react/sidebar/DockerSidebar.tsx

@@ -207,6 +207,7 @@ export function DockerSidebar({ environmentId, environment }: Props) {
             isSubMenu
             to={featSubMenuTo}
             params={{ endpointId: environmentId }}
+            data-cy="portainerSidebar-docker-setup"
           />
         </Authorized>
 
@@ -215,6 +216,7 @@ export function DockerSidebar({ environmentId, environment }: Props) {
           isSubMenu
           to={registrySubMenuTo}
           params={{ endpointId: environmentId }}
+          data-cy="portainerSidebar-docker-registries"
         />
       </SidebarParent>
     </>

app/react/sidebar/Footer/BuildInfoModal.tsx

@@ -129,7 +129,7 @@ function BuildInfoModal({ closeModal }: { closeModal: () => void }) {
             </span>
 
             <div
-              className={clsx(styles.tools, 'max-h-32 overflow-auto space-y-2')}
+              className={clsx(styles.tools, 'max-h-32 space-y-2 overflow-auto')}
             >
               {Build.Env.map((envVar) => (
                 <div key={envVar}>
@@ -141,7 +141,11 @@ function BuildInfoModal({ closeModal }: { closeModal: () => void }) {
         )}
       </Modal.Body>
       <Modal.Footer>
-        <Button className="w-full" onClick={closeModal}>
+        <Button
+          className="w-full"
+          onClick={closeModal}
+          data-cy="portainerBuildInfoModal-CloseButton"
+        >
           Ok
         </Button>
       </Modal.Footer>

app/react/sidebar/KubernetesSidebar/KubectlShell/KubectlShellButton.tsx

@@ -41,7 +41,7 @@ export function KubectlShellButton({ environmentId }: Props) {
       {!isSidebarOpen && (
         <SidebarTooltip
           content={
-            <span className="text-sm whitespace-nowrap">Kubectl Shell</span>
+            <span className="whitespace-nowrap text-sm">Kubectl Shell</span>
           }
         >
           <span className="flex w-full justify-center">{button}</span>

app/react/sidebar/SidebarItem/Head.tsx

@@ -7,18 +7,13 @@ import clsx from 'clsx';
 import { ComponentProps } from 'react';
 import Tippy from '@tippyjs/react';
 
-import { AutomationTestingProps } from '@/types';
-
 import 'tippy.js/dist/tippy.css';
 import { Link } from '@@/Link';
 import { IconProps, Icon } from '@@/Icon';
 
 import { useSidebarState } from '../useSidebarState';
 
-interface Props
-  extends IconProps,
-    ComponentProps<typeof Link>,
-    AutomationTestingProps {
+interface Props extends IconProps, ComponentProps<typeof Link> {
   label: string;
   ignorePaths?: string[];
 }

app/react/sidebar/SidebarItem/SidebarItem.stories.tsx

@@ -22,6 +22,7 @@ function Template({ icon, label }: StoryProps) {
         params={{ endpointId: 1 }}
         icon={icon}
         label={label}
+        data-cy="sidebar-item"
       />
     </ul>
   );

app/react/sidebar/SidebarItem/SidebarItem.tsx

@@ -59,7 +59,7 @@ export function SidebarItem({
   return (
     <SidebarTooltip
       content={
-        <div className="bg-blue-8 be:bg-gray-8 th-dark:bg-gray-true-8 th-highcontrast:bg-black th-highcontrast:border th-highcontrast:border-solid th-highcontrast:border-white rounded">
+        <div className="rounded bg-blue-8 be:bg-gray-8 th-highcontrast:border th-highcontrast:border-solid th-highcontrast:border-white th-highcontrast:bg-black th-dark:bg-gray-true-8">
           <Wrapper label={label}>
             <ItemAnchor
               href={anchorProps.href}
@@ -86,7 +86,7 @@ type ItemAnchorProps = {
   className: string;
   isOpen: boolean;
   isSubMenu: boolean;
-  dataCy?: string;
+  dataCy: string;
 };
 
 function ItemAnchor({

app/react/sidebar/SidebarItem/SidebarParent.tsx

@@ -72,6 +72,7 @@ export function SidebarParent({
                 'justify-center': !isSidebarOpen,
               }
             )}
+            data-cy={`${dataCy}-link`}
           >
             <Icon icon={icon} />
             {isSidebarOpen && <span className="pl-4">{title}</span>}

app/react/sidebar/UpgradeBEBanner/NonAdminUpgradeDialog.tsx

@@ -23,6 +23,7 @@ export function NonAdminUpgradeDialog({
         <div className="flex w-full gap-2">
           <Button
             color="default"
+            data-cy="non-admin-cancel-upgrade"
             size="medium"
             className="w-1/3"
             onClick={() => onDismiss()}
@@ -38,6 +39,7 @@ export function NonAdminUpgradeDialog({
           >
             <Button
               color="primary"
+              data-cy="non-admin-learn-about-business-edition"
               size="medium"
               className="w-full"
               icon={ExternalLink}

app/react/sidebar/UpgradeBEBanner/UploadLicenseDialog.tsx

@@ -76,6 +76,7 @@ export function UploadLicenseDialog({
               <div className="flex w-full gap-2 [&>*]:w-1/2">
                 <Button
                   color="default"
+                  data-cy="get-license-button"
                   size="medium"
                   className="w-full"
                   onClick={goToGetLicense}
@@ -84,6 +85,7 @@ export function UploadLicenseDialog({
                 </Button>
                 <LoadingButton
                   color="primary"
+                  data-cy="start-upgrade-button"
                   size="medium"
                   loadingText="Validating License"
                   isLoading={upgradeMutation.isLoading}