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

app/react/docker/containers/CreateView/ResourcesTab/DevicesField.tsx

@@ -31,16 +31,18 @@ export function DevicesField({
       label="Devices"
       errors={errors}
       itemBuilder={() => ({ pathOnHost: '', pathInContainer: '' })}
+      data-cy="docker-container-devices"
     />
   );
 }
 
-function Item({ item, onChange, error }: ItemProps<Device>) {
+function Item({ item, onChange, error, index }: ItemProps<Device>) {
   return (
     <div className="w-full">
       <div className="flex w-full gap-4">
         <InputLabeled
           value={item.pathOnHost}
+          data-cy={`device-path-on-host_${index}`}
           onChange={(e) => onChange({ ...item, pathOnHost: e.target.value })}
           label="host"
           placeholder="e.g. /dev/tty0"
@@ -49,6 +51,7 @@ function Item({ item, onChange, error }: ItemProps<Device>) {
         />
         <InputLabeled
           value={item.pathInContainer}
+          data-cy={`device-path-on-container_${index}`}
           onChange={(e) =>
             onChange({ ...item, pathInContainer: e.target.value })
           }

app/react/docker/containers/CreateView/ResourcesTab/EditResourceForm.tsx

@@ -73,6 +73,7 @@ export function EditResourcesForm({
             <div className="col-sm-12 flex items-center gap-4">
               <LoadingButton
                 isLoading={updateMutation.isLoading}
+                data-cy="update-limits-button"
                 disabled={isImageInvalid || !dirty}
                 loadingText="Update in progress..."
                 type="button"

app/react/docker/containers/CreateView/ResourcesTab/GpuFieldset/GpuFieldset.tsx

@@ -136,6 +136,7 @@ export function GpuFieldset({
             onChange={toggleEnableGpu}
             className="ml-2"
             disabled={!enableGpuManagement}
+            data-cy="docker-containers-gpu-enabled-switch"
           />
         </div>
         {enableGpuManagement && values.enabled && (
@@ -150,6 +151,7 @@ export function GpuFieldset({
               onChange={onChangeSelectedGpus}
               options={options}
               components={{ MultiValueRemove }}
+              data-cy="docker-containers-gpu-select"
             />
           </div>
         )}
@@ -170,6 +172,7 @@ export function GpuFieldset({
                 options={NvidiaCapabilitiesOptions}
                 components={{ Option }}
                 onChange={onChangeSelectedCaps}
+                data-cy="docker-containers-gpu-capabilities-select"
               />
             </div>
           </div>

app/react/docker/containers/CreateView/ResourcesTab/ResourcesFieldset.tsx

@@ -69,6 +69,7 @@ export function ResourceFieldset({
           min={0}
           max={maxCpu}
           step={0.1}
+          dataCy="k8sNamespaceCreate-resourceCpu"
         />
       </FormControl>
     </FormSection>

app/react/docker/containers/CreateView/ResourcesTab/ResourcesTab.tsx

@@ -99,6 +99,7 @@ export function ResourcesTab({
               setFieldValue('sharedMemorySize', e.target.valueAsNumber)
             }
             className="w-32"
+            data-cy="shared-memory-size"
           />
           <div className="small text-muted">
             Size of /dev/shm (<b>MB</b>)

app/react/docker/containers/CreateView/ResourcesTab/RuntimeSection.tsx

@@ -30,6 +30,7 @@ export function RuntimeSection({
           <div className="col-sm-12">
             <SwitchField
               labelClass="col-sm-2"
+              data-cy="docker-privileged-switch"
               label="Privileged mode"
               checked={values.privileged}
               onChange={(privileged) => handleChange({ privileged })}
@@ -43,6 +44,7 @@ export function RuntimeSection({
           <div className="col-sm-12">
             <SwitchField
               labelClass="col-sm-2"
+              data-cy="docker-init-switch"
               label="Init"
               checked={values.init}
               onChange={(init) => handleChange({ init })}

app/react/docker/containers/CreateView/ResourcesTab/RuntimeSelector.tsx

@@ -26,6 +26,7 @@ export function RuntimeSelector({
       options={infoQuery.data || []}
       isLoading={infoQuery.isLoading}
       disabled={infoQuery.isLoading}
+      data-cy="docker-runtime-selector"
     />
   );
 }

app/react/docker/containers/CreateView/ResourcesTab/SysctlsField.tsx

@@ -30,11 +30,12 @@ export function SysctlsField({
       label="Sysctls"
       errors={errors}
       itemBuilder={() => ({ name: '', value: '' })}
+      data-cy="docker-container-sysctls"
     />
   );
 }
 
-function Item({ item, onChange, error }: ItemProps<Sysctls>) {
+function Item({ item, onChange, error, index }: ItemProps<Sysctls>) {
   return (
     <div className="w-full">
       <div className="flex w-full gap-4">
@@ -45,6 +46,7 @@ function Item({ item, onChange, error }: ItemProps<Sysctls>) {
           placeholder="e.g. FOO"
           className="w-1/2"
           size="small"
+          data-cy={`docker-container-sysctl-name_${index}`}
         />
         <InputLabeled
           value={item.value}
@@ -53,6 +55,7 @@ function Item({ item, onChange, error }: ItemProps<Sysctls>) {
           placeholder="e.g. bar"
           className="w-1/2"
           size="small"
+          data-cy={`docker-container-sysctl-value_${index}`}
         />
       </div>
       {error && <FormError>{Object.values(error)[0]}</FormError>}