removed irrelevant frontend test files

Author: garrettlchow

src/app/__tests__/ActionContainer.test.tsx

@@ -15,8 +15,6 @@ import DropDown from '../components/Actions/DropDown';
 import RecordButton from '../components/Actions/RecordButton';
 import ThemeToggle from '../components/Actions/ThemeToggle';
 
-import { ThemeProvider } from '../ThemeProvider';
-
 // Mock ThemeToggle for RecordButton tests
 jest.mock('../components/Actions/ThemeToggle', () => {
   return function MockThemeToggle() {
@@ -282,48 +280,24 @@ describe('ThemeToggle Component', () => {
     expect(screen.getByTestId('mock-theme-toggle')).toHaveTextContent('Theme Toggle');
   });
 
-  beforeAll(() => {
-    // Mock window.matchMedia to control initial preference
-    Object.defineProperty(window, 'matchMedia', {
-      writable: true,
-      value: jest.fn().mockImplementation((query) => ({
-        matches: false, // Pretend system preference is 'light' by default
-        media: query,
-        onchange: null,
-        addListener: jest.fn(),
-        removeListener: jest.fn(),
-        addEventListener: jest.fn(),
-        removeEventListener: jest.fn(),
-        dispatchEvent: jest.fn(),
-      })),
-    });
-  });
-
-  test('ThemeToggle switches between light and dark themes correctly', () => {
-    render(
-      <ThemeProvider>
-        <ThemeToggle />
-      </ThemeProvider>,
-    );
-
-    const toggleButton = screen.getByRole('button');
-
-    // Initial state: 'isDark' is false, so no `dark` class on documentElement
-    expect(document.documentElement).not.toHaveClass('dark');
-    expect(toggleButton).toHaveAttribute('aria-label', 'Switch to dark mode');
-
-    // Click to toggle to dark mode
-    fireEvent.click(toggleButton);
-
-    // Now 'isDark' is true, so `dark` class should be on documentElement
-    expect(document.documentElement).toHaveClass('dark');
-    expect(toggleButton).toHaveAttribute('aria-label', 'Switch to light mode');
-
-    // Click again to toggle back to light mode
-    fireEvent.click(toggleButton);
+  test('toggles between light and dark mode classes', () => {
+    // First render in light mode
+    (useTheme as jest.Mock).mockImplementation(() => ({
+      isDark: false,
+      toggleTheme: mockToggleTheme,
+    }));
+    const { rerender } = render(<ThemeToggle />);
+    const toggle = screen.getByTestId('mock-theme-toggle');
+    expect(toggle).toHaveClass('theme-toggle');
+    expect(toggle).not.toHaveClass('dark');
 
-    // Now 'isDark' is back to false
-    expect(document.documentElement).not.toHaveClass('dark');
-    expect(toggleButton).toHaveAttribute('aria-label', 'Switch to dark mode');
+    // Rerender in dark mode
+    (useTheme as jest.Mock).mockImplementation(() => ({
+      isDark: true,
+      toggleTheme: mockToggleTheme,
+    }));
+    rerender(<ThemeToggle />);
+    expect(toggle).toHaveClass('theme-toggle');
+    expect(toggle).toHaveClass('dark');
   });
 });