test(integration): update popper visibility checks to wait for opacity transition

Update Cypress integration tests to check for opacity: '1' instead of
.should('be.visible') to properly handle the requestAnimationFrame
delay in the Popper component.

Signed-off-by: Mohamed Fall <ps.hackmaster@gmail.com>

Author: fallmo

packages/react-integration/cypress/integration/button.spec.ts

@@ -9,7 +9,7 @@ describe('Button Demo Test', () => {
         .focus()
         .should('have.attr', 'aria-describedby', 'button-with-tooltip-1');
     });
-    cy.get('.pf-v6-c-tooltip').should('be.visible');
+    cy.get('.pf-v6-c-tooltip').should('have.css', 'opacity', '1');
   });
 
   it('Verify isAriaDisabled button has tooltip when hovered', () => {
@@ -18,7 +18,7 @@ describe('Button Demo Test', () => {
         .trigger('mouseover')
         .should('have.attr', 'aria-describedby', 'button-with-tooltip-1');
     });
-    cy.get('.pf-v6-c-tooltip').should('be.visible');
+    cy.get('.pf-v6-c-tooltip').should('have.css', 'opacity', '1');
   });
 
   it('Verify isAriaDisabled button prevents default actions', () => {

packages/react-integration/cypress/integration/overflowmenu.spec.ts

@@ -32,7 +32,7 @@ describe('OverflowMenu Demo Test', () => {
       it('Verify dropdown menu expanded', () => {
         cy.get('#simple-overflow-menu button').last().click({ force: true });
         cy.get('#simple-overflow-menu .pf-v6-c-menu-toggle').should('have.class', 'pf-m-expanded');
-        cy.get('.simple-overflow-menu.pf-v6-c-menu').should('be.visible');
+        cy.get('.simple-overflow-menu.pf-v6-c-menu').should('have.css', 'opacity', '1');
         // close overflow menu again
         cy.get('#simple-overflow-menu button').last().click({ force: true });
       });
@@ -107,7 +107,7 @@ describe('OverflowMenu Demo Test', () => {
       it('Verify dropdown menu expanded', () => {
         cy.get('#persist-overflow-menu button').last().click({ force: true });
         cy.get('#persist-overflow-menu .pf-v6-c-menu-toggle').should('have.class', 'pf-m-expanded');
-        cy.get('.persist-overflow-menu.pf-v6-c-menu').should('be.visible');
+        cy.get('.persist-overflow-menu.pf-v6-c-menu').should('have.css', 'opacity', '1');
       });
     });
   });
@@ -142,7 +142,7 @@ describe('OverflowMenu Demo Test', () => {
       it('Verify dropdown menu expanded', () => {
         cy.get('#container-breakpoint-overflow-menu button').last().click({ force: true });
         cy.get('#container-breakpoint-overflow-menu .pf-v6-c-menu-toggle').should('have.class', 'pf-m-expanded');
-        cy.get('.container-breakpoint-overflow-menu.pf-v6-c-menu').should('be.visible');
+        cy.get('.container-breakpoint-overflow-menu.pf-v6-c-menu').should('have.css', 'opacity', '1');
         // close overflow menu again
         cy.get('#container-breakpoint-overflow-menu button').last().click({ force: true });
       });

packages/react-integration/cypress/integration/tabsdisable.spec.ts

@@ -40,6 +40,6 @@ describe('Disabled Tab Demo Test', () => {
 
   it('Verify aria-disabled with tooltip', () => {
     cy.get(withTooltip.button).trigger('mouseover');
-    cy.get('.pf-v6-c-tooltip').should('be.visible');
+    cy.get('.pf-v6-c-tooltip').should('have.css', 'opacity', '1');
   });
 });