diff --git a/templates/angular/igx-ts/grid/default/files/src/app/__path__/__name__.component.spec.ts b/templates/angular/igx-ts/grid/default/files/src/app/__path__/__name__.component.spec.ts
index d50adbc52..cf6baeac5 100644
--- a/templates/angular/igx-ts/grid/default/files/src/app/__path__/__name__.component.spec.ts
+++ b/templates/angular/igx-ts/grid/default/files/src/app/__path__/__name__.component.spec.ts
@@ -1,4 +1,5 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 import { $(ClassName)Component } from './$(filePrefix).component';
 import { IgxGridModule } from 'igniteui-angular';
@@ -10,7 +11,7 @@ describe('$(ClassName)Component', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ $(ClassName)Component ],
-      imports: [ IgxGridModule ]
+      imports: [ NoopAnimationsModule, IgxGridModule ]
     })
     .compileComponents();
   }));
diff --git a/templates/angular/igx-ts/grid/grid-summaries/files/src/app/__path__/__name__.component.spec.ts b/templates/angular/igx-ts/grid/grid-summaries/files/src/app/__path__/__name__.component.spec.ts
index f86165b57..339ba52f0 100644
--- a/templates/angular/igx-ts/grid/grid-summaries/files/src/app/__path__/__name__.component.spec.ts
+++ b/templates/angular/igx-ts/grid/grid-summaries/files/src/app/__path__/__name__.component.spec.ts
@@ -1,4 +1,5 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { $(ClassName)Component } from './$(filePrefix).component';
 import { IgxGridModule } from 'igniteui-angular';
 
@@ -9,7 +10,7 @@ describe('$(ClassName)Component', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [$(ClassName)Component],
-      imports: [IgxGridModule]
+      imports: [NoopAnimationsModule, IgxGridModule]
     }).compileComponents();
   }));
 
diff --git a/templates/angular/igx-ts/hierarchical-grid/default/files/src/app/__path__/__name__.component.spec.ts b/templates/angular/igx-ts/hierarchical-grid/default/files/src/app/__path__/__name__.component.spec.ts
index 212024613..16b01e902 100644
--- a/templates/angular/igx-ts/hierarchical-grid/default/files/src/app/__path__/__name__.component.spec.ts
+++ b/templates/angular/igx-ts/hierarchical-grid/default/files/src/app/__path__/__name__.component.spec.ts
@@ -1,7 +1,8 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 import { $(ClassName)Component } from './$(filePrefix).component';
-import { IgxGridModule, IgxHierarchicalGridModule } from 'igniteui-angular';
+import { IgxHierarchicalGridModule } from 'igniteui-angular';
 
 describe('$(ClassName)Component', () => {
   let component: $(ClassName)Component;
@@ -10,7 +11,7 @@ describe('$(ClassName)Component', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ $(ClassName)Component ],
-      imports: [ IgxGridModule, IgxHierarchicalGridModule ]
+      imports: [ NoopAnimationsModule, IgxHierarchicalGridModule ]
     })
     .compileComponents();
   }));
diff --git a/templates/angular/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__name__.component.spec.ts b/templates/angular/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__name__.component.spec.ts
index 99e05b62a..6ba9ec5bf 100644
--- a/templates/angular/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__name__.component.spec.ts
+++ b/templates/angular/igx-ts/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__name__.component.spec.ts
@@ -1,6 +1,6 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormsModule } from '@angular/forms';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import {
     IgxGridModule, IgxDatePickerModule, IgxCheckboxModule, IgxDialogModule, IgxHierarchicalGridModule
 } from 'igniteui-angular';
@@ -14,7 +14,7 @@ describe('$(ClassName)Component', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ $(ClassName)Component, HierarchicalGridWithTransactionsComponent ],
-      imports: [ FormsModule, BrowserAnimationsModule, IgxGridModule, IgxHierarchicalGridModule,
+      imports: [ FormsModule, NoopAnimationsModule, IgxGridModule, IgxHierarchicalGridModule,
          IgxDatePickerModule, IgxCheckboxModule, IgxDialogModule ]
     })
     .compileComponents();
