fix(tests): resolve FailedOcrPage frontend unit test, part 2

frontend/src/pages/__tests__/FailedOcrPage.test.tsx

@@ -1,5 +1,5 @@
 import { describe, test, expect, vi, beforeEach } from 'vitest';
-import { render, screen } from '@testing-library/react';
+import { render, screen, waitFor } from '@testing-library/react';
 import { BrowserRouter } from 'react-router-dom';
 import FailedOcrPage from '../FailedOcrPage';
 
@@ -46,37 +46,43 @@ describe('FailedOcrPage', () => {
     expect(document.body).toBeInTheDocument();
   });
 
-  test('renders page title', () => {
+  test('renders page title', async () => {
     render(
       <FailedOcrPageWrapper>
         <FailedOcrPage />
       </FailedOcrPageWrapper>
     );
 
-    // Check for page title
+    // Wait for the page to load and show the title
-    expect(screen.getByText('Failed OCR & Duplicates')).toBeInTheDocument();
+    await waitFor(() => {
+      expect(screen.getByText('Failed OCR & Duplicates')).toBeInTheDocument();
+    });
   });
 
-  test('renders refresh button', () => {
+  test('renders refresh button', async () => {
     render(
       <FailedOcrPageWrapper>
         <FailedOcrPage />
       </FailedOcrPageWrapper>
     );
 
-    expect(screen.getByText('Refresh')).toBeInTheDocument();
+    await waitFor(() => {
+      expect(screen.getByText('Refresh')).toBeInTheDocument();
+    });
   });
 
-  test('renders tabs structure', () => {
+  test('renders tabs structure', async () => {
     render(
       <FailedOcrPageWrapper>
         <FailedOcrPage />
       </FailedOcrPageWrapper>
     );
 
-    // Check for tab structure
+    // Wait for tabs to appear
-    const tabs = screen.getByRole('tablist');
+    await waitFor(() => {
-    expect(tabs).toBeInTheDocument();
+      const tabs = screen.getByRole('tablist');
+      expect(tabs).toBeInTheDocument();
+    });
   });
 
   // DISABLED - Complex async behavior tests that require more sophisticated mocking