Merge branch 'main' into feat/repo-tracker

Author: mehul-m-prajapati

README.md

@@ -50,13 +50,20 @@ $ git clone https://github.com/GitMetricsLab/github_tracker.git
 ```bash
 $ cd github-tracker
 ```
-
 3. Run the frontend
 ```bash
 $ npm i
 $ npm run dev
 ```
 
+This project utilizes [Vitest](https://vitest.dev/) and React Testing Library to ensure UI reliability. 
+
+To run the frontend test suite, use the following command:
+```bash
+npm run test:client
+```
+
+
 4. Run the backend
 ```bash
 $ npm i

package.json

@@ -8,6 +8,7 @@
     "build": "vite build",
     "lint": "eslint .",
     "test": "vitest",
+    "test:client": "vitest",
     "test:backend": "jasmine spec/**/*.spec.cjs",
     "preview": "vite preview",
     "docker:dev": "docker compose --profile dev up --build",

src/App.tsx

@@ -5,6 +5,8 @@ import ScrollProgressBar from "./components/ScrollProgressBar";
 import ScrollNavigator from "./components/ScrollNavigator";
 import { Toaster } from "react-hot-toast";
 import Router from "./Routes/Router";
+import ThemeWrapper from "./context/ThemeContext";
+import ChatbotWidget from "./components/Chatbot/ChatbotWidget";
 
 const FULLSCREEN_ROUTES = ["/signup", "/login"];
 
@@ -25,6 +27,8 @@ function App() {
 
         {!isFullscreen && <Footer />}
 
+        <ChatbotWidget />
+
         <Toaster
           position="top-center"
           reverseOrder={false}
@@ -46,4 +50,4 @@ function App() {
   );
 }
 
-export default App;
+export default App;

src/components/ActivityFeed.test.tsx

@@ -0,0 +1,71 @@
+import { render, screen, waitFor } from '@testing-library/react';
+import { vi } from 'vitest';
+import ActivityFeed from './ActivityFeed';
+
+// 1. Capture the original global fetch to prevent side effects
+const originalFetch = global.fetch;
+
+const mockEvents = [
+  { 
+    id: '12345', 
+    type: 'PushEvent', 
+    created_at: new Date().toISOString(), 
+    repo: { name: 'GitMetricsLab/github_tracker' } 
+  }
+];
+
+// Helper to generate a full Response-like object to satisfy TypeScript
+const createMockResponse = (data: any): Partial<Response> => ({
+  ok: true,
+  status: 200,
+  statusText: 'OK',
+  json: async () => data,
+});
+
+describe('ActivityFeed Component', () => {
+  beforeAll(() => {
+    // Mock fetch before the suite runs
+    global.fetch = vi.fn();
+  });
+
+  afterEach(() => {
+    // Clear mock history between individual tests
+    vi.clearAllMocks();
+  });
+
+  afterAll(() => {
+    // 2. Restore original fetch after the suite finishes to prevent leaks
+    global.fetch = originalFetch;
+  });
+
+  it('displays the loading state initially', () => {
+    vi.mocked(global.fetch).mockResolvedValueOnce(createMockResponse([]) as Response);
+    
+    render(<ActivityFeed username="testuser" />);
+    
+    expect(screen.getByText('Loading...')).toBeInTheDocument();
+  });
+
+  it('renders activity events after successful fetch', async () => {
+    vi.mocked(global.fetch).mockResolvedValueOnce(createMockResponse(mockEvents) as Response);
+
+    render(<ActivityFeed username="testuser" />);
+
+    await waitFor(() => {
+      expect(screen.queryByText('Loading...')).not.toBeInTheDocument();
+    });
+
+    expect(screen.getByText('🚀 Commit pushed')).toBeInTheDocument();
+    expect(screen.getByText(/GitMetricsLab\/github_tracker/)).toBeInTheDocument();
+  });
+
+  it('displays a fallback message when no activity is found', async () => {
+    vi.mocked(global.fetch).mockResolvedValueOnce(createMockResponse([]) as Response);
+
+    render(<ActivityFeed username="testuser" />);
+
+    await waitFor(() => {
+      expect(screen.getByText('No activity found')).toBeInTheDocument();
+    });
+  });
+});