test: open modal from within tooltip

Author: mnaqvi08

cypress/e2e/cloud/org-list.test.ts

@@ -58,19 +58,18 @@ describe('Account / Organizations Tab', () => {
     cy.get('.account--organizations-tab-suspended-orgs-card')
       .should('have.length', 1)
       .and('be.visible')
-      .within(() => {
-        cy.getByTestID('question-mark-tooltip').click()
-        cy.contains('Deletion in progress')
-      })
+      .contains('Deletion in progress')
 
-    cy.getByTestID('question-mark-tooltip--tooltip--dialog').contains(
-      'Organizations can be reactivated within 7 days of deletion.'
-    )
+    cy.getByTestID('question-mark-tooltip').click()
 
     cy.getByTestID('question-mark-tooltip--tooltip--dialog').within(() => {
-      cy.get('button').contains('contact support').should('exist')
+      cy.get('button').contains('contact support').trigger('click')
     })
 
+    cy.getByTestID('contact-support-overlay-header').should('exist')
+
+    cy.contains('button', 'Cancel').click()
+
     cy.getByTestID('pagination-item')
       .should('have.length', 2)
       .contains('2')

src/identity/components/OrganizationListTab/OrganizationCard.tsx

@@ -98,6 +98,7 @@ export const OrganizationCard: FC<OrgCardProps> = ({
               <QuestionMarkTooltip
                 diameter={15}
                 tooltipContents={tooltipContent}
+                testID="question-mark-tooltip"
               />
             </>
           )}