Fix/update cypress command delete user from org (#4930)

* added the isOpen and onClose pros to context menu component

* added a warning shown before letting a user leave org

* added confirmation modal for removing members from table

* Added warning modal to be showing on member deletion

* updated cypress tests

* fixed typo

* removed log

* updated deleteUserFromOrg cypress command

app/client/cypress/locators/HomePage.json

@@ -63,6 +63,8 @@
     "orgImportAppOption": "[data-cy=t--org-import-app]",
     "orgImportAppModal": ".t--import-application-modal",
     "orgImportAppButton": "[data-cy=t--org-import-app-button]",
+    "leaveOrgConfirmModal": ".t--member-delete-confirmation-modal",
+    "leaveOrgConfirmButton": "[data-cy=t--org-leave-button]",
     "orgNameInput": "[data-cy=t--org-name-input]",
     "renameOrgInput": "[data-cy=t--org-rename-input]",
     "orgEmailInput": "[data-cy=t--org-email-input]",

app/client/cypress/support/commands.js

@@ -170,6 +170,8 @@ Cypress.Commands.add("deleteUserFromOrg", (orgName, email) => {
   cy.get(homePage.DeleteBtn)
     .last()
     .click({ force: true });
+  cy.get(homePage.leaveOrgConfirmModal).should("be.visible");
+  cy.get(homePage.leaveOrgConfirmButton).click({ force: true });
   cy.xpath(homePage.appHome)
     .first()
     .should("be.visible")

app/client/src/pages/organization/DeleteConfirmationModal.tsx

@@ -72,7 +72,7 @@ function DeleteConfirmationModal(props: DeleteConfirmationProps) {
           />
           <ImportButton
             className=".button-item"
-            cypressSelector={"t--org-import-app-button"}
+            cypressSelector={"t--org-leave-button"}
             isLoading={isDeletingUser}
             onClick={onConfirm}
             size={Size.large}