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

app/react/kubernetes/applications/components/ConfigurationsFormSection/ConfigMapsFormSection.tsx

@@ -46,8 +46,7 @@ export function ConfigMapsFormSection({
         onChange={onChange}
         errors={errors}
         isDeleteButtonHidden
-        deleteButtonDataCy="k8sAppCreate-configRemoveButton"
-        addButtonDataCy="k8sAppCreate-configAddButton"
+        data-cy="k8sAppCreate-config"
         disabled={configMaps.length === 0}
         addButtonError={
           configMaps.length === 0

app/react/kubernetes/applications/components/ConfigurationsFormSection/ConfigurationItem.tsx

@@ -74,6 +74,7 @@ export function ConfigurationItem({
               className={clsx('!ml-0', { active: !item.overriden })}
               onClick={() => onToggleOverride(false)}
               icon={RotateCw}
+              data-cy={`k8sAppCreate-add${configurationType}AutoButton_${index}`}
             >
               Auto
             </Button>
@@ -83,6 +84,7 @@ export function ConfigurationItem({
               className={clsx('!ml-0 mr-1', { active: item.overriden })}
               onClick={() => onToggleOverride(true)}
               icon={List}
+              data-cy={`k8sAppCreate-add${configurationType}OverrideButton_${index}`}
             >
               Override
             </Button>
@@ -92,8 +94,9 @@ export function ConfigurationItem({
           color="dangerlight"
           size="medium"
           onClick={onRemoveItem}
-          className="!ml-0 vertical-center btn-only-icon"
+          className="vertical-center btn-only-icon !ml-0"
           icon={Trash2}
+          data-cy={`k8sAppCreate-remove${configurationType}Button_${index}`}
         />
       </div>
       {!item.overriden && (

app/react/kubernetes/applications/components/ConfigurationsFormSection/ConfigurationKey.tsx

@@ -36,10 +36,15 @@ export function ConfigurationData({
     ? overrideKeysErrors[keyIndex]
     : undefined;
   return (
-    <div className="flex items-start gap-x-2 gap-y-2 flex-wrap">
+    <div className="flex flex-wrap items-start gap-x-2 gap-y-2">
       <InputGroup size="small" className="min-w-[250px]">
         <InputGroup.Addon>Key</InputGroup.Addon>
-        <InputGroup.Input type="text" value={value.key} disabled />
+        <InputGroup.Input
+          type="text"
+          value={value.key}
+          disabled
+          data-cy={`k8sAppCreate-${dataCyType}KeyInput_${configurationIndex}_${keyIndex}`}
+        />
       </InputGroup>
       <InputGroup size="small">
         <InputGroup.ButtonWrapper>

app/react/kubernetes/applications/components/ConfigurationsFormSection/SecretsFormSection.tsx

@@ -46,8 +46,7 @@ export function SecretsFormSection({
         onChange={onChange}
         errors={errors}
         isDeleteButtonHidden
-        deleteButtonDataCy="k8sAppCreate-secretRemoveButton"
-        addButtonDataCy="k8sAppCreate-secretAddButton"
+        data-cy="k8sAppCreate-secret"
         disabled={secrets.length === 0}
         addButtonError={
           secrets.length === 0