fix cypress - use "type to confirm"

uselagoon · Jul 4, 2024 · 4a2f4f8 · 4a2f4f8
1 parent 5be55aa
commit 4a2f4f8
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/cypress/support/actions/organizations/ProjectsActions.ts b/cypress/support/actions/organizations/ProjectsActions.ts
@@ -44,7 +44,13 @@ export default class ProjectsActions {
     });
   }
   doDeleteProject(projectName: string) {
-    projects.getDeleteBtn().eq(1).click();
+    projects.getDeleteBtn().first().click();
+
+    cy.get('.highlight')
+      .invoke('text')
+      .then(highlightText => {
+        projects.getDeleteConfirmInput().focus().type(highlightText);
+      });
 
     projects.getDeleteConfirm().click();
 

diff --git a/cypress/support/repositories/organizations/ProjectsRepository.ts b/cypress/support/repositories/organizations/ProjectsRepository.ts
@@ -24,7 +24,10 @@ export default class ProjectsRepository {
     return cy.getBySel('table-row');
   }
   getDeleteBtn() {
-    return cy.get("[aria-label='delete']");
+    return cy.getBySel('deleteProject');
+  }
+  getDeleteConfirmInput() {
+    return cy.getBySel('deleteProjectConfirm');
   }
   getDeleteConfirm() {
     return cy.getBySel('deleteConfirm');

diff --git a/src/components/Organizations/Projects/index.js b/src/components/Organizations/Projects/index.js
@@ -102,6 +102,7 @@ const OrgProjects = ({ projects = [], organizationId, organizationName, refresh,
               <Tooltip overlayClassName="orgTooltip" title="Delete" placement="bottom">
                 <DeleteOutlined
                   className="delete"
+                  data-cy="deleteProject"
                   onClick={() => {
                     setModalState({ open: true, current: project.name });
                   }}
@@ -122,6 +123,7 @@ const OrgProjects = ({ projects = [], organizationId, organizationName, refresh,
 
                 <RemoveModalConfirmInput
                   type="text"
+                  data-cy="deleteProjectConfirm"
                   onChange={e => {
                     setModalState({ ...modalState, confirmValue: e.target.value });
                   }}