Gestion issue epic dans milestone

src/app/menu/menu.spec.ts

@@ -1,15 +1,29 @@
+import { signal } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { provideRouter } from '@angular/router';
+import { vi } from 'vitest';
+import { KeycloakService } from '../auth/keycloak.service';
 import { Menu } from './menu';
 
 describe('Menu', () => {
   let component: Menu;
   let fixture: ComponentFixture<Menu>;
+  const keycloakMock = {
+    isAuthenticated: signal(false),
+    username: signal<string | undefined>(undefined),
+    logout: vi.fn(),
+    login: vi.fn(),
+  };
 
   beforeEach(async () => {
+    keycloakMock.logout = vi.fn();
+    keycloakMock.login = vi.fn();
     await TestBed.configureTestingModule({
       imports: [Menu],
-      providers: [provideRouter([])],
+      providers: [
+        provideRouter([]),
+        { provide: KeycloakService, useValue: keycloakMock },
+      ],
     }).compileComponents();
 
     fixture = TestBed.createComponent(Menu);
@@ -35,4 +49,9 @@ describe('Menu', () => {
     const items = (component as any).menuItems as { label: string; path: string }[];
     expect(items.some((i) => i.path === '/milestones')).toBe(true);
   });
+
+  it('logout calls keycloak.logout()', () => {
+    (component as any).logout();
+    expect(keycloakMock.logout).toHaveBeenCalled();
+  });
 });