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

app/react/kubernetes/applications/CreateView/UpdateIngressPrompt.tsx

@@ -35,13 +35,18 @@ function UpdateIngressPrompt({
 
         <SwitchField
           name="noMatch"
+          data-cy="kube-update-ingress-prompt-switch"
           label={inputLabel}
           checked={value}
           onChange={setValue}
         />
       </Modal.Body>
       <Modal.Footer>
-        <Button onClick={() => onSubmit({ noMatch: value })} color="primary">
+        <Button
+          onClick={() => onSubmit({ noMatch: value })}
+          color="primary"
+          data-cy="update-ingress-confirm-button"
+        >
           Update
         </Button>
       </Modal.Footer>

app/react/kubernetes/applications/CreateView/application-services/cluster-ip/ClusterIpServiceForm.tsx

@@ -50,6 +50,7 @@ export function ClusterIpServiceForm({
           <div className="text-muted vertical-center">ClusterIP</div>
           <Button
             icon={Trash2}
+            data-cy={`remove-service_${serviceIndex}`}
             color="dangerlight"
             className="!ml-0"
             onClick={() => {
@@ -174,6 +175,7 @@ export function ClusterIpServiceForm({
           <div className="flex">
             <Button
               icon={Plus}
+              data-cy={`add-port_${serviceIndex}`}
               color="default"
               className="!ml-0"
               onClick={() => {

app/react/kubernetes/applications/CreateView/application-services/components/ServiceTabs.tsx

@@ -27,6 +27,7 @@ export function ServiceTabs({
         >
           <input
             type="radio"
+            data-cy="service-type-radio"
             name="widget-tabs"
             className="hidden"
             value={serviceTypeOptions[index].value}

app/react/kubernetes/applications/CreateView/application-services/ingress/AppIngressPathForm.tsx

@@ -121,12 +121,14 @@ export function AppIngressPathForm({
               };
               onChangeIngressPath(newIngressPath);
             }}
+            data-cy="k8sAppCreate-ingressPathHostSelect"
           />
           <InputGroup.ButtonWrapper>
             <Button
               icon={RefreshCw}
               color="default"
               onClick={() => ingressesQuery.refetch()}
+              data-cy="k8sAppCreate-ingressPathHostRefreshButton"
             />
           </InputGroup.ButtonWrapper>
         </InputGroup>
@@ -138,6 +140,7 @@ export function AppIngressPathForm({
               to="kubernetes.ingresses.create"
               target="_blank"
               rel="noopener noreferrer"
+              data-cy="k8sAppCreate-ingressPathCreateIngressLink"
             >
               create an ingress
             </Link>
@@ -153,6 +156,7 @@ export function AppIngressPathForm({
           <InputGroup.Addon required>Path</InputGroup.Addon>
           <InputGroup.Input
             value={ingressPath?.Path ?? ''}
+            data-cy={`k8sAppCreate-ingressPathPathInput-${ingressPath?.Host}`}
             placeholder="/example"
             onChange={(e) => {
               const newIngressPath = {
@@ -174,6 +178,7 @@ export function AppIngressPathForm({
           size="medium"
           className="!ml-0"
           onClick={() => onRemoveIngressPath()}
+          data-cy="k8sAppCreate-removeIngressPathButton"
         />
       </div>
     </div>

app/react/kubernetes/applications/CreateView/application-services/ingress/AppIngressPathsForm.tsx

@@ -115,6 +115,7 @@ export function AppIngressPathsForm({
               to="kubernetes.ingresses"
               target="_blank"
               rel="noopener noreferrer"
+              data-cy="applicationCreate-ingressesLink"
             >
               Ingresses screen
             </Link>{' '}
@@ -153,6 +154,7 @@ export function AppIngressPathsForm({
         <div className="flex w-full flex-wrap gap-2">
           <Button
             icon={Plus}
+            data-cy={`applicationCreate-addIngressPath-${serviceIndex}-${portIndex}`}
             className="!ml-0"
             size="small"
             color="default"

app/react/kubernetes/applications/CreateView/application-services/load-balancer/LoadBalancerServiceForm.tsx

@@ -55,6 +55,7 @@ export function LoadBalancerServiceForm({
           <div className="text-muted vertical-center">LoadBalancer</div>
           <Button
             icon={Trash2}
+            data-cy={`remove-service-${serviceIndex}`}
             color="dangerlight"
             className="!ml-0"
             onClick={() => {
@@ -213,6 +214,7 @@ export function LoadBalancerServiceForm({
           <div className="flex">
             <Button
               icon={Plus}
+              data-cy={`k8sAppCreate-addPortButton_${serviceIndex}`}
               color="default"
               className="!ml-0"
               onClick={() => {

app/react/kubernetes/applications/CreateView/application-services/load-balancer/LoadBalancerServicesForm.tsx

@@ -76,6 +76,7 @@ export function LoadBalancerServicesForm({
                     to="kubernetes.cluster.setup"
                     target="_blank"
                     rel="noopener noreferrer"
+                    data-cy="k8sAppCreate-clusterSetupLink"
                   >
                     Cluster Setup
                   </Link>{' '}
@@ -88,6 +89,7 @@ export function LoadBalancerServicesForm({
             <div className="flex">
               <Button
                 icon={RefreshCw}
+                data-cy="k8sAppCreate-refreshLoadBalancerButton"
                 color="default"
                 className="!ml-0"
                 onClick={() => loadBalancerEnabledQuery.refetch()}

app/react/kubernetes/applications/CreateView/application-services/node-port/NodePortServiceForm.tsx

@@ -56,6 +56,7 @@ export function NodePortServiceForm({
           <div className="text-muted vertical-center">NodePort</div>
           <Button
             icon={Trash2}
+            data-cy={`remove-service-${serviceIndex}`}
             color="dangerlight"
             className="!ml-0"
             onClick={() => {
@@ -214,6 +215,7 @@ export function NodePortServiceForm({
           <div className="flex">
             <Button
               icon={Plus}
+              data-cy={`k8sAppCreate-addNodePortButton_${serviceIndex}`}
               color="default"
               className="!ml-0"
               onClick={() => {