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

app/react/components/ImageConfigFieldset/AdvancedForm.tsx

@@ -34,6 +34,7 @@ export function AdvancedForm({
           }}
           placeholder="e.g. registry:port/my-image:my-tag"
           required
+          data-cy="image-config-advanced-input"
         />
       </FormControl>
     </>

app/react/components/ImageConfigFieldset/ImageConfigFieldset.tsx

@@ -46,6 +46,7 @@ export function ImageConfigFieldset({
               icon={Globe}
               className="!ml-0 p-0 hover:no-underline"
               onClick={() => setFieldValue('useRegistry', false)}
+              data-cy="image-config-advanced-button"
             >
               Advanced mode
             </Button>
@@ -56,6 +57,7 @@ export function ImageConfigFieldset({
               icon={Database}
               className="!ml-0 p-0 hover:no-underline"
               onClick={() => setFieldValue('useRegistry', true)}
+              data-cy="image-config-simple-button"
             >
               Simple mode
             </Button>

app/react/components/ImageConfigFieldset/InputSearch.tsx

@@ -11,6 +11,7 @@ export function InputSearch({
   options,
   placeholder,
   inputId,
+  'data-cy': dataCy,
 }: {
   value: string;
   onChange: (value: string) => void;
@@ -34,6 +35,7 @@ export function InputSearch({
       onChange={onChange}
       placeholder={placeholder}
       inputId={inputId}
+      data-cy={dataCy}
     />
   );
 }

app/react/components/ImageConfigFieldset/RateLimits.tsx

@@ -93,8 +93,13 @@ function RateLimitsInner({
                     You are currently using an anonymous account to pull images
                     from DockerHub and will be limited to 100 pulls every 6
                     hours. You can configure DockerHub authentication in the{' '}
-                    <Link to="portainer.registries">Registries View</Link>.
-                    Remaining pulls:{' '}
+                    <Link
+                      to="portainer.registries"
+                      data-cy="image-registry-rate-limits-registries-view-link"
+                    >
+                      Registries View
+                    </Link>
+                    . Remaining pulls:{' '}
                     <span className="font-bold">
                       {pullRateLimits.remaining}/{pullRateLimits.limit}
                     </span>

app/react/components/ImageConfigFieldset/SimpleForm.tsx

@@ -91,6 +91,7 @@ export function SimpleForm({
                   rel: 'noreferrer',
                 }}
                 icon={DockerIcon}
+                data-cy="component-dockerHubSearchButton"
               >
                 Search
               </Button>
@@ -189,6 +190,7 @@ function ImageField({
       value={value}
       onChange={(e) => onChange(e.target.value)}
       id={inputId}
+      data-cy="image-field-simple-input"
     />
   );
 }