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

app/react/docker/images/ItemView/DockerfileDetails.tsx

@@ -22,7 +22,7 @@ export function DockerfileDetails({ image }: Props) {
   return (
     <TableContainer>
       <TableTitle label="Dockerfile details" icon={List} />
-      <DetailsTable>
+      <DetailsTable dataCy="dockerfile-details-table">
         <DetailsTable.Row label="CMD">
           <code>{image.Command ? joinCommand(image.Command) : '-'}</code>
         </DetailsTable.Row>

app/react/docker/images/ItemView/RegistrySelectPrompt.tsx

@@ -26,13 +26,22 @@ function RegistrySelectPrompt({ onSubmit, defaultValue, registries }: Props) {
           onChange={setRegistryId}
           value={registryId}
           options={options}
+          data-cy="registry-select-selector"
         />
       </Modal.Body>
       <Modal.Footer>
-        <Button onClick={() => onSubmit()} color="default">
+        <Button
+          onClick={() => onSubmit()}
+          color="default"
+          data-cy="registry-select-cancel-button"
+        >
           Cancel
         </Button>
-        <Button onClick={() => onSubmit(registryId)} color="primary">
+        <Button
+          onClick={() => onSubmit(registryId)}
+          color="primary"
+          data-cy="registry-select-update-button"
+        >
           Update
         </Button>
       </Modal.Footer>

app/react/docker/images/ListView/ImagesDatatable/ImagesDatatable.tsx

@@ -64,6 +64,7 @@ export function ImagesDatatable({
     <Datatable
       title="Images"
       titleIcon={List}
+      data-cy="docker-images-datatable"
       renderTableActions={(selectedItems) => (
         <div className="flex items-center gap-2">
           <RemoveButtonMenu selectedItems={selectedItems} onRemove={onRemove} />
@@ -130,6 +131,7 @@ function RemoveButtonMenu({
             color="dangerlight"
             disabled={selectedItems.length === 0}
             icon={ChevronDown}
+            data-cy="image-toggleRemoveButtonMenu"
           >
             <span className="sr-only">Toggle Dropdown</span>
           </MenuButton>
@@ -169,7 +171,10 @@ function ImportExportButtons({
           data-cy="image-importImageButton"
           icon={Upload}
           disabled={isExportInProgress}
-          props={{ to: 'docker.images.import' }}
+          props={{
+            to: 'docker.images.import',
+            'data-cy': 'image-importImageLink',
+          }}
         >
           Import
         </Button>