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

app/react/kubernetes/applications/DetailsView/AppYAMLEditor/ApplicationYAMLEditor.tsx

@@ -35,6 +35,7 @@ export function ApplicationYAMLEditor() {
               identifier="application-yaml"
               data={fullApplicationYaml}
               hideMessage
+              data-cy="application-yaml"
             />
           </WidgetBody>
         </Widget>

app/react/kubernetes/applications/DetailsView/ApplicationContainersDatatable/ApplicationContainersDatatable.tsx

@@ -60,6 +60,7 @@ export function ApplicationContainersDatatable() {
       titleIcon={Server}
       getRowId={(row) => row.podName} // use pod name because it's unique (name is not unique)
       disableSelect
+      data-cy="k8s-application-containers-datatable"
     />
   );
 }

app/react/kubernetes/applications/DetailsView/ApplicationContainersDatatable/columns/actions.tsx

@@ -18,6 +18,7 @@ export function getActions(isServerMetricsEnabled: boolean) {
             className="flex items-center gap-1"
             to="kubernetes.applications.application.stats"
             params={{ pod: container.podName, container: container.name }}
+            data-cy={`application-container-stats-${container.name}`}
           >
             <Icon icon={BarChart} />
             Stats
@@ -27,6 +28,7 @@ export function getActions(isServerMetricsEnabled: boolean) {
           className="flex items-center gap-1"
           to="kubernetes.applications.application.logs"
           params={{ pod: container.podName, container: container.name }}
+          data-cy={`application-container-logs-${container.name}`}
         >
           <Icon icon={FileText} />
           Logs
@@ -37,6 +39,7 @@ export function getActions(isServerMetricsEnabled: boolean) {
               className="flex items-center gap-1"
               to="kubernetes.applications.application.console"
               params={{ pod: container.podName, container: container.name }}
+              data-cy={`application-container-console-${container.name}`}
             >
               <Icon icon={Terminal} />
               Console

app/react/kubernetes/applications/DetailsView/ApplicationContainersDatatable/columns/node.tsx

@@ -14,7 +14,11 @@ export const node = columnHelper.accessor('nodeName', {
         childrenUnauthorized={nodeName}
         adminOnlyCE
       >
-        <Link to="kubernetes.cluster.node" params={{ nodeName }}>
+        <Link
+          to="kubernetes.cluster.node"
+          params={{ nodeName }}
+          data-cy={`application-container-node-${nodeName}`}
+        >
           <div className="max-w-xs truncate" title={nodeName}>
             {nodeName}
           </div>

app/react/kubernetes/applications/DetailsView/ApplicationDetailsWidget/ApplicationDetailsWidget.tsx

@@ -67,7 +67,10 @@ export function ApplicationDetailsWidget() {
             {!isSystemNamespace && (
               <div className="mb-4 flex flex-wrap gap-2">
                 <Authorized authorizations="K8sApplicationDetailsW">
-                  <Link to="kubernetes.applications.application.edit">
+                  <Link
+                    to="kubernetes.applications.application.edit"
+                    data-cy="k8sAppDetail-editAppLink"
+                  >
                     <Button
                       type="button"
                       color="light"

app/react/kubernetes/applications/DetailsView/ApplicationDetailsWidget/ApplicationEnvVarsTable.tsx

@@ -98,6 +98,7 @@ export function ApplicationEnvVarsTable({ namespace, app }: Props) {
                           namespace,
                         }}
                         className="flex items-center"
+                        data-cy={`configmap-link-${envVar.resourseName}`}
                       >
                         <Icon
                           icon={envVar.type === 'configMap' ? FileCode : Lock}

app/react/kubernetes/applications/DetailsView/ApplicationDetailsWidget/ApplicationIngressesTable.tsx

@@ -48,6 +48,7 @@ export function ApplicationIngressesTable({
                 <Link
                   to="kubernetes.ingresses.edit"
                   params={{ name: ingressPath.ingressName, namespace }}
+                  data-cy={`ingress-link-${ingressPath.ingressName}`}
                 >
                   {ingressPath.ingressName}
                 </Link>

app/react/kubernetes/applications/DetailsView/ApplicationDetailsWidget/ApplicationPersistentDataTable.tsx

@@ -109,6 +109,7 @@ export function ApplicationPersistentDataTable({
                             name: `${persistedFolder.volume.persistentVolumeClaim.claimName}-${persistedFolder.volumeMount?.pod?.metadata?.name}`,
                             namespace,
                           }}
+                          data-cy={`k8sAppDetail-volMountPath-${index}`}
                         >
                           <Icon icon={Database} className="!mr-1 shrink-0" />
                           {`${persistedFolder.volume.persistentVolumeClaim.claimName}-${persistedFolder.volumeMount?.pod?.metadata?.name}`}
@@ -146,6 +147,7 @@ export function ApplicationPersistentDataTable({
                               .claimName,
                             namespace,
                           }}
+                          data-cy={`k8sAppDetail-volMountPath-${index}`}
                         >
                           <Icon icon={Database} className="!mr-1 shrink-0" />
                           {

app/react/kubernetes/applications/DetailsView/ApplicationDetailsWidget/ApplicationVolumeConfigsTable.tsx

@@ -81,6 +81,7 @@ export function ApplicationVolumeConfigsTable({ namespace, app }: Props) {
                     className="flex items-center"
                     to="kubernetes.secrets.secret"
                     params={{ name: volumeConfigName, namespace }}
+                    data-cy={`secret-link-${volumeConfigName}`}
                   >
                     <Icon icon={Plus} className="!mr-1" />
                     {volumeConfigName}
@@ -90,6 +91,7 @@ export function ApplicationVolumeConfigsTable({ namespace, app }: Props) {
                     className="flex items-center"
                     to="kubernetes.configmaps.configmap"
                     params={{ name: volumeConfigName, namespace }}
+                    data-cy={`config-link-${volumeConfigName}`}
                   >
                     <Icon icon={Plus} className="!mr-1" />
                     {volumeConfigName}

app/react/kubernetes/applications/DetailsView/ApplicationSummaryWidget.tsx

@@ -100,7 +100,7 @@ export function ApplicationSummaryWidget() {
               <>
                 {failedCreateCondition && (
                   <div
-                    className="flex gap-1 items-start alert alert-danger mb-2"
+                    className="alert alert-danger mb-2 flex items-start gap-1"
                     data-cy="k8sAppDetail-failedCreateMessage"
                   >
                     <div className="mt-0.5">
@@ -118,7 +118,7 @@ export function ApplicationSummaryWidget() {
                     </div>
                   </div>
                 )}
-                <DetailsTable>
+                <DetailsTable dataCy="k8sAppDetail-table">
                   <tr>
                     <td>Name</td>
                     <td>
@@ -153,6 +153,7 @@ export function ApplicationSummaryWidget() {
                       >
                         <Link
                           to="kubernetes.resourcePools.resourcePool"
+                          data-cy="k8sAppDetail-namespaceLink"
                           params={{ id: namespace }}
                         >
                           {namespace}

app/react/kubernetes/applications/DetailsView/PlacementsDatatable/PlacementsDatatable.tsx

@@ -68,6 +68,7 @@ export function PlacementsDatatable({
       renderSubRow={(row) => (
         <SubRow node={row.original} cellCount={row.getVisibleCells().length} />
       )}
+      data-cy="kubernetes-application-placements-datatable"
     />
   );
 }