@jmruthers/pace-core 0.5.68 → 0.5.69

package/src/components/ErrorBoundary/ErrorBoundary.test.tsx

@@ -91,11 +91,7 @@ describe('ErrorBoundary Component', () => {
     });
   });
 
-  afterEach(() => {
-    vi.restoreAllMocks();
-  });
-
-  describe('Normal Rendering', () => {
+    describe('Normal Rendering', () => {
     it('renders children when no error occurs', () => {
       renderWithProviders(
         <ErrorBoundary>
@@ -145,7 +141,7 @@ describe('ErrorBoundary Component', () => {
       await waitFor(() => {
         expect(screen.getByText('Error in TestComponent')).toBeInTheDocument();
         expect(screen.getByText('Test error')).toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       consoleSpy.mockRestore();
     });
@@ -161,7 +157,7 @@ describe('ErrorBoundary Component', () => {
       
       await waitFor(() => {
         expect(screen.getByText('An unexpected error occurred.')).toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       consoleSpy.mockRestore();
     });
@@ -181,7 +177,7 @@ describe('ErrorBoundary Component', () => {
       await waitFor(() => {
         expect(screen.getByText('Custom error message')).toBeInTheDocument();
         expect(screen.queryByRole('alert')).not.toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       consoleSpy.mockRestore();
     });
@@ -199,7 +195,7 @@ describe('ErrorBoundary Component', () => {
         const errorElement = screen.getByText('Error in Component').closest('[data-error-boundary]');
         const firstErrorId = errorElement?.getAttribute('data-error-boundary');
         expect(firstErrorId).toBeTruthy();
-      });
+      }, { interval: 10 });
       
       // Trigger another error
       rerender(
@@ -212,7 +208,7 @@ describe('ErrorBoundary Component', () => {
         const errorElement = screen.getByText('Error in Component').closest('[data-error-boundary]');
         const secondErrorId = errorElement?.getAttribute('data-error-boundary');
         expect(secondErrorId).toBeTruthy();
-      });
+      }, { interval: 10 });
       
       consoleSpy.mockRestore();
     });
@@ -230,7 +226,7 @@ describe('ErrorBoundary Component', () => {
       
       await waitFor(() => {
         expect(screen.getByText('Retry (1/3)')).toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       consoleSpy.mockRestore();
     });
@@ -246,7 +242,7 @@ describe('ErrorBoundary Component', () => {
       
       await waitFor(() => {
         expect(screen.queryByText(/retry/i)).not.toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       consoleSpy.mockRestore();
     });
@@ -262,14 +258,14 @@ describe('ErrorBoundary Component', () => {
       
       await waitFor(() => {
         expect(screen.getByText('Retry (1/3)')).toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       const retryButton = screen.getByText('Retry (1/3)');
       fireEvent.click(retryButton);
       
       await waitFor(() => {
         expect(screen.getByText('Retry (2/3)')).toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       consoleSpy.mockRestore();
     });
@@ -286,14 +282,14 @@ describe('ErrorBoundary Component', () => {
       // Click retry twice to reach max retries
       await waitFor(() => {
         expect(screen.getByText('Retry (1/2)')).toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       const firstRetryButton = screen.getByText('Retry (1/2)');
       fireEvent.click(firstRetryButton);
       
       await waitFor(() => {
         expect(screen.getByText('Retry (2/2)')).toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       const secondRetryButton = screen.getByText('Retry (2/2)');
       fireEvent.click(secondRetryButton);
@@ -301,7 +297,7 @@ describe('ErrorBoundary Component', () => {
       await waitFor(() => {
         expect(screen.getByText('Maximum retry attempts reached. Please reload the page or contact support.')).toBeInTheDocument();
         expect(screen.queryByText(/Retry \(/)).not.toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       consoleSpy.mockRestore();
     });
@@ -318,7 +314,7 @@ describe('ErrorBoundary Component', () => {
       // Wait for error to be caught
       await waitFor(() => {
         expect(screen.getByText('Error in Component')).toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       // Click retry - this should reset the error state
       const retryButton = screen.getByText(/retry/i);
@@ -327,7 +323,7 @@ describe('ErrorBoundary Component', () => {
       // Should show retry count increased
       await waitFor(() => {
         expect(screen.getByText('Retry (2/3)')).toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       consoleSpy.mockRestore();
     });
@@ -351,7 +347,7 @@ describe('ErrorBoundary Component', () => {
           expect.any(Object), // errorInfo
           expect.any(String)  // errorId
         );
-      });
+      }, { interval: 10 });
       
       consoleSpy.mockRestore();
     });
@@ -396,7 +392,7 @@ describe('ErrorBoundary Component', () => {
           expect.any(Error),
           expect.any(Object)
         );
-      });
+      }, { interval: 10 });
       
       consoleSpy.mockRestore();
     });
@@ -416,7 +412,7 @@ describe('ErrorBoundary Component', () => {
         const errorElement = screen.getByText('Error in Component').closest('[role="alert"]');
         expect(errorElement).toBeInTheDocument();
         expect(errorElement).toHaveAttribute('role', 'alert');
-      });
+      }, { interval: 10 });
       
       consoleSpy.mockRestore();
     });
@@ -434,7 +430,7 @@ describe('ErrorBoundary Component', () => {
         const retryButton = screen.getByText(/retry/i);
         expect(retryButton).toBeInTheDocument();
         expect(retryButton.tagName).toBe('BUTTON');
-      });
+      }, { interval: 10 });
       
       consoleSpy.mockRestore();
     });
@@ -452,7 +448,7 @@ describe('ErrorBoundary Component', () => {
         const reloadButton = screen.getByText('Reload Page');
         expect(reloadButton).toBeInTheDocument();
         expect(reloadButton.tagName).toBe('BUTTON');
-      });
+      }, { interval: 10 });
       
       consoleSpy.mockRestore();
     });
@@ -470,7 +466,7 @@ describe('ErrorBoundary Component', () => {
         const heading = screen.getByText('Error in TestComponent');
         expect(heading).toBeInTheDocument();
         expect(heading.tagName).toBe('H3');
-      });
+      }, { interval: 10 });
       
       consoleSpy.mockRestore();
     });
@@ -492,7 +488,7 @@ describe('ErrorBoundary Component', () => {
       await waitFor(() => {
         expect(screen.getByText('Error Details (Development)')).toBeInTheDocument();
         expect(screen.getByText(/Error ID:/)).toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       vi.unstubAllEnvs();
       consoleSpy.mockRestore();
@@ -513,7 +509,7 @@ describe('ErrorBoundary Component', () => {
       await waitFor(() => {
         expect(screen.queryByText('Error Details (Development)')).not.toBeInTheDocument();
         expect(screen.queryByText(/Error ID:/)).not.toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       vi.unstubAllEnvs();
       consoleSpy.mockRestore();
@@ -532,7 +528,7 @@ describe('ErrorBoundary Component', () => {
       
       await waitFor(() => {
         expect(screen.getByText('Reload Page')).toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       fireEvent.click(screen.getByText('Reload Page'));
       
@@ -553,13 +549,13 @@ describe('ErrorBoundary Component', () => {
       // Click retry to reach max retries
       await waitFor(() => {
         expect(screen.getByText('Retry (1/1)')).toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       fireEvent.click(screen.getByText(/retry/i));
       
       await waitFor(() => {
         expect(screen.getByText(/Maximum retry attempts reached/)).toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       fireEvent.click(screen.getByText('Reload Page'));
       
@@ -581,7 +577,7 @@ describe('ErrorBoundary Component', () => {
       
       await waitFor(() => {
         expect(screen.getByText('Error in Component')).toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       // Re-render with same props
       rerender(
@@ -607,7 +603,7 @@ describe('ErrorBoundary Component', () => {
       
       await waitFor(() => {
         expect(screen.getByText('Error in Component')).toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       // Change to non-throwing component - error boundary should maintain error state
       rerender(
@@ -640,7 +636,7 @@ describe('ErrorBoundary Component', () => {
       
       await waitFor(() => {
         expect(screen.getByText('Error in Parent')).toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       consoleSpy.mockRestore();
     });
@@ -660,7 +656,7 @@ describe('ErrorBoundary Component', () => {
       await waitFor(() => {
         expect(screen.getByText('Outer content')).toBeInTheDocument();
         expect(screen.getByText('Error in Inner')).toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       consoleSpy.mockRestore();
     });
@@ -676,7 +672,7 @@ describe('ErrorBoundary Component', () => {
       
       await waitFor(() => {
         expect(screen.getByText('Error in Component')).toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       consoleSpy.mockRestore();
     });
@@ -692,7 +688,7 @@ describe('ErrorBoundary Component', () => {
       
       await waitFor(() => {
         expect(screen.getByText('An unexpected error occurred.')).toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       consoleSpy.mockRestore();
     });
@@ -721,7 +717,7 @@ describe('ErrorBoundary Component', () => {
       
       await waitFor(() => {
         expect(screen.getByText('Error in Component')).toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       // Rapidly change between error and non-error states
       // Note: Error boundaries maintain error state once triggered
@@ -744,7 +740,7 @@ describe('ErrorBoundary Component', () => {
       
       await waitFor(() => {
         expect(screen.getByText('Error in Component')).toBeInTheDocument();
-      });
+      }, { interval: 10 });
       
       consoleSpy.mockRestore();
     });

package/src/components/Footer/Footer.test.tsx

@@ -24,11 +24,7 @@ const mockDate = new Date('2024-01-01');
 vi.spyOn(global, 'Date').mockImplementation(() => mockDate as any);
 
 describe('Footer Component', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  describe('Rendering', () => {
+    describe('Rendering', () => {
     it('renders with default props', () => {
       renderWithProviders(<Footer />);
       

package/src/components/Form/Form.test.tsx

@@ -41,11 +41,7 @@ vi.mock('../Alert', () => ({
 describe('Form Component', () => {
   const user = userEvent.setup();
 
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  describe('Rendering', () => {
+    describe('Rendering', () => {
     it('renders with basic props', () => {
       const onSubmit = vi.fn();
       
@@ -356,11 +352,7 @@ describe('Form Component', () => {
 describe('FormField Component', () => {
   const user = userEvent.setup();
 
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  describe('Rendering', () => {
+    describe('Rendering', () => {
     it('renders with basic props', () => {
       const onSubmit = vi.fn();
       
@@ -575,11 +567,7 @@ describe('FormField Component', () => {
 });
 
 describe('FormFieldset Component', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  describe('Rendering', () => {
+    describe('Rendering', () => {
     it('renders with legend', () => {
       renderWithProviders(
         <FormFieldset legend="Personal Information">
@@ -675,11 +663,7 @@ describe('FormFieldset Component', () => {
 });
 
 describe('FormErrorSummary Component', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  describe('Rendering', () => {
+    describe('Rendering', () => {
     it('renders nothing when no errors', () => {
       renderWithProviders(
         <FormErrorSummary errors={{}} />
@@ -780,16 +764,7 @@ describe('FormErrorSummary Component', () => {
 });
 
 describe('FormLiveRegion Component', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-    vi.useFakeTimers();
-  });
-
-  afterEach(() => {
-    vi.useRealTimers();
-  });
-
-  describe('Rendering', () => {
+    describe('Rendering', () => {
     it('renders nothing when no message', () => {
       const mockForm = {
         formState: {
@@ -867,6 +842,8 @@ describe('FormLiveRegion Component', () => {
     });
 
     it('announces successful submission', async () => {
+      vi.useFakeTimers();
+      
       const mockForm = {
         formState: {
           isSubmitting: false,
@@ -888,9 +865,13 @@ describe('FormLiveRegion Component', () => {
       
       // The message should be set after the timeout
       expect(screen.getByRole('status')).toHaveTextContent('Form submitted successfully');
+      
+      vi.useRealTimers();
     });
 
     it('announces custom success message', async () => {
+      vi.useFakeTimers();
+      
       const mockForm = {
         formState: {
           isSubmitting: false,
@@ -913,6 +894,8 @@ describe('FormLiveRegion Component', () => {
       });
       
       expect(screen.getByRole('status')).toHaveTextContent('Your data was saved successfully!');
+      
+      vi.useRealTimers();
     });
 
     it('announces form errors', async () => {
@@ -981,6 +964,8 @@ describe('FormLiveRegion Component', () => {
 
   describe('Field-Level Announcements', () => {
     it('announces field errors when enabled', async () => {
+      vi.useFakeTimers();
+      
       const mockForm = {
         formState: {
           isSubmitting: false,
@@ -1003,9 +988,13 @@ describe('FormLiveRegion Component', () => {
       });
       
       expect(screen.getByRole('status')).toHaveTextContent('name: Name is required');
+      
+      vi.useRealTimers();
     });
 
     it('does not announce field errors when disabled', () => {
+      vi.useFakeTimers();
+      
       const mockForm = {
         formState: {
           isSubmitting: false,
@@ -1025,6 +1014,8 @@ describe('FormLiveRegion Component', () => {
       
       vi.advanceTimersByTime(500);
       
+      vi.useRealTimers();
+      
       expect(screen.queryByText('name: Name is required')).not.toBeInTheDocument();
     });
   });
@@ -1079,11 +1070,7 @@ describe('FormLiveRegion Component', () => {
 describe('Integration', () => {
   const user = userEvent.setup();
 
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  it('works with complete form setup', async () => {
+    it('works with complete form setup', async () => {
     const onSubmit = vi.fn();
     const onError = vi.fn();
     const schema = z.object({

package/src/components/Header/Header.test.tsx

@@ -89,15 +89,7 @@ const mockProps: HeaderProps = {
 };
 
 describe('Header Component', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  afterEach(() => {
-    vi.clearAllMocks();
-  });
-
-  // Basic rendering tests
+    // Basic rendering tests
   describe('Rendering', () => {
     it('renders with default props', () => {
       renderWithProviders(<Header />);

package/src/components/InactivityWarningModal/InactivityWarningModal.test.tsx

@@ -72,11 +72,7 @@ describe('InactivityWarningModal Component', () => {
     onSignOutNow: vi.fn(),
   };
 
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  describe('Rendering', () => {
+    describe('Rendering', () => {
     it('renders when isOpen is true', () => {
       renderWithProviders(<InactivityWarningModal {...defaultProps} />);
       

package/src/components/Input/Input.test.tsx

@@ -11,11 +11,7 @@ import { Input, InputGroup } from './Input';
 import { renderWithProviders } from '../../__tests__/helpers/test-utils';
 
 describe('Input Component', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  // Basic rendering tests
+    // Basic rendering tests
   describe('Rendering', () => {
     it('renders with default props', () => {
       renderWithProviders(<Input />);
@@ -268,11 +264,7 @@ describe('Input Component', () => {
 });
 
 describe('InputGroup Component', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  // Basic rendering tests
+    // Basic rendering tests
   describe('Rendering', () => {
     it('renders with default props', () => {
       renderWithProviders(

package/src/components/LoginForm/LoginForm.test.tsx

@@ -109,11 +109,7 @@ describe('LoginForm Component', () => {
     onSignIn: vi.fn(),
   };
 
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  describe('Rendering', () => {
+    describe('Rendering', () => {
     it('renders with default props', () => {
       renderWithProviders(<LoginForm {...defaultProps} />);