test: update snapshot tests to wait for popper opacity transition

Update Jest snapshot tests to wait for popper elements to complete
their opacity transition after the double requestAnimationFrame fix.
This ensures snapshots are taken after poppers are fully visible
(opacity: 1) rather than during the transition phase (opacity: 0).

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

Author: fallmo

packages/react-core/src/components/DatePicker/__tests__/DatePicker.test.tsx

@@ -1,4 +1,4 @@
-import { screen, render } from '@testing-library/react';
+import { screen, render, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 
 import { HelperText, HelperTextItem } from '../../HelperText';
@@ -93,6 +93,11 @@ test('With popover opened', async () => {
 
   await user.click(screen.getByRole('button', { name: 'Toggle date picker' }));
   await screen.findByRole('button', { name: 'Previous month' });
+  // Wait for popper opacity transition after requestAnimationFrame
+  await waitFor(() => {
+    const popover = screen.getByRole('dialog');
+    expect(popover).toHaveStyle({ opacity: '1' });
+  });
 
   expect(asFragment()).toMatchSnapshot();
 });

packages/react-core/src/components/Nav/__tests__/Nav.test.tsx

@@ -1,5 +1,5 @@
 import { StrictMode } from 'react';
-import { render, screen } from '@testing-library/react';
+import { render, screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 
@@ -242,6 +242,11 @@ describe('Nav', () => {
     );
 
     await user.hover(screen.getByText('My custom node'));
+    // Wait for popper opacity transition after requestAnimationFrame
+    await waitFor(() => {
+      const flyout = screen.getByText('Flyout test').parentElement;
+      expect(flyout).toHaveStyle({ opacity: '1' });
+    });
     expect(asFragment()).toMatchSnapshot();
   });
 

packages/react-core/src/components/SearchInput/__tests__/SearchInput.test.tsx

@@ -1,5 +1,5 @@
 import { StrictMode } from 'react';
-import { render, screen } from '@testing-library/react';
+import { render, screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 
 import { SearchInput } from '../SearchInput';
@@ -151,6 +151,11 @@ describe('SearchInput', () => {
     expect(screen.getByTestId('test-id')).toContainElement(screen.getByText('First name'));
 
     expect(props.onSearch).toHaveBeenCalled();
+    // Wait for popper opacity transition after requestAnimationFrame
+    await waitFor(() => {
+      const panel = screen.getByText('First name').closest('.pf-v6-c-panel');
+      expect(panel?.parentElement).toHaveStyle({ opacity: '1' });
+    });
     expect(asFragment()).toMatchSnapshot();
   });