test: update mock, add new test for green button check

Author: Eric-Zhang-Developer

src/app/dashboard/__tests__/page.test.tsx

@@ -3,32 +3,41 @@ import { render, screen } from "@testing-library/react";
 import { describe, it, expect, beforeEach } from "vitest";
 import DashboardPage from "../page";
 
-// Mock next/navigation to prevent redirect calls
+// Mock next/navigation
 vi.mock("next/navigation", () => ({
   redirect: vi.fn(),
 }));
 
 // Mock next/font/google
 vi.mock("next/font/google", () => ({
-  Cinzel: () => ({
-    className: "mocked-cinzel-font",
-  }),
+  Cinzel: () => ({ className: "mocked-cinzel-font" }),
 }));
 
-// Mock Supabase server client to return a fake authenticated user
+// Mock for .from().select().eq()
+const mockFrom = vi.fn();
+const mockSelect = vi.fn();
+const mockEq = vi.fn();
+
+mockFrom.mockReturnValue({
+  select: mockSelect.mockReturnValue({
+    eq: mockEq.mockResolvedValue({
+      data: [], // Default: No completed quizzes
+      error: null,
+    }),
+  }),
+});
+
 vi.mock("../../../lib/supabase/server", () => ({
   createClient: vi.fn(async () => ({
     auth: {
       getUser: vi.fn(async () => ({
         data: {
-          user: {
-            email: "[email protected]",
-            id: "test-user-id",
-          },
+          user: { email: "[email protected]", id: "test-user-id" },
         },
       })),
       signOut: vi.fn(),
     },
+    from: mockFrom,
   })),
 }));
 
@@ -66,4 +75,19 @@ describe("Dashboard Page Tests", () => {
     render(page);
     expect(screen.getByRole("link", { name: /Profile/i })).toBeInTheDocument();
   });
+
+  it("should show Green button for Hello World if completed", async () => {
+    // Override the mock for THIS test to simulate completion
+    mockEq.mockResolvedValue({
+      data: [{ quiz_id: "hello-world" }],
+      error: null,
+    });
+
+    const page = await DashboardPage();
+    render(page);
+
+    const link = screen.getByRole("link", { name: /Hello World/i });
+    // Check if link is green
+    expect(link.className).toContain("text-emerald-400");
+  });
 });