fix(igx-ts): fix guages problems in spec files

Author: Hristo313

packages/igx-templates/igx-ts-legacy/bullet-graph/default/files/src/app/__path__/__filePrefix__.spec.ts

@@ -1,33 +1,35 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { IgxBulletGraphModule } from 'igniteui-angular-gauges';
 import { <%=ClassName%> } from './<%=filePrefix%>';
-import * as igGauges from 'igniteui-angular-gauges';
 
 describe('<%=ClassName%>', () => {
   let component: <%=ClassName%>;
   let fixture: ComponentFixture<<%=ClassName%>>;
 
-  // mock method specific to BulletGraph
-  vi.spyOn(igGauges.XamBulletGraph.prototype, 'fb').mockImplementation(() => { /* mock */ });
-
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [<%=ClassName%>],
-      imports: [IgxBulletGraphModule, NoopAnimationsModule]
+      imports: [IgxBulletGraphModule]
     })
       .compileComponents();
   });
 
   beforeEach(() => {
+    vi.useFakeTimers();
     fixture = TestBed.createComponent(<%=ClassName%>);
     component = fixture.componentInstance;
     fixture.detectChanges();
     // disable animation
     component.bulletGraph.transitionDuration = 0;
   });
 
+  afterEach(() => {
+    vi.useRealTimers();
+    fixture.destroy();
+  });
+
   it('should create', () => {
+    vi.advanceTimersByTime(1000);
     expect(component).toBeTruthy();
   });
 });

packages/igx-templates/igx-ts-legacy/linear-gauge/default/files/src/app/__path__/__filePrefix__.spec.ts

@@ -1,5 +1,4 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { IgxLinearGaugeModule } from 'igniteui-angular-gauges';
 import { <%=ClassName%> } from './<%=filePrefix%>';
 import * as gauges from 'igniteui-angular-gauges';
@@ -8,24 +7,28 @@ describe('<%=ClassName%>', () => {
   let component: <%=ClassName%>;
   let fixture: ComponentFixture<<%=ClassName%>>;
 
-  // mock method specific to LinearGauge
-  vi.spyOn(gauges.XamLinearGaugeView.prototype, 'ar').mockImplementation(() => { /* mock */ });
-
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [<%=ClassName%>],
-      imports: [IgxLinearGaugeModule, NoopAnimationsModule]
+      imports: [IgxLinearGaugeModule]
     })
       .compileComponents();
   });
 
   beforeEach(() => {
+    vi.useFakeTimers();
     fixture = TestBed.createComponent(<%=ClassName%>);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });
 
+  afterEach(() => {
+    vi.useRealTimers();
+    fixture.destroy();
+  });
+
   it('should create', () => {
+    vi.advanceTimersByTime(1000);
     expect(component).toBeTruthy();
     // disable animation
     component.linearGauge.transitionDuration = 0;

packages/igx-templates/igx-ts-legacy/radial-gauge/default/files/src/app/__path__/__filePrefix__.spec.ts

@@ -1,31 +1,33 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { IgxRadialGaugeModule } from 'igniteui-angular-gauges';
 import { <%=ClassName%> } from './<%=filePrefix%>';
-import * as igGauges from 'igniteui-angular-gauges';
 
 describe('<%=ClassName%>', () => {
   let component: <%=ClassName%>;
   let fixture: ComponentFixture<<%=ClassName%>>;
 
-  // mock method specific to RadialGauge
-  vi.spyOn(igGauges.XamRadialGauge.prototype, 'im').mockImplementation(() => { /* mock */ });
-
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [<%=ClassName%>],
-      imports: [IgxRadialGaugeModule, NoopAnimationsModule]
+      imports: [IgxRadialGaugeModule]
     })
       .compileComponents();
   });
 
   beforeEach(() => {
+    vi.useFakeTimers();
     fixture = TestBed.createComponent(<%=ClassName%>);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });
 
