diff --git a/projects/igniteui-angular/src/lib/directives/toggle/toggle.directive.spec.ts b/projects/igniteui-angular/src/lib/directives/toggle/toggle.directive.spec.ts
index 8180148ca75..3f74b578c08 100644
--- a/projects/igniteui-angular/src/lib/directives/toggle/toggle.directive.spec.ts
+++ b/projects/igniteui-angular/src/lib/directives/toggle/toggle.directive.spec.ts
@@ -61,7 +61,7 @@ describe('IgxToggle', () => {
         expect(divEl.classList.contains(TOGGLER_CLASS)).toBeTruthy();
     });
 
-    it('should emit \'opening\' and \'opened\' events', fakeAsync(() => {
+    it('should emit \'opening\' and \'opened\' events', async () => {
         const fixture = TestBed.createComponent(IgxToggleTestComponent);
         fixture.detectChanges();
 
@@ -69,21 +69,22 @@ describe('IgxToggle', () => {
         spyOn(toggle.opening, 'emit');
         spyOn(toggle.opened, 'emit');
         toggle.open();
-        tick();
+        await fixture.whenStable();
+        await fixture.whenRenderingDone();
         fixture.detectChanges();
 
         expect(toggle.opening.emit).toHaveBeenCalled();
         expect(toggle.opened.emit).toHaveBeenCalled();
-    }));
+    });
 
-    it('should emit \'appended\' event', fakeAsync(() => {
+    it('should emit \'appended\' event', async () => {
         const fixture = TestBed.createComponent(IgxToggleTestComponent);
         fixture.detectChanges();
 
         const toggle = fixture.componentInstance.toggle;
         spyOn(toggle.appended, 'emit');
         toggle.open();
-        tick();
+        await fixture.whenRenderingDone();
         fixture.detectChanges();
 
         expect(toggle.appended.emit).toHaveBeenCalledTimes(1);
@@ -96,15 +97,15 @@ describe('IgxToggle', () => {
         fixture.detectChanges();
 
         expect(toggle.appended.emit).toHaveBeenCalledTimes(2);
-    }));
+    });
 
-    it('should emit \'onClosing\' and \'closed\' events', fakeAsync(() => {
+    it('should emit \'onClosing\' and \'closed\' events', async () => {
         const fixture = TestBed.createComponent(IgxToggleTestComponent);
         fixture.detectChanges();
 
         const toggle = fixture.componentInstance.toggle;
         fixture.componentInstance.toggle.open();
-        tick();
+        await fixture.whenRenderingDone();
         fixture.detectChanges();
 
         spyOn(toggle.closing, 'emit');
@@ -115,9 +116,9 @@ describe('IgxToggle', () => {
 
         expect(toggle.closing.emit).toHaveBeenCalledTimes(1);
         expect(toggle.closed.emit).toHaveBeenCalledTimes(1);
-    }));
+    });
 
-    it('should propagate IgxOverlay opened/closed events', fakeAsync(() => {
+    it('should propagate IgxOverlay opened/closed events', async () => {
         const fixture = TestBed.createComponent(IgxOverlayServiceComponent);
         fixture.detectChanges();
 
@@ -127,7 +128,7 @@ describe('IgxToggle', () => {
         spyOn(toggle.closed, 'emit');
 
         toggle.open();
-        tick();
+        await fixture.whenRenderingDone();
         expect(toggle.opened.emit).toHaveBeenCalledTimes(1);
         expect(toggle.collapsed).toBe(false);
         toggle.close();
@@ -148,7 +149,7 @@ describe('IgxToggle', () => {
         tick();
         expect(toggle.closed.emit).toHaveBeenCalledTimes(2);
         expect(toggle.collapsed).toBe(true);
-    }));
+    });
 
     it('should open toggle when IgxToggleActionDirective is clicked and toggle is closed', fakeAsync(() => {
         const fixture = TestBed.createComponent(IgxToggleActionTestComponent);
@@ -166,11 +167,11 @@ describe('IgxToggle', () => {
         expect(divEl.classes[TOGGLER_CLASS]).toBe(true);
     }));
 
-    it('should close toggle when IgxToggleActionDirective is clicked and toggle is opened', fakeAsync(() => {
+    it('should close toggle when IgxToggleActionDirective is clicked and toggle is opened', async () => {
         const fixture = TestBed.createComponent(IgxToggleActionTestComponent);
         fixture.detectChanges();
         fixture.componentInstance.toggle.open();
-        tick();
+        await fixture.whenRenderingDone();
 
         const divEl = fixture.debugElement.query(By.directive(IgxToggleDirective)).nativeElement;
         const button: DebugElement = fixture.debugElement.query(By.directive(IgxToggleActionDirective));
@@ -182,7 +183,7 @@ describe('IgxToggle', () => {
         tick();
         fixture.detectChanges();
         expect(divEl.classList.contains(HIDDEN_TOGGLER_CLASS)).toBeTruthy();
-    }));
+    });
 
     it('should hide content and emit \'closed\' event when you click outside the toggle\'s content', fakeAsync(() => {
         const fixture = TestBed.createComponent(IgxToggleActionTestComponent);
@@ -277,7 +278,7 @@ describe('IgxToggle', () => {
         expect(toggleElm.classList.contains(HIDDEN_TOGGLER_CLASS)).toBe(true);
     }));
 
-    it('fix for #2798 - Allow canceling of open and close of IgxDropDown through opening and closing events', fakeAsync(() => {
+    it('fix for #2798 - Allow canceling of open and close of IgxDropDown through opening and closing events', async () => {
         const fixture = TestBed.createComponent(IgxToggleTestComponent);
         fixture.detectChanges();
 
@@ -293,7 +294,7 @@ describe('IgxToggle', () => {
 
         toggle.open();
         fixture.detectChanges();
-        tick();
+        await fixture.whenRenderingDone();
 
         expect(toggle.opening.emit).toHaveBeenCalledTimes(1);
         expect(toggle.opened.emit).toHaveBeenCalledTimes(1);
@@ -320,7 +321,7 @@ describe('IgxToggle', () => {
 
         expect(toggle.opening.emit).toHaveBeenCalledTimes(2);
         expect(toggle.opened.emit).toHaveBeenCalledTimes(1);
-    }));
+    });
 
     it('fix for #3636 - ToggleAction should provide its element as target', fakeAsync(() => {
         const fixture = TestBed.createComponent(TestWithThreeToggleActionsComponent);
@@ -421,7 +422,7 @@ describe('IgxToggle', () => {
         expect(Math.round(toggleRect.top)).toBe(Math.round(buttonRect.bottom));
     }));
 
-    it('fix for #3810 - Should not open toggle when already opened', fakeAsync(() => {
+    it('fix for #3810 - Should not open toggle when already opened', async () => {
         const fixture = TestBed.createComponent(IgxToggleTestComponent);
         fixture.detectChanges();
 
@@ -429,7 +430,7 @@ describe('IgxToggle', () => {
         spyOn(toggle.opening, 'emit');
         spyOn(toggle.opened, 'emit');
         toggle.open();
-        tick();
+        await fixture.whenRenderingDone();
         fixture.detectChanges();
 
         expect(toggle.opening.emit).toHaveBeenCalledTimes(1);
@@ -441,9 +442,9 @@ describe('IgxToggle', () => {
 
         expect(toggle.opening.emit).toHaveBeenCalledTimes(1);
         expect(toggle.opened.emit).toHaveBeenCalledTimes(1);
-    }));
+    });
 
-    it('fix for #3810 - Should not close toggle when not open', fakeAsync(() => {
+    it('fix for #3810 - Should not close toggle when not open', async () => {
         const fixture = TestBed.createComponent(IgxToggleTestComponent);
         fixture.detectChanges();
 
@@ -451,7 +452,7 @@ describe('IgxToggle', () => {
         spyOn(toggle.opening, 'emit');
         spyOn(toggle.opened, 'emit');
         toggle.open();
-        tick();
+        await fixture.whenRenderingDone();
         fixture.detectChanges();
 
         expect(toggle.opening.emit).toHaveBeenCalledTimes(1);
@@ -472,7 +473,7 @@ describe('IgxToggle', () => {
 
         expect(toggle.closing.emit).toHaveBeenCalledTimes(1);
         expect(toggle.closed.emit).toHaveBeenCalledTimes(1);
-    }));
+    });
 
     it('fix for #4222 - Should emit closed when closed second time', fakeAsync(() => {
         const fixture = TestBed.createComponent(IgxToggleTestComponent);