fixed cypress test

aliraza556 · May 24, 2024 · 2a0a729 · 2a0a729
1 parent 501b5be
commit 2a0a729
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/cypress/e2e/59_updateWorkspaceFeaturePhase.cy.ts b/cypress/e2e/59_updateWorkspaceFeaturePhase.cy.ts
@@ -3,7 +3,7 @@ describe('Workspace Phasing Feature Tests', () => {
     cy.login('alice');
     cy.wait(1000);
 
-    const workspaceName = 'Dark Mode';
+    const workspaceName = 'Dark Mode 500';
 
     const workspace = {
       loggedInAs: 'alice',
@@ -53,9 +53,9 @@ describe('Workspace Phasing Feature Tests', () => {
     cy.contains(newPhase).should('exist');
     cy.wait(1000);
 
-    cy.get('.MaterialIcon').click();
+    cy.get('[data-testid="phase-option-btn"]').click();
     cy.wait(500);
-    cy.contains('Edit').click();
+    cy.get('[data-testid="phase-edit-btn"]').click();
     cy.wait(1000);
 
     const editedPhase = 'Super Admin';
@@ -68,11 +68,11 @@ describe('Workspace Phasing Feature Tests', () => {
 
     cy.get('[data-testid="phase-option-btn"]').click();
     cy.wait(500);
-    cy.contains('Edit').click();
+    cy.get('[data-testid="phase-edit-btn"]').click();
     cy.wait(1000);
     cy.contains('Delete').click();
     cy.wait(1000);
-    cy.contains('Delete').click();
+    cy.get('[data-testid="confirm-delete-phase"]').click();
     cy.wait(1000);
 
     cy.contains(editedPhase).should('not.exist');

diff --git a/src/people/widgetViews/workspace/WorkspacePhase.tsx b/src/people/widgetViews/workspace/WorkspacePhase.tsx
@@ -39,7 +39,7 @@ const PhaseOptions = (props: PhaseOptionProps) => {
       {showOptions && (
         <WorkspaceOption>
           <ul>
-            <li data-testid={`$phase-edit-btn`} onClick={close}>
+            <li data-testid={`phase-edit-btn`} onClick={close}>
               Edit
             </li>
           </ul>

diff --git a/src/people/widgetViews/workspace/WorkspacePhasingModals.tsx b/src/people/widgetViews/workspace/WorkspacePhasingModals.tsx
@@ -130,7 +130,9 @@ export const DeletePhaseModal = (props: ModalProps) => {
       </CenteredText>
       <ModalContainer>
         <CancelButton onClick={onClose}>Cancel</CancelButton>
-        <DeleteButton onClick={onConfirmDelete}>Delete</DeleteButton>
+        <DeleteButton data-testid="confirm-delete-phase" onClick={onConfirmDelete}>
+          Delete
+        </DeleteButton>
       </ModalContainer>
     </ModalWrapper>
   );