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

app/react/docker/services/ListView/ServicesDatatable/ServicesDatatable.tsx

@@ -108,6 +108,7 @@ export function ServicesDatatable({
         }),
         withGlobalFilter(filter)
       )}
+      data-cy="services-datatable"
     />
   );
 }

app/react/docker/services/ListView/ServicesDatatable/TableActions.tsx

@@ -56,7 +56,7 @@ export function TableActions({
 
       {isAddActionVisible && (
         <Authorized authorizations="DockerServiceCreate">
-          <AddButton>Add service</AddButton>
+          <AddButton data-cy="docker-add-service-button">Add service</AddButton>
         </Authorized>
       )}
     </div>

app/react/docker/services/ListView/ServicesDatatable/TasksDatatable/TasksDatatable.tsx

@@ -25,6 +25,7 @@ export function TasksDatatable({
       search={search}
       emptyContentLabel="No task matching filter."
       aria-label="Tasks table"
+      data-cy="docker-service-tasks-nested-datatable"
     />
   );
 }

app/react/docker/services/ListView/ServicesDatatable/TasksDatatable/task-column.tsx

@@ -30,6 +30,7 @@ function Cell({
       to="docker.containers.container"
       params={{ id: item.Container.Id, nodeName: item.Container.NodeName }}
       className="monospaced"
+      data-cy="docker-task-container-link"
     >
       {value}
     </Link>
@@ -38,6 +39,7 @@ function Cell({
       to="docker.tasks.task"
       params={{ id: item.Id }}
       className="monospaced"
+      data-cy="docker-task-link"
     >
       {value}
     </Link>

app/react/docker/services/ListView/ServicesDatatable/columns/index.ts

@@ -18,7 +18,11 @@ export function useColumns(isStackColumnVisible?: boolean) {
     () =>
       _.compact([
         buildExpandColumn<ServiceViewModel>(),
-        buildNameColumn<ServiceViewModel>('Name', 'docker.services.service'),
+        buildNameColumn<ServiceViewModel>(
+          'Name',
+          'docker.services.service',
+          'docker-services-name'
+        ),
         isStackColumnVisible &&
           columnHelper.accessor((item) => item.StackName || '-', {
             header: 'Stack',

app/react/docker/services/ListView/ServicesDatatable/columns/schedulingMode/ScaleForm.tsx

@@ -45,9 +45,15 @@ export function ScaleForm({
             // eslint-disable-next-line jsx-a11y/no-autofocus
             autoFocus
           />
-          <Button color="none" icon={X} onClick={() => onClose()} />
+          <Button
+            color="none"
+            icon={X}
+            onClick={() => onClose()}
+            data-cy={`scale-service-cancel-button-${service.Name}`}
+          />
           <LoadingButton
             isLoading={mutation.isLoading}
+            data-cy={`scale-service-submit-button-${service.Name}`}
             disabled={
               values.replicas === service.Replicas ||
               values.replicas < 0 ||

app/react/docker/services/ListView/ServicesDatatable/columns/schedulingMode/ScaleServiceButton.tsx

@@ -14,7 +14,12 @@ export function ScaleServiceButton({ service }: { service: ServiceViewModel }) {
   if (!isEdit) {
     return (
       <Authorized authorizations="DockerServiceUpdate">
-        <Button color="none" icon={Minimize2} onClick={() => setIsEdit(true)}>
+        <Button
+          color="none"
+          icon={Minimize2}
+          onClick={() => setIsEdit(true)}
+          data-cy="scale-service-button"
+        >
           Scale
         </Button>
       </Authorized>