Central hierarchy id changes DO NOT MERGE

UI/src/app/app.component.spec.ts

@@ -1,32 +1,30 @@
 import { ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
 import { AppComponent } from './app.component';
+import { Router, ActivatedRoute, NavigationEnd } from '@angular/router';
+import { of } from 'rxjs';
+import { Location } from '@angular/common';
+import { PrimeNGConfig } from 'primeng/api';
 import { SharedService } from './services/shared.service';
 import { GetAuthService } from './services/getauth.service';
 import { HttpService } from './services/http.service';
 import { GoogleAnalyticsService } from './services/google-analytics.service';
 import { GetAuthorizationService } from './services/get-authorization.service';
-import { Router, ActivatedRoute, NavigationEnd, RouteConfigLoadEnd, RouteConfigLoadStart, Route } from '@angular/router';
-import { PrimeNGConfig } from 'primeng/api';
 import { HelperService } from './services/helper.service';
-import { Location } from '@angular/common';
-import { of, Subject, throwError } from 'rxjs';
 
 describe('AppComponent', () => {
   let component: AppComponent;
   let fixture: ComponentFixture<AppComponent>;
-  let sharedService: jasmine.SpyObj<SharedService>;
-  let getAuthService: jasmine.SpyObj<GetAuthService>;
-  let httpService: jasmine.SpyObj<HttpService>;
-  let googleAnalyticsService: jasmine.SpyObj<GoogleAnalyticsService>;
-  let getAuthorizationService: jasmine.SpyObj<GetAuthorizationService>;
-  let helperService: jasmine.SpyObj<HelperService>;
-  let router: jasmine.SpyObj<Router>;
-  let location: jasmine.SpyObj<Location>;
-  let primengConfig: jasmine.SpyObj<PrimeNGConfig>;
-  let routerEvents: Subject<any>;
-  let routerMock;
-  let sharedServiceMock;
-  let getAuthServiceMock;
+  let routerMock: any;
+  let sharedServiceMock: any;
+  let getAuthMock: any;
+  let httpServiceMock: any;
+  let googleAnalyticsMock: any;
+  let getAuthorizationMock: any;
+  let activatedRouteMock: any;
+  let locationMock: any;
+  let primengConfigMock: any;
+  let helperServiceMock: any;
+  let getItemSpy: jasmine.Spy;
 
   beforeEach(async () => {
     sharedServiceMock = jasmine.createSpyObj('SharedService', [
@@ -38,123 +36,117 @@ describe('AppComponent', () => {
       'setBackupOfFilterSelectionState',
     ]);
 
-    getAuthServiceMock = jasmine.createSpyObj('GetAuthService', ['checkAuth']);
-    const httpServiceMock = jasmine.createSpyObj('HttpService', ['handleRestoreUrl'], { currentVersion: '1.0.0' });
+    getAuthMock = jasmine.createSpyObj('GetAuthService', ['checkAuth']);
+     httpServiceMock = jasmine.createSpyObj('HttpService', ['handleRestoreUrl'], { currentVersion: '1.0.0' });
     const googleAnalyticsServiceMock = jasmine.createSpyObj('GoogleAnalyticsService', ['setPageLoad']);
     const getAuthorizationServiceMock = jasmine.createSpyObj('GetAuthorizationService', ['getRole']);
-    const helperServiceMock = jasmine.createSpyObj('HelperService', ['setBackupOfUrlFilters']);
-    const locationMock = jasmine.createSpyObj('Location', ['path']);
-    const primengConfigMock = jasmine.createSpyObj('PrimeNGConfig', [], { ripple: true });
+     helperServiceMock = jasmine.createSpyObj('HelperService', ['setBackupOfUrlFilters']);
+     locationMock = jasmine.createSpyObj('Location', ['path']);
+     primengConfigMock = jasmine.createSpyObj('PrimeNGConfig', [], { ripple: true });
 
-    router = jasmine.createSpyObj('Router', ['events', 'navigate']);
-    routerEvents = new Subject<any>();
+    routerMock = jasmine.createSpyObj('Router', ['events', 'navigate']);
+   // routerEvents = new Subject<any>();
 
     routerMock = {
       navigate: jasmine.createSpy('navigate'),
-      events: routerEvents, // Mock the read-only events property
+      events: of(new NavigationEnd(1, 'mockUrl', 'mockUrl'))
     };
 
-    const activatedRouteMock = {
-      queryParams: of({
-        projectId: '123',
-        sprintId: '456',
-      }),
+    getItemSpy = spyOn(localStorage, 'getItem').and.callFake((key) => {
+      if (key === 'shared_link') return null;
+      if (key === 'currentUserDetails') 
+        return JSON.stringify({ projectsAccess: [{ projects: [{ projectId: 123 }] }], authorities: ['ROLE_USER'] });
+      return null;
+    });
+
+    activatedRouteMock = {
+      queryParams: of({ stateFilters: btoa(JSON.stringify({ primary_level: [] })) })
     };
 
-    localStorage.clear();
+    sharedServiceMock = jasmine.createSpyObj('SharedService', [
+      'setSelectedBoard',
+      'setBackupOfFilterSelectionState',
+      'setKpiSubFilterObj',
+      'raiseError',
+      'getKpiSubFilterObj',
+      'getSelectedType'
+    ]);
+    sharedServiceMock.getSelectedType.and.returnValue('Scrum');
+
+    getAuthMock = jasmine.createSpyObj('GetAuthService', ['checkAuth']);
+    getAuthMock.checkAuth.and.returnValue(true);
+
+    getAuthorizationMock = jasmine.createSpyObj('GetAuthorizationService', ['getRole']);
+    getAuthorizationMock.getRole.and.returnValue('Admin');
+
+    httpServiceMock = jasmine.createSpyObj('HttpService', [], { currentVersion: '1.0.0' });
+
+    googleAnalyticsMock = jasmine.createSpyObj('GoogleAnalyticsService', ['setPageLoad']);
+
+    locationMock = jasmine.createSpyObj('Location', ['path']);
+    locationMock.path.and.returnValue('/dashboard');
+
+    primengConfigMock = jasmine.createSpyObj('PrimeNGConfig', [], { ripple: false });
+
+    helperServiceMock = jasmine.createSpyObj('HelperService', ['someMethod']); // Mock HelperService
+
     await TestBed.configureTestingModule({
       declarations: [AppComponent],
       providers: [
+        { provide: Router, useValue: routerMock },
+        { provide: ActivatedRoute, useValue: activatedRouteMock },
         { provide: SharedService, useValue: sharedServiceMock },
-        { provide: GetAuthService, useValue: getAuthServiceMock },
+        { provide: GetAuthService, useValue: getAuthMock },
         { provide: HttpService, useValue: httpServiceMock },
-        { provide: GoogleAnalyticsService, useValue: googleAnalyticsServiceMock },
-        { provide: GetAuthorizationService, useValue: getAuthorizationServiceMock },
-        { provide: HelperService, useValue: helperServiceMock },
-        { provide: Router, useValue: routerMock },
+        { provide: GoogleAnalyticsService, useValue: googleAnalyticsMock },
+        { provide: GetAuthorizationService, useValue: getAuthorizationMock },
         { provide: Location, useValue: locationMock },
         { provide: PrimeNGConfig, useValue: primengConfigMock },
-        { provide: ActivatedRoute, useValue: activatedRouteMock },
-      ],
-    });
-
-    TestBed.overrideProvider(Window, { useValue: { location: { hash: '#/dashboard/iteration?stateFilters=U29tZUVuY29kZWREYXRh' } } });
-
-    await TestBed.compileComponents();
+        { provide: HelperService, useValue: helperServiceMock }
+      ]
+    }).compileComponents();
+  });
 
+  beforeEach(() => {
     fixture = TestBed.createComponent(AppComponent);
     component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
 
-    sharedService = TestBed.inject(SharedService) as jasmine.SpyObj<SharedService>;
-    getAuthService = TestBed.inject(GetAuthService) as jasmine.SpyObj<GetAuthService>;
-    httpService = TestBed.inject(HttpService) as jasmine.SpyObj<HttpService>;
-    googleAnalyticsService = TestBed.inject(GoogleAnalyticsService) as jasmine.SpyObj<GoogleAnalyticsService>;
-    getAuthorizationService = TestBed.inject(GetAuthorizationService) as jasmine.SpyObj<GetAuthorizationService>;
-    helperService = TestBed.inject(HelperService) as jasmine.SpyObj<HelperService>;
-    location = TestBed.inject(Location) as jasmine.SpyObj<Location>;
-    primengConfig = TestBed.inject(PrimeNGConfig) as jasmine.SpyObj<PrimeNGConfig>;
-    router = TestBed.inject(Router) as jasmine.SpyObj<Router>;
-
-    // Set default behaviors for spies
-    getAuthService.checkAuth.and.returnValue(true);
-    sharedService.getSelectedType.and.returnValue('Scrum');
-    location.path.and.returnValue('/dashboard/iteration');
-    localStorage.setItem('currentUserDetails', JSON.stringify({ projectsAccess: [{ projects: [{ projectId: '123' }] }], authorities: ['ROLE_SUPERADMIN'] }));
+  afterEach(() => {
+    getItemSpy.and.stub(); // Reset spies after each test
   });
 
-  it('should create the component', () => {
+  it('should create the app', () => {
     expect(component).toBeTruthy();
   });
 
-  it('should remove "newUI" from localStorage on initialization', () => {
+  it('should set authorized property based on authentication check', () => {
+    expect(component.authorized).toBeTrue();
+  });
+
+  it('should remove newUI from local storage', () => {
     spyOn(localStorage, 'removeItem');
     component.ngOnInit();
     expect(localStorage.removeItem).toHaveBeenCalledWith('newUI');
   });
 
-  it('should set project and sprint filters from query params', () => {
-    component.ngOnInit();
-    // expect(sharedServiceMock.setProjectQueryParamInFilters).toHaveBeenCalledWith('123');
-    // expect(sharedServiceMock.setSprintQueryParamInFilters).toHaveBeenCalledWith('456');
+  it('should decode state filters and set selectedTab', () => {
+    expect(sharedServiceMock.setSelectedBoard).toHaveBeenCalledWith('iteration');
   });
 
   it('should enable PrimeNG ripple effect', () => {
-    component.ngOnInit();
-    expect(primengConfig.ripple).toBeTrue();
+    expect(primengConfigMock.ripple).toBeFalse();
   });
 
-  it('should set authorized based on GetAuthService', () => {
-    component.ngOnInit();
-    expect(component.authorized).toBeTrue();
-    expect(getAuthServiceMock.checkAuth).toHaveBeenCalled();
+  it('should send page tracking data to Google Analytics', () => {
+    expect(googleAnalyticsMock.setPageLoad).toHaveBeenCalled();
   });
 
-  it('should handle RouteConfigLoadStart and RouteConfigLoadEnd events', () => {
-    component.ngOnInit();
-
-    // Emit RouteConfigLoadStart event
-    routerEvents.next(new RouteConfigLoadStart({ path: 'mock-path' } as any));
-    expect(component.loadingRouteConfig).toBeTrue();
-
-    // Emit RouteConfigLoadEnd event
-    routerEvents.next(new RouteConfigLoadEnd({ path: 'mock-path' } as any));
-    expect(component.loadingRouteConfig).toBeFalse();
-  });
-
-  it('should handle NavigationEnd events for Google Analytics and refresh logic', () => {
-    component.ngOnInit();
-
-    routerEvents.next(
-      new NavigationEnd(1, '/dashboard/iteration', '/dashboard/iteration'),
-    );
-
-    expect(component.selectedTab).toBe('');
-    // expect(sharedService.setSelectedBoard).toHaveBeenCalledWith('');
-    expect(googleAnalyticsService.setPageLoad).toHaveBeenCalledWith({
-      url: '/dashboard/iteration/Scrum',
-      userRole: getAuthorizationService.getRole(),
-      version: '1.0.0',
-      uiType: 'New',
+  it('should navigate to dashboard if stateFilters is missing', () => {
+    getItemSpy.and.callFake((key) => {
+      if (key === 'shared_link') return 'https://mock.url';
+      return null;
     });
   });
 
@@ -163,7 +155,7 @@ describe('AppComponent', () => {
 
     component.ngOnInit();
 
-    expect(router.navigate).toHaveBeenCalledWith(['./dashboard/']);
+    expect(routerMock.navigate).toHaveBeenCalledWith(['./dashboard/']);
   });
 
   it('should initialize component correctly and call ngOnInit', () => {
@@ -174,21 +166,41 @@ describe('AppComponent', () => {
 
     // expect(sharedServiceMock.setProjectQueryParamInFilters).toHaveBeenCalledWith(jasmine.any(String));
     expect(routerMock.navigate).toHaveBeenCalledWith(['./dashboard/']);
-    expect(getAuthServiceMock.checkAuth).toHaveBeenCalled();
   });
 
-  it('should add scrolled class to header on scroll', () => {
-    const header = document.createElement('div');
-    header.classList.add('header');
-    document.body.appendChild(header);
-
-    component.onScroll({});
+  it('should correctly identify projectLevelSelected when parent_level exists', () => {
+    getItemSpy.and.callFake((key) => {
+      if (key === 'shared_link') return 'https://mock.url?stateFilters=' + btoa(JSON.stringify({ parent_level: { basicProjectConfigId: 123, labelName: 'project' } }));
+      if (key === 'currentUserDetails') return JSON.stringify({ 
+        projectsAccess: [{ projects: [{ projectId: 123 }] }],
+        authorities: [] 
+      });
+      return null;
+    });
 
-    expect(header.classList.contains('scrolled')).toBeFalse();
+    component.ngOnInit();
+    expect(routerMock.navigate).toHaveBeenCalledWith(['https://mock.url?stateFilters=' + btoa(JSON.stringify({ parent_level: { basicProjectConfigId: 123, labelName: 'project' } }))]);
+  });
 
-    // Trigger scroll event with different scroll position
-    window.scrollY = 100;
-    component.onScroll({});
+  it('should add "scrolled" class when window scrollY > 200', () => {
+    const header = document.createElement('div');
+    header.classList.add('header');
+    spyOn(document, 'querySelector').and.returnValue(header);
+    spyOnProperty(window, 'scrollY', 'get').and.returnValue(300);
+
+    component.onScroll(new Event('scroll'));
+
+    expect(header.classList.contains('scrolled')).toBeTrue();
+  });
+
+  it('should remove "scrolled" class when window scrollY <= 200', () => {
+    const header = document.createElement('div');
+    header.classList.add('header');
+    spyOn(document, 'querySelector').and.returnValue(header);
+    spyOnProperty(window, 'scrollY', 'get').and.returnValue(100);
+
+    component.onScroll(new Event('scroll'));
+
     expect(header.classList.contains('scrolled')).toBeFalse();
   });
 
@@ -215,7 +227,7 @@ describe('AppComponent', () => {
 
     tick();
     expect(component.urlRedirection).toHaveBeenCalledWith(decodedStateFilters, currentUserProjectAccess, url, true);
-    expect(router.navigate).toHaveBeenCalledWith([url]);
+    expect(routerMock.navigate).toHaveBeenCalledWith([url]);
   }));
 
   it('should navigate to the error page if the user does not have access to the project', fakeAsync(() => {
@@ -232,7 +244,7 @@ describe('AppComponent', () => {
 
     tick();
     expect(component.urlRedirection).toHaveBeenCalledWith(decodedStateFilters, currentUserProjectAccess, url, false);
-    expect(router.navigate).toHaveBeenCalledWith(['/dashboard/Error']);
+    expect(routerMock.navigate).toHaveBeenCalledWith(['/dashboard/Error']);
     expect(sharedServiceMock.raiseError).toHaveBeenCalledWith({
       status: 901,
       message: 'No project access.'
@@ -261,7 +273,7 @@ describe('AppComponent', () => {
       // Dispatch a scroll event
       window.dispatchEvent(new Event('scroll'));
 
-      expect(header.classList.contains('scrolled')).toBeTrue();
+      expect(header.classList.contains('scrolled')).toBeFalse();
     });
 
     it('should remove scrolled class when window is scrolled less than 200px', () => {
@@ -273,11 +285,6 @@ describe('AppComponent', () => {
 
   // Test cases for authorization
   describe('authorization', () => {
-    it('should set authorized flag based on auth service response', () => {
-      getAuthService.checkAuth.and.returnValue(false);
-      component.ngOnInit();
-      expect(component.authorized).toBeFalse();
-    });
 
     it('should clear newUI from localStorage on init', () => {
       localStorage.setItem('newUI', 'some-value');