fix(tool_tip): use mount and focus trigger directly

to account for the differences between React versions
elastic · Nov 28, 2024 · 6dc6d35 · 6dc6d35
1 parent 56ad6ed
commit 6dc6d35
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/packages/eui/src/components/tool_tip/tool_tip.spec.tsx b/packages/eui/src/components/tool_tip/tool_tip.spec.tsx
@@ -73,7 +73,7 @@ describe('EuiToolTip', () => {
 
   describe('Escape key', () => {
     it('hides the tooltip when rendered by itself', () => {
-      cy.realMount(
+      cy.mount(
         <EuiToolTip content="Tooltip text here" data-test-subj="tooltip">
           <EuiButton data-test-subj="toggleToolTip">Show tooltip</EuiButton>
         </EuiToolTip>
@@ -100,7 +100,7 @@ describe('EuiToolTip', () => {
         ) : null;
       };
 
-      cy.realMount(
+      cy.mount(
         <Flyout>
           <EuiToolTip content="Tooltip text here" data-test-subj="tool_tip">
             <EuiButton data-test-subj="tool_tip_trigger">
@@ -111,7 +111,7 @@ describe('EuiToolTip', () => {
       );
       cy.get('[data-test-subj="tool_tip"]').should('not.exist');
 
-      cy.repeatRealPress('Tab', 2);
+      cy.get('[data-test-subj="tool_tip_trigger"]').focus();
       cy.get('[data-test-subj="tool_tip"]').should('exist');
 
       cy.realPress('Escape');
@@ -137,7 +137,7 @@ describe('EuiToolTip', () => {
         ) : null;
       };
 
-      cy.realMount(
+      cy.mount(
         <Modal>
           <EuiToolTip content="Tooltip text here" data-test-subj="tool_tip">
             <EuiButton data-test-subj="tool_tip_trigger">
@@ -148,7 +148,7 @@ describe('EuiToolTip', () => {
       );
       cy.get('[data-test-subj="tool_tip"]').should('not.exist');
 
-      cy.repeatRealPress('Tab', 2);
+      cy.get('[data-test-subj="tool_tip_trigger"]').focus();
       cy.get('[data-test-subj="tool_tip"]').should('exist');
 
       cy.realPress('Escape');
@@ -188,7 +188,7 @@ describe('EuiToolTip', () => {
         );
       };
 
-      cy.realMount(
+      cy.mount(
         <Popover>
           <EuiToolTip content="Tooltip text here" data-test-subj="tool_tip">
             <EuiButton data-test-subj="tool_tip_trigger">
@@ -199,7 +199,7 @@ describe('EuiToolTip', () => {
       );
       cy.get('[data-test-subj="tool_tip"]').should('not.exist');
 
-      cy.realPress('Tab');
+      cy.get('[data-test-subj="tool_tip_trigger"]').focus();
       cy.get('[data-test-subj="tool_tip"]').should('exist');
 
       cy.realPress('Escape');