Contrib: Fix issue when closing all toasts if no toasts have been opened.

src/app/public/modules/toast/toast.service.ts

@@ -115,6 +115,10 @@ export class SkyToastService implements OnDestroy {
    * Closes all active toast components.
    */
   public closeAll(): void {
+    if (!this.host) {
+      return;
+    }
+
     this.host.instance.closeAll();
   }
 

src/app/public/modules/toast/toaster.component.spec.ts

@@ -34,6 +34,10 @@ import {
   SkyToastService
 } from './toast.service';
 
+import {
+  SkyToasterComponent
+} from './toaster.component';
+
 describe('Toast component', () => {
   let fixture: ComponentFixture<SkyToasterTestComponent>;
   let toastService: SkyToastService;
@@ -152,6 +156,7 @@ describe('Toast component', () => {
   }));
 
   it('should close all toasts', fakeAsync(() => {
+    const cloaseAllSpy = spyOn(SkyToasterComponent.prototype, 'closeAll').and.callThrough();
     openMessage();
     openMessage();
     openMessage();
@@ -167,6 +172,23 @@ describe('Toast component', () => {
 
     toasts = getToastElements();
     expect(toasts.length).toEqual(0);
+    expect(cloaseAllSpy).toHaveBeenCalled();
+  }));
+
+  it('should close all toasts', fakeAsync(() => {
+    const cloaseAllSpy = spyOn(SkyToasterComponent.prototype, 'closeAll').and.callThrough();
+    let toasts = getToastElements();
+    expect(toasts.length).toEqual(0);
+
+    toastService.closeAll();
+    fixture.detectChanges();
+    tick();
+    fixture.detectChanges();
+    tick();
+
+    toasts = getToastElements();
+    expect(toasts.length).toEqual(0);
+    expect(cloaseAllSpy).not.toHaveBeenCalled();
   }));
 
   it('should prevent click events from bubbling beyond toast components', fakeAsync(() => {

src/app/visual/toast/toast-visual.component.html

@@ -15,4 +15,11 @@
   >
     Open custom toasts
   </button>
+  <button
+    class="sky-btn sky-btn-secondary"
+    type="button"
+    (click)="closeAll()"
+  >
+    Close all
+  </button>
 </div>

src/app/visual/toast/toast-visual.component.ts

@@ -40,4 +40,8 @@ export class ToastVisualComponent implements OnDestroy {
     this.toastService.openComponent(ToastDemoComponent, { type: SkyToastType.Warning });
     this.toastService.openComponent(ToastDemoComponent, { type: SkyToastType.Danger });
   }
+
+  public closeAll(): void {
+    this.toastService.closeAll();
+  }
 }