✅ increase navigation components coverage

src/app/navigation/header/header.component.spec.ts

@@ -2,6 +2,7 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { By } from '@angular/platform-browser';
 
 import { MaterialModule } from '../../material/material.module';
 import { HeaderComponent } from './header.component';
@@ -32,4 +33,19 @@ describe('HeaderComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should call onToggleSidenav when the menu button is clicked', () => {
+    spyOn(component, 'onToggleSidenav');
+    const button = fixture.debugElement.query(By.css('button[mat-icon-button]')).nativeElement;
+    button.click();
+    expect(component.onToggleSidenav).toHaveBeenCalled();
+  });
+
+  it('should emit sidenavToggle event when onToggleSidenav is called', () => {
+    spyOn(component.sidenavToggle, 'emit');
+
+    component.onToggleSidenav();
+
+    expect(component.sidenavToggle.emit).toHaveBeenCalled();
+  });
 });

src/app/navigation/sidenav-list/sidenav-list.component.spec.ts

@@ -32,4 +32,21 @@ describe('SidenavListComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should emit closeSidenav event when onClose is called', () => {
+    spyOn(component.closeSidenav, 'emit');
+
+    component.onClose();
+
+    expect(component.closeSidenav.emit).toHaveBeenCalled();
+  });
+
+  it('should call onClose when onLogout is called', () => {
+    spyOn(component, 'onClose');
+
+    component.onLogout();
+
+    expect(component.onClose).toHaveBeenCalled();
+  });
+
 });