tests passing

frontend/app/page.test.tsx

@@ -11,23 +11,46 @@ vi.mock("next/navigation", () => ({
 }));
 
 // Default mock values
-let mockUser: { id: number; email: string } | null = { id: 1, email: "test@example.com" };
+let mockUser: { id: number; email: string; roles: string[]; permissions: string[] } | null = {
+  id: 1,
+  email: "test@example.com",
+  roles: ["regular"],
+  permissions: ["view_counter", "increment_counter", "use_sum"],
+};
 let mockIsLoading = false;
 const mockLogout = vi.fn();
+const mockHasPermission = vi.fn((permission: string) => 
+  mockUser?.permissions.includes(permission) ?? false
+);
 
 vi.mock("./auth-context", () => ({
   useAuth: () => ({
     user: mockUser,
     isLoading: mockIsLoading,
     logout: mockLogout,
+    hasPermission: mockHasPermission,
   }),
+  Permission: {
+    VIEW_COUNTER: "view_counter",
+    INCREMENT_COUNTER: "increment_counter",
+    USE_SUM: "use_sum",
+    VIEW_AUDIT: "view_audit",
+  },
 }));
 
 beforeEach(() => {
   vi.clearAllMocks();
   // Reset to authenticated state
-  mockUser = { id: 1, email: "test@example.com" };
+  mockUser = {
+    id: 1,
+    email: "test@example.com",
+    roles: ["regular"],
+    permissions: ["view_counter", "increment_counter", "use_sum"],
+  };
   mockIsLoading = false;
+  mockHasPermission.mockImplementation((permission: string) =>
+    mockUser?.permissions.includes(permission) ?? false
+  );
 });
 
 afterEach(() => {