diff --git a/templates/angular/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__name__.component.spec.ts b/templates/angular/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__name__.component.spec.ts
index 212024613..16b01e902 100644
--- a/templates/angular/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__name__.component.spec.ts
+++ b/templates/angular/igx-ts/hierarchical-grid/hierarchical-grid-custom/files/src/app/__path__/__name__.component.spec.ts
@@ -1,7 +1,8 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 import { $(ClassName)Component } from './$(filePrefix).component';
-import { IgxGridModule, IgxHierarchicalGridModule } from 'igniteui-angular';
+import { IgxHierarchicalGridModule } from 'igniteui-angular';
 
 describe('$(ClassName)Component', () => {
   let component: $(ClassName)Component;
@@ -10,7 +11,7 @@ describe('$(ClassName)Component', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ $(ClassName)Component ],
-      imports: [ IgxGridModule, IgxHierarchicalGridModule ]
+      imports: [ NoopAnimationsModule, IgxHierarchicalGridModule ]
     })
     .compileComponents();
   }));
diff --git a/templates/angular/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__name__.component.spec.ts b/templates/angular/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__name__.component.spec.ts
index 212024613..16b01e902 100644
--- a/templates/angular/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__name__.component.spec.ts
+++ b/templates/angular/igx-ts/hierarchical-grid/hierarchical-grid-summaries/files/src/app/__path__/__name__.component.spec.ts
@@ -1,7 +1,8 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 import { $(ClassName)Component } from './$(filePrefix).component';
-import { IgxGridModule, IgxHierarchicalGridModule } from 'igniteui-angular';
+import { IgxHierarchicalGridModule } from 'igniteui-angular';
 
 describe('$(ClassName)Component', () => {
   let component: $(ClassName)Component;
@@ -10,7 +11,7 @@ describe('$(ClassName)Component', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ $(ClassName)Component ],
-      imports: [ IgxGridModule, IgxHierarchicalGridModule ]
+      imports: [ NoopAnimationsModule, IgxHierarchicalGridModule ]
     })
     .compileComponents();
   }));
diff --git a/templates/angular/igx-ts/tabbar/default/files/src/app/__path__/__name__.component.spec.ts b/templates/angular/igx-ts/tabbar/default/files/src/app/__path__/__name__.component.spec.ts
index c35af09c9..ea646e5f3 100644
--- a/templates/angular/igx-ts/tabbar/default/files/src/app/__path__/__name__.component.spec.ts
+++ b/templates/angular/igx-ts/tabbar/default/files/src/app/__path__/__name__.component.spec.ts
@@ -1,4 +1,5 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 import { $(ClassName)Component } from './$(filePrefix).component';
 import { IgxBottomNavModule, IgxAvatarModule, IgxIconModule, IgxRippleModule } from 'igniteui-angular';
@@ -10,7 +11,7 @@ describe('$(ClassName)Component', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [$(ClassName)Component],
-      imports: [ IgxBottomNavModule, IgxAvatarModule, IgxIconModule, IgxRippleModule ]
+      imports: [ NoopAnimationsModule, IgxBottomNavModule, IgxAvatarModule, IgxIconModule, IgxRippleModule ]
     })
       .compileComponents();
   }));
diff --git a/templates/angular/igx-ts/tabs/default/files/src/app/__path__/__name__.component.spec.ts b/templates/angular/igx-ts/tabs/default/files/src/app/__path__/__name__.component.spec.ts
index 372fce293..f38db4f34 100644
--- a/templates/angular/igx-ts/tabs/default/files/src/app/__path__/__name__.component.spec.ts
+++ b/templates/angular/igx-ts/tabs/default/files/src/app/__path__/__name__.component.spec.ts
@@ -1,4 +1,5 @@
 import { async, TestBed, ComponentFixture } from '@angular/core/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { $(ClassName)Component } from './$(filePrefix).component';
 import { IgxTabsModule, IgxAvatarModule, IgxCardModule, IgxButtonModule, IgxRippleModule } from 'igniteui-angular';
 
@@ -9,7 +10,7 @@ describe('$(ClassName)Component', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [$(ClassName)Component],
-      imports: [ IgxTabsModule, IgxAvatarModule, IgxCardModule, IgxButtonModule, IgxRippleModule ]
+      imports: [ NoopAnimationsModule, IgxTabsModule, IgxAvatarModule, IgxCardModule, IgxButtonModule, IgxRippleModule ]
     })
       .compileComponents();
   }));