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

app/react/edge/edge-jobs/ItemView/ResultsDatatable/ResultsDatatable.tsx

@@ -57,6 +57,7 @@ export function ResultsDatatable({
         downloadLogs: onDownloadLogs,
         clearLogs: onClearLogs,
       })}
+      data-cy="edge-job-results-datatable"
     />
   );
 

app/react/edge/edge-jobs/ItemView/ResultsDatatable/columns.tsx

@@ -41,10 +41,16 @@ function ActionsCell({
     case LogsStatus.Collected:
       return (
         <>
-          <Button onClick={() => tableMeta.downloadLogs(item.EndpointId)}>
+          <Button
+            onClick={() => tableMeta.downloadLogs(item.EndpointId)}
+            data-cy={`edge-job-download-logs-${item.Endpoint.Name}`}
+          >
             Download logs
           </Button>
-          <Button onClick={() => tableMeta.clearLogs(item.EndpointId)}>
+          <Button
+            onClick={() => tableMeta.clearLogs(item.EndpointId)}
+            data-cy={`edge-job-clear-logs-${item.Endpoint.Name}`}
+          >
             Clear logs
           </Button>
         </>
@@ -52,7 +58,10 @@ function ActionsCell({
     case LogsStatus.Idle:
     default:
       return (
-        <Button onClick={() => tableMeta.collectLogs(item.EndpointId)}>
+        <Button
+          onClick={() => tableMeta.collectLogs(item.EndpointId)}
+          data-cy={`edge-job-retrieve-logs-${item.Endpoint.Name}`}
+        >
           Retrieve logs
         </Button>
       );

app/react/edge/edge-jobs/ListView/EdgeJobsDatatable.tsx

@@ -29,6 +29,7 @@ export function EdgeJobsDatatable() {
       renderTableActions={(selectedItems) => (
         <TableActions selectedItems={selectedItems} />
       )}
+      data-cy="edge-jobs-datatable"
     />
   );
 }

app/react/edge/edge-jobs/ListView/TableActions.tsx

@@ -20,9 +20,10 @@ export function TableActions({
         confirmMessage="Do you want to remove the selected Edge Job(s)?"
         disabled={selectedItems.length === 0}
         onConfirmed={() => handleRemove(selectedItems)}
+        data-cy="remove-edge-jobs-button"
       />
 
-      <AddButton>Add Edge job</AddButton>
+      <AddButton data-cy="add-edge-job-button">Add Edge job</AddButton>
     </div>
   );
 

app/react/edge/edge-jobs/ListView/columns.ts

@@ -9,7 +9,7 @@ import { EdgeJob } from '../types';
 const columnHelper = createColumnHelper<EdgeJob>();
 
 export const columns = [
-  buildNameColumn<EdgeJob>('Name', '.job'),
+  buildNameColumn<EdgeJob>('Name', '.job', 'edge-job-name'),
   columnHelper.accessor('CronExpression', {
     header: 'Cron Expression',
   }),