Updated tests

frontend/src/components/DocumentInput.tsx

@@ -7,7 +7,7 @@ function DocumentInput() {
 
   const handleSubmit = async () => {
     try {
-      const response = await fetch('/api/crawl/', {
+      const response = await fetch('/api/ingest/', {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
@@ -38,7 +38,7 @@ function DocumentInput() {
           onChange={handleUrlChange}
         />
         <Button variant="contained" onClick={handleSubmit}>
-          Pull Source Docs
+          Scan
         </Button>
       </Box>
       {showSuccess && (

frontend/src/components/Header.tsx

@@ -4,7 +4,7 @@ function Header() {
   return (
     <Box sx={{ mb: 4 }}>
       <Typography variant="h2" component="h1" align="center">
-        Simplifi
+        SimpliFi
       </Typography>
     </Box>
   );

frontend/src/tests/App.test.tsx

@@ -8,14 +8,14 @@ describe('App', () => {
     render(<App />);
     
     // Check for title
-    expect(screen.getByText('Simplifi')).toBeInTheDocument();
+    expect(screen.getByText('SimpliFi')).toBeInTheDocument();
     
     // Check for input fields
     expect(screen.getByLabelText('Source Documentation')).toBeInTheDocument();
     expect(screen.getByLabelText('Quiz focus?')).toBeInTheDocument();
     
     // Check for buttons
-    expect(screen.getByText('Pull Source Docs')).toBeInTheDocument();
+    expect(screen.getByText('Scan')).toBeInTheDocument();
     expect(screen.getByText('Generate')).toBeInTheDocument();
   });
 });

frontend/src/tests/components/DocumentInput.test.tsx

@@ -15,14 +15,14 @@ describe('DocumentInput', () => {
     render(<DocumentInput />);
     
     const input = screen.getByLabelText('Source Documentation');
-    const button = screen.getByText('Pull Source Docs');
+    const button = screen.getByText('Scan');
     
     await act(async () => {
       await fireEvent.change(input, { target: { value: 'https://example.com' } });
       await fireEvent.click(button);
     });
     
-    expect(mockFetch).toHaveBeenCalledWith('/api/crawl/', {
+    expect(mockFetch).toHaveBeenCalledWith('/api/ingest/', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({ url: 'https://example.com' }),
@@ -40,7 +40,7 @@ describe('DocumentInput', () => {
     
     // First submit a URL
     const input = screen.getByLabelText('Source Documentation');
-    const button = screen.getByText('Pull Source Docs');
+    const button = screen.getByText('Scan');
     
     await act(async () => {
       await fireEvent.change(input, { target: { value: 'https://example.com' } });

frontend/src/tests/components/Topics.test.tsx

@@ -1,14 +1,15 @@
 import { render, screen, waitFor, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom';
 import Topics from '../../components/Topics';
-import { vi } from 'vitest';
 
 describe('Topics Component', () => {
-  const mockOnTopicChange = vi.fn();
+  const mockOnTopicChange = jest.fn();
+  const mockFetch = jest.fn();
+  global.fetch = mockFetch;
 
   beforeEach(() => {
-    vi.clearAllMocks();
-    // Clear fetch mock before each test
-    vi.spyOn(global, 'fetch').mockClear();
+    jest.clearAllMocks();
+    mockFetch.mockClear();
   });
 
   it('shows loading state initially', () => {
@@ -20,11 +21,11 @@ describe('Topics Component', () => {
 
   it('displays topics after successful fetch', async () => {
     const mockTopics = { sources: ['Topic 1', 'Topic 2', 'Topic 3'] };
-    vi.spyOn(global, 'fetch').mockImplementationOnce(() =>
+    mockFetch.mockImplementationOnce(() =>
       Promise.resolve({
         ok: true,
         json: () => Promise.resolve(mockTopics),
-      } as Response)
+      })
     );
 
     render(<Topics onTopicChange={mockOnTopicChange} />);
@@ -44,11 +45,11 @@ describe('Topics Component', () => {
   });
 
   it('handles API error correctly', async () => {
-    vi.spyOn(global, 'fetch').mockImplementationOnce(() =>
+    mockFetch.mockImplementationOnce(() =>
       Promise.resolve({
         ok: false,
         status: 500,
-      } as Response)
+      })
     );
 
     render(<Topics onTopicChange={mockOnTopicChange} />);
@@ -63,11 +64,11 @@ describe('Topics Component', () => {
 
   it('calls onTopicChange when topic is selected', async () => {
     const mockTopics = { sources: ['Topic 1', 'Topic 2'] };
-    vi.spyOn(global, 'fetch').mockImplementationOnce(() =>
+    mockFetch.mockImplementationOnce(() =>
       Promise.resolve({
         ok: true,
         json: () => Promise.resolve(mockTopics),
-      } as Response)
+      })
     );
 
     render(<Topics onTopicChange={mockOnTopicChange} />);
@@ -88,11 +89,11 @@ describe('Topics Component', () => {
 
   it('handles malformed API response correctly', async () => {
     const malformedResponse = { wrongKey: [] };
-    vi.spyOn(global, 'fetch').mockImplementationOnce(() =>
+    mockFetch.mockImplementationOnce(() =>
       Promise.resolve({
         ok: true,
         json: () => Promise.resolve(malformedResponse),
-      } as Response)
+      })
     );
 
     render(<Topics onTopicChange={mockOnTopicChange} />);
@@ -106,7 +107,7 @@ describe('Topics Component', () => {
   });
 
   it('handles network errors correctly', async () => {
-    vi.spyOn(global, 'fetch').mockImplementationOnce(() =>
+    mockFetch.mockImplementationOnce(() =>
       Promise.reject(new Error('Network error'))
     );