test(toasts): enhance test classes to bump coverage

Author: svierk

src/app/components/toast/toast.component.spec.ts

@@ -1,4 +1,4 @@
-import { DebugElement } from '@angular/core';
+import { DebugElement, ElementRef } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { EventTypes } from 'src/app/models/event-types';
 import { ToastComponent } from './toast.component';
@@ -53,4 +53,23 @@ describe('ToastComponent', () => {
     expect(component.disposeEvent.emit).toHaveBeenCalledTimes(1);
     expect(component.toast.dispose).toHaveBeenCalledTimes(1);
   });
+
+  it('should subscribe to hidden.bs.toast event and call hide()', (done) => {
+    // given
+    component.type = EventTypes.Info;
+    const element = document.createElement('div');
+    component.toastEl = new ElementRef(element);
+    spyOn(component, 'hide');
+
+    // when
+    component.show();
+    const event = new Event('hidden.bs.toast');
+    element.dispatchEvent(event);
+
+    // then
+    setTimeout(() => {
+      expect(component.hide).toHaveBeenCalledTimes(1);
+      done();
+    }, 100);
+  });
 });

src/app/components/toaster/toaster.component.spec.ts

@@ -1,14 +1,27 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { Subject } from 'rxjs';
 import { EventTypes } from 'src/app/models/event-types';
+import { ToastEvent } from 'src/app/models/toast-event';
+import { ToastService } from 'src/app/services/toast.service';
 import { ToasterComponent } from './toaster.component';
 
 describe('ToasterComponent', () => {
   let component: ToasterComponent;
   let fixture: ComponentFixture<ToasterComponent>;
+  let toastEventsSubject: Subject<ToastEvent>;
 
   beforeEach(async () => {
+    // create subject for observable
+    toastEventsSubject = new Subject<ToastEvent>();
+
+    // create toast service mock
+    const toastServiceSpy = jasmine.createSpyObj('ToastService', [], {
+      toastEvents: toastEventsSubject.asObservable(),
+    });
+
     await TestBed.configureTestingModule({
       imports: [ToasterComponent],
+      providers: [{ provide: ToastService, useValue: toastServiceSpy }],
     }).compileComponents();
   });
 
@@ -34,4 +47,20 @@ describe('ToasterComponent', () => {
     // then
     expect(component.currentToasts).toEqual([]);
   });
+
+  it('should add new toast to currentToasts array when event is emitted', () => {
+    // given
+    component.subscribeToToasts();
+    const mockToast: ToastEvent = {
+      type: EventTypes.Success,
+      title: 'success',
+      message: 'success',
+    };
+
+    // when
+    toastEventsSubject.next(mockToast);
+
+    // then
+    expect(component.currentToasts[0]).toEqual(mockToast);
+  });
 });