Added the guard

Author: holus-bolus

src/app/chat/component/chat-page/chat-page.component.spec.ts

@@ -7,7 +7,7 @@ import { of, throwError } from 'rxjs';
 import { HttpErrorResponse } from '@angular/common/http';
 import { TranslateModule } from '@ngx-translate/core';
 import { setupChatComponentTest } from './setupChatComponentTest';
-
+import { provideMockStore } from '@ngrx/store/testing';
 describe('ChatComponent', () => {
   let component: ChatComponent;
   let fixture: ComponentFixture<ChatComponent>;

src/app/chat/component/chat-page/setupChatComponentTest.ts

@@ -5,11 +5,24 @@ import { FormsModule } from '@angular/forms';
 import { NgClass, NgForOf, NgIf, NgStyle } from '@angular/common';
 import { TranslateService } from '@ngx-translate/core';
 import { MockTranslatePipe, MockTranslateService } from './mock-translate.mock';
+import { provideMockStore } from '@ngrx/store/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { userRoleSelector } from 'src/app/store/selectors/auth.selectors';
 
-export async function setupChatComponentTest() {
+export async function setupChatComponentTest(mockRole: string | null = null) {
   await TestBed.configureTestingModule({
-    imports: [ChatComponent, HttpClientTestingModule, FormsModule, NgForOf, NgClass, NgIf, NgStyle, MockTranslatePipe],
-    providers: [{ provide: TranslateService, useClass: MockTranslateService }]
+    imports: [ChatComponent, HttpClientTestingModule, FormsModule, NgForOf, NgClass, NgIf, NgStyle, MockTranslatePipe, RouterTestingModule],
+    providers: [
+      { provide: TranslateService, useClass: MockTranslateService },
+      provideMockStore({
+        selectors: [
+          {
+            selector: userRoleSelector,
+            value: mockRole
+          }
+        ]
+      })
+    ]
   })
     .overrideComponent(ChatComponent, {
       set: {