+  afterEach(() => {
+    vi.useRealTimers();
+    fixture.destroy();
+  });
+
   it('should create', () => {
+    vi.advanceTimersByTime(1000);
     expect(component).toBeTruthy();
     // disable animation
     component.radialGauge.transitionDuration = 0;

packages/igx-templates/igx-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.spec.ts

@@ -1,32 +1,34 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { IgxBulletGraphModule } from 'igniteui-angular-gauges';
 import { <%=ClassName%> } from './<%=filePrefix%>';
-import * as igGauges from 'igniteui-angular-gauges';
 
 describe('<%=ClassName%>', () => {
   let component: <%=ClassName%>;
   let fixture: ComponentFixture<<%=ClassName%>>;
 
-  // mock method specific to BulletGraph
-  vi.spyOn(igGauges.XamBulletGraph.prototype, 'fb').mockImplementation(() => { /* mock */ });
-
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [IgxBulletGraphModule, NoopAnimationsModule, <%=ClassName%>]
+      imports: [IgxBulletGraphModule, <%=ClassName%>]
     })
       .compileComponents();
   });
 
   beforeEach(() => {
+    vi.useFakeTimers();
     fixture = TestBed.createComponent(<%=ClassName%>);
     component = fixture.componentInstance;
     fixture.detectChanges();
     // disable animation
     component.bulletGraph.transitionDuration = 0;
   });
 
+  afterEach(() => {
+    vi.useRealTimers();
+    fixture.destroy();
+  });
+
   it('should create', () => {
+    vi.advanceTimersByTime(1000);
     expect(component).toBeTruthy();
   });
 });

packages/igx-templates/igx-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.spec.ts

@@ -1,30 +1,32 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { IgxLinearGaugeModule } from 'igniteui-angular-gauges';
 import { <%=ClassName%> } from './<%=filePrefix%>';
-import * as gauges from 'igniteui-angular-gauges';
 
 describe('<%=ClassName%>', () => {
   let component: <%=ClassName%>;
   let fixture: ComponentFixture<<%=ClassName%>>;
 
-  // mock method specific to LinearGauge
-  vi.spyOn(gauges.XamLinearGaugeView.prototype, 'ar').mockImplementation(() => { /* mock */ });
-
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [IgxLinearGaugeModule, NoopAnimationsModule, <%=ClassName%>]
+      imports: [IgxLinearGaugeModule, <%=ClassName%>]
     })
       .compileComponents();
   });
 
   beforeEach(() => {
+    vi.useFakeTimers();
     fixture = TestBed.createComponent(<%=ClassName%>);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });
 
+  afterEach(() => {
+    vi.useRealTimers();
+    fixture.destroy();
+  });
+
   it('should create', () => {
+    vi.advanceTimersByTime(1000);
     expect(component).toBeTruthy();
     // disable animation
     component.linearGauge.transitionDuration = 0;

packages/igx-templates/igx-ts/radial-gauge/default/files/src/app/__path__/__filePrefix__.spec.ts

@@ -1,30 +1,32 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { IgxRadialGaugeModule } from 'igniteui-angular-gauges';
 import { <%=ClassName%> } from './<%=filePrefix%>';
-import * as igGauges from 'igniteui-angular-gauges';
 
 describe('<%=ClassName%>', () => {
   let component: <%=ClassName%>;
   let fixture: ComponentFixture<<%=ClassName%>>;
 
-  // mock method specific to RadialGauge
-  vi.spyOn(igGauges.XamRadialGauge.prototype, 'im').mockImplementation(() => { /* mock */ });
-
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-	  imports: [IgxRadialGaugeModule, NoopAnimationsModule, <%=ClassName%>]
+	  imports: [IgxRadialGaugeModule, <%=ClassName%>]
     })
       .compileComponents();
   });
 
   beforeEach(() => {
+    vi.useFakeTimers();
     fixture = TestBed.createComponent(<%=ClassName%>);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });
 
+  afterEach(() => {
+    vi.useRealTimers();
+    fixture.destroy();
+  });
+
   it('should create', () => {
+    vi.advanceTimersByTime(1000);
     expect(component).toBeTruthy();
     // disable animation
     component.radialGauge.transitionDuration = 0;