@igniteui/angular-templates 21.1.1492 → 21.1.14100-alpha.1

package/igx-ts-legacy/carousel/default/files/src/app/__path__/__filePrefix__.spec.ts

@@ -0,0 +1,27 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { IgxCarouselModule } from '<%=igxPackage%>';
+import { <%=ClassName%> } from './<%=filePrefix%>';
+
+describe('<%=ClassName%>', () => {
+  let component: <%=ClassName%>;
+  let fixture: ComponentFixture<<%=ClassName%>>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [<%=ClassName%>],
+      imports: [NoopAnimationsModule, IgxCarouselModule]
+    })
+      .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(<%=ClassName%>);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/igx-ts-legacy/carousel/default/files/src/app/__path__/{__filePrefix__.component.ts → __filePrefix__.ts}

@@ -2,11 +2,11 @@ import { Component, OnInit } from '@angular/core';
 
 @Component({
   selector: 'app-<%=filePrefix%>',
-  templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  templateUrl: './<%=filePrefix%>.html',
+  styleUrl: './<%=filePrefix%>.scss',
   standalone: false
 })
-export class <%=ClassName%>Component implements OnInit {
+export class <%=ClassName%> implements OnInit {
 
   public slides: Slide[] = [];
   public interval = 3000;

package/igx-ts-legacy/category-chart/default/files/src/app/__path__/__filePrefix__.spec.ts

@@ -0,0 +1,28 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { FormsModule } from '@angular/forms';
+import { IgxCategoryChartModule } from 'igniteui-angular-charts';
+import { <%=ClassName%> } from './<%=filePrefix%>';
+
+describe('<%=ClassName%>', () => {
+  let component: <%=ClassName%>;
+  let fixture: ComponentFixture<<%=ClassName%>>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [<%=ClassName%>],
+      imports: [FormsModule, IgxCategoryChartModule],
+      teardown: { destroyAfterEach: false }
+    })
+      .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(<%=ClassName%>);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/igx-ts-legacy/category-chart/default/files/src/app/__path__/{__filePrefix__.component.ts → __filePrefix__.ts}

@@ -3,11 +3,11 @@ import { CategoryChartType } from 'igniteui-angular-charts';
 
 @Component({
   selector: 'app-<%=filePrefix%>',
-  templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  templateUrl: './<%=filePrefix%>.html',
+  styleUrl: './<%=filePrefix%>.scss',
   standalone: false
 })
-export class <%=ClassName%>Component {
+export class <%=ClassName%> {
   public chartType = CategoryChartType.Auto;
 
   data = [

package/igx-ts-legacy/chip/default/files/src/app/__path__/__filePrefix__.spec.ts

@@ -0,0 +1,27 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { IgxChipsModule, IgxDropDownModule } from '<%=igxPackage%>';
+import { <%=ClassName%> } from './<%=filePrefix%>';
+
+describe('<%=ClassName%>', () => {
+  let component: <%=ClassName%>;
+  let fixture: ComponentFixture<<%=ClassName%>>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [<%=ClassName%>],
+      imports: [NoopAnimationsModule, IgxChipsModule, IgxDropDownModule]
+    })
+      .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(<%=ClassName%>);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/igx-ts-legacy/chip/default/files/src/app/__path__/{__filePrefix__.component.ts → __filePrefix__.ts}

@@ -18,12 +18,12 @@ interface NamedEntry {
 
 @Component({
  selector: 'app-<%=filePrefix%>',
- styleUrls: ['./<%=filePrefix%>.component.scss'],
- templateUrl: './<%=filePrefix%>.component.html',
+ templateUrl: './<%=filePrefix%>.html',
+ styleUrl: './<%=filePrefix%>.scss',
  standalone: false
 })
 
-export class <%=ClassName%>Component {
+export class <%=ClassName%> {
 
   public dropDownList: NamedEntry[] = [
     {

package/igx-ts-legacy/combo/default/files/src/app/__path__/__filePrefix__.spec.ts

@@ -0,0 +1,27 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { IgxComboModule } from '<%=igxPackage%>';
+import { <%=ClassName%> } from './<%=filePrefix%>';
+
+describe('<%=ClassName%>', () => {
+  let component: <%=ClassName%>;
+  let fixture: ComponentFixture<<%=ClassName%>>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [<%=ClassName%>],
+      imports: [IgxComboModule, NoopAnimationsModule]
+    })
+      .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(<%=ClassName%>);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/igx-ts-legacy/combo/default/files/src/app/__path__/{__filePrefix__.component.ts → __filePrefix__.ts}

@@ -3,11 +3,11 @@ import { localData, State } from './local-data';
 
 @Component({
   selector: 'app-<%=filePrefix%>',
-  templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  templateUrl: './<%=filePrefix%>.html',
+  styleUrl: './<%=filePrefix%>.scss',
   standalone: false
 })
 
-export class <%=ClassName%>Component {
+export class <%=ClassName%> {
   public localData: State[] = localData;
 }

package/igx-ts-legacy/custom-templates/awesome-grid/files/src/app/__path__/{__filePrefix__.component.spec.ts → __filePrefix__.spec.ts}

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormsModule } from '@angular/forms';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import {
@@ -11,15 +11,15 @@ import {
   IgxSwitchModule
 } from '<%=igxPackage%>';
 import { IgxSparklineCoreModule, IgxSparklineModule } from 'igniteui-angular-charts';
-import { <%=ClassName%>Component } from './<%=filePrefix%>.component';
+import { <%=ClassName%> } from './<%=filePrefix%>';
 
-describe('<%=ClassName%>Component', () => {
-  let component: <%=ClassName%>Component;
-  let fixture: ComponentFixture<<%=ClassName%>Component>;
+describe('<%=ClassName%>', () => {
+  let component: <%=ClassName%>;
+  let fixture: ComponentFixture<<%=ClassName%>>;
 
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [<%=ClassName%>Component],
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [<%=ClassName%>],
       imports: [
         FormsModule,
         BrowserAnimationsModule,
@@ -35,10 +35,10 @@ describe('<%=ClassName%>Component', () => {
       ]
     })
     .compileComponents();
-  }));
+  });
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(<%=ClassName%>Component);
+    fixture = TestBed.createComponent(<%=ClassName%>);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

package/igx-ts-legacy/custom-templates/awesome-grid/files/src/app/__path__/{__filePrefix__.component.ts → __filePrefix__.ts}

@@ -25,11 +25,11 @@ import { Athlete, AthletesData, SpeedEntry } from './services/data';
 
 @Component({
   selector: 'app-<%=filePrefix%>',
-  templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  templateUrl: './<%=filePrefix%>.html',
+  styleUrl: './<%=filePrefix%>.scss',
   standalone: false
 })
-export class <%=ClassName%>Component implements OnInit, OnDestroy, AfterViewInit {
+export class <%=ClassName%> implements OnInit, OnDestroy, AfterViewInit {
   @ViewChild('grid1', { read: IgxGridComponent, static: true })
   public grid1!: IgxGridComponent;
 

package/igx-ts-legacy/custom-templates/crm-grid/files/src/app/__path__/{__filePrefix__.component.spec.ts → __filePrefix__.spec.ts}

@@ -1,10 +1,10 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormsModule } from '@angular/forms';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { IgxExcelExporterService, IgxCsvExporterService } from '<%=igxPackage%>';
 import { IgxSparklineModule, IgxSparklineCoreModule } from 'igniteui-angular-charts';
 
-import { <%=ClassName%>Component } from './<%=filePrefix%>.component';
+import { <%=ClassName%> } from './<%=filePrefix%>';
 
 import {
   IgxGridModule,
@@ -19,13 +19,13 @@ import {
   IgxToggleModule,
   IgxCheckboxModule
 } from '<%=igxPackage%>';
-describe('<%=ClassName%>Component', () => {
-  let component: <%=ClassName%>Component;
-  let fixture: ComponentFixture<<%=ClassName%>Component>;
+describe('<%=ClassName%>', () => {
+  let component: <%=ClassName%>;
+  let fixture: ComponentFixture<<%=ClassName%>>;
 
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [ <%=ClassName%>Component ],
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ <%=ClassName%> ],
       imports: [
         FormsModule,
         BrowserAnimationsModule,
@@ -46,10 +46,10 @@ describe('<%=ClassName%>Component', () => {
       providers: [IgxExcelExporterService, IgxCsvExporterService]
     })
     .compileComponents();
-  }));
+  });
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(<%=ClassName%>Component);
+    fixture = TestBed.createComponent(<%=ClassName%>);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

package/igx-ts-legacy/custom-templates/crm-grid/files/src/app/__path__/{__filePrefix__.component.ts → __filePrefix__.ts}

@@ -29,11 +29,11 @@ import { DATA, DealsDescriptor, Employee } from './data';
 
 @Component({
   selector: 'app-<%=filePrefix%>',
-  templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  templateUrl: './<%=filePrefix%>.html',
+  styleUrl: './<%=filePrefix%>.scss',
   standalone: false
 })
-export class <%=ClassName%>Component implements OnInit, AfterViewInit {
+export class <%=ClassName%> implements OnInit, AfterViewInit {
 
   @ViewChild('grid1', { read: IgxGridComponent, static: true })
   public grid1!: IgxGridComponent;

package/igx-ts-legacy/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.spec.ts

@@ -0,0 +1,33 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { FormsModule } from '@angular/forms';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { <%=ClassName%> } from './<%=filePrefix%>';
+import { IgxGridModule, IgxButtonModule, IgxSwitchModule, IgxSliderModule, IgxCheckboxModule, IgxDialogModule, IgxIconComponent, IgxButtonGroupComponent, IgxFocusModule } from '<%=igxPackage%>';
+import { IgxCategoryChartModule } from 'igniteui-angular-charts';
+
+describe('<%=ClassName%>', () => {
+  let component: <%=ClassName%>;
+  let fixture: ComponentFixture<<%=ClassName%>>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ <%=ClassName%> ],
+      imports: [ FormsModule, BrowserAnimationsModule,
+        IgxGridModule, IgxDialogModule, IgxCategoryChartModule,
+        IgxButtonModule, IgxSwitchModule, IgxSliderModule, IgxCheckboxModule,
+        IgxButtonGroupComponent, IgxIconComponent, IgxFocusModule ],
+      teardown: { destroyAfterEach: false }
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(<%=ClassName%>);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/igx-ts-legacy/custom-templates/fintech-grid/files/src/app/__path__/{__filePrefix__.component.ts → __filePrefix__.ts}

@@ -22,11 +22,11 @@ import { Contract, REGIONS } from './localData/financialData';
 @Component({
   providers: [LocalDataService],
   selector: 'app-<%=filePrefix%>',
-  templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  templateUrl: './<%=filePrefix%>.html',
+  styleUrl: './<%=filePrefix%>.scss',
   standalone: false
 })
-export class <%=ClassName%>Component implements OnInit, AfterViewInit, OnDestroy {
+export class <%=ClassName%> implements OnInit, AfterViewInit, OnDestroy {
   @ViewChild('grid1', { static: true }) public grid1!: IgxGridComponent;
   @ViewChild('buttonGroup1', { static: true }) public buttonGroup1!: IgxButtonGroupComponent;
   @ViewChild('buttonGroup2', { static: true }) public buttonGroup2!: IgxButtonGroupComponent;

package/{igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.component.spec.ts → igx-ts-legacy/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.spec.ts}

@@ -1,16 +1,17 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormsModule } from '@angular/forms';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { <%=ClassName%>Component } from './<%=filePrefix%>.component';
+import { <%=ClassName%> } from './<%=filePrefix%>';
 import { <%=ClassName%>TreeGridGroupingPipe } from './tree-grid-grouping.pipe';
-import { IgxTreeGridModule, IgxCheckboxModule, IgxButtonModule, IgxSliderModule, IgxSwitchModule } from '<%=igxPackage%>';
+import { IgxTreeGridModule, IgxCheckboxModule, IgxButtonModule, IgxSliderModule, IgxSwitchModule, IgxButtonGroupComponent, IgxIconComponent } from '<%=igxPackage%>';
 
-describe('<%=ClassName%>Component', () => {
-  let component: <%=ClassName%>Component;
-  let fixture: ComponentFixture<<%=ClassName%>Component>;
+describe('<%=ClassName%>', () => {
+  let component: <%=ClassName%>;
+  let fixture: ComponentFixture<<%=ClassName%>>;
 
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ <%=ClassName%>, <%=ClassName%>TreeGridGroupingPipe ],
       imports: [
         FormsModule,
         BrowserAnimationsModule,
@@ -19,15 +20,14 @@ describe('<%=ClassName%>Component', () => {
         IgxButtonModule,
         IgxSliderModule,
         IgxSwitchModule,
-        <%=ClassName%>Component,
-        <%=ClassName%>TreeGridGroupingPipe
-      ]
+        IgxButtonGroupComponent,
+        IgxIconComponent]
     })
       .compileComponents();
-  }));
+  });
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(<%=ClassName%>Component);
+    fixture = TestBed.createComponent(<%=ClassName%>);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

package/igx-ts-legacy/custom-templates/fintech-tree-grid/files/src/app/__path__/{__filePrefix__.component.ts → __filePrefix__.ts}

@@ -25,11 +25,11 @@ import { ITreeGridAggregation } from './tree-grid-grouping.pipe';
 @Component({
   providers: [LocalDataService],
   selector: 'app-<%=filePrefix%>',
-  templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  templateUrl: './<%=filePrefix%>.html',
+  styleUrl: './<%=filePrefix%>.scss',
   standalone: false
 })
-export class <%=ClassName%>Component implements OnInit, AfterViewInit, OnDestroy {
+export class <%=ClassName%> implements OnInit, AfterViewInit, OnDestroy {
   @ViewChild('grid1', { static: true }) public grid1!: IgxTreeGridComponent;
   @ViewChild('buttonGroup1', { static: true }) public buttonGroup1!: IgxButtonGroupComponent;
   @ViewChild('slider1', { static: true }) public volumeSlider!: IgxSliderComponent;

package/igx-ts-legacy/custom-templates/login/files/src/app/__path__/{__filePrefix__.component.spec.ts → __filePrefix__.spec.ts}

@@ -1,7 +1,7 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { <%=ClassName%>Component } from './<%=filePrefix%>.component';
+import { <%=ClassName%> } from './<%=filePrefix%>';
 import { IgxInputGroupModule, IgxIconModule, IgxButtonModule, IgxRippleModule } from '<%=igxPackage%>';
 
 const MAIL_GROUP_NAME = 'email';
@@ -11,20 +11,20 @@ const NEW_PASSWORD_GROUP_NAME = 'newPassword';
 const FIRST_NAME_GROUP_NAME = 'firstName';
 const LAST_NAME_GROUP_NAME = 'lastName';
 
-describe('<%=ClassName%>Component', () => {
-  let component: <%=ClassName%>Component;
-  let fixture: ComponentFixture<<%=ClassName%>Component>;
+describe('<%=ClassName%>', () => {
+  let component: <%=ClassName%>;
+  let fixture: ComponentFixture<<%=ClassName%>>;
 
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [<%=ClassName%>Component],
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [<%=ClassName%>],
       imports: [ ReactiveFormsModule, NoopAnimationsModule, IgxInputGroupModule, IgxIconModule, IgxButtonModule, IgxRippleModule ]
     })
       .compileComponents();
-  }));
+  });
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(<%=ClassName%>Component);
+    fixture = TestBed.createComponent(<%=ClassName%>);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

package/igx-ts-legacy/custom-templates/login/files/src/app/__path__/{__filePrefix__.component.ts → __filePrefix__.ts}

@@ -3,12 +3,12 @@ import { FormBuilder, Validators, FormGroup } from '@angular/forms';
 
 @Component({
   selector: 'app-<%=filePrefix%>',
-  templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  templateUrl: './<%=filePrefix%>.html',
+  styleUrl: './<%=filePrefix%>.scss',
   standalone: false
 })
 
-  export class <%=ClassName%>Component {
+  export class <%=ClassName%> {
   public loginForm: FormGroup;
   public registrationForm: FormGroup;
   public showLogin = true;

package/igx-ts-legacy/custom-templates/weather-forecast/files/src/app/__path__/{__filePrefix__.component.spec.ts → __filePrefix__.spec.ts}

@@ -1,19 +1,19 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { <%=ClassName%>Component } from './<%=filePrefix%>.component';
+import { <%=ClassName%> } from './<%=filePrefix%>';
 import {
     IgxButtonModule,
     IgxCardModule,
     IgxExpansionPanelModule,
     IgxIconModule
 } from '<%=igxPackage%>';
-describe('<%=ClassName%>Component', () => {
-  let component: <%=ClassName%>Component;
-  let fixture: ComponentFixture<<%=ClassName%>Component>;
+describe('<%=ClassName%>', () => {
+  let component: <%=ClassName%>;
+  let fixture: ComponentFixture<<%=ClassName%>>;
 
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [<%=ClassName%>Component],
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [<%=ClassName%>],
       imports: [
         BrowserAnimationsModule,
         IgxButtonModule,
@@ -23,10 +23,10 @@ describe('<%=ClassName%>Component', () => {
       ]
     })
     .compileComponents();
-  }));
+  });
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(<%=ClassName%>Component);
+    fixture = TestBed.createComponent(<%=ClassName%>);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

package/igx-ts-legacy/custom-templates/weather-forecast/files/src/app/__path__/{__filePrefix__.component.ts → __filePrefix__.ts}

@@ -4,11 +4,11 @@ import { data as weatherData } from './weather-data';
 
 @Component({
   selector: 'app-<%=filePrefix%>',
-  templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  templateUrl: './<%=filePrefix%>.html',
+  styleUrl: './<%=filePrefix%>.scss',
   standalone: false
 })
-export class <%=ClassName%>Component {
+export class <%=ClassName%> {
 
   @ViewChild(IgxExpansionPanelComponent, { static: true })
   public panel!: IgxExpansionPanelComponent;

package/igx-ts-legacy/date-picker/default/files/src/app/__path__/__filePrefix__.spec.ts

@@ -0,0 +1,27 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { IgxDatePickerModule } from '<%=igxPackage%>';
+import { <%=ClassName%> } from './<%=filePrefix%>';
+
+describe('<%=ClassName%>', () => {
+  let component: <%=ClassName%>;
+  let fixture: ComponentFixture<<%=ClassName%>>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [<%=ClassName%>],
+      imports: [IgxDatePickerModule, NoopAnimationsModule]
+    })
+      .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(<%=ClassName%>);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/igx-ts-legacy/date-picker/default/files/src/app/__path__/{__filePrefix__.component.ts → __filePrefix__.ts}

@@ -2,11 +2,11 @@ import { Component, ViewEncapsulation } from '@angular/core';
 
 @Component({
   selector: 'app-<%=filePrefix%>',
-  templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  templateUrl: './<%=filePrefix%>.html',
+  styleUrl: './<%=filePrefix%>.scss',
   encapsulation: ViewEncapsulation.Emulated,
   standalone: false
 })
-export class <%=ClassName%>Component {
+export class <%=ClassName%> {
   public today: Date = new Date(Date.now());
 }

package/igx-ts-legacy/dialog/default/files/src/app/__path__/__filePrefix__.spec.ts

@@ -0,0 +1,27 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { IgxDialogModule } from '<%=igxPackage%>';
+import { <%=ClassName%> } from './<%=filePrefix%>';
+
+describe('<%=ClassName%>', () => {
+  let component: <%=ClassName%>;
+  let fixture: ComponentFixture<<%=ClassName%>>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [<%=ClassName%>],
+      imports: [ IgxDialogModule, NoopAnimationsModule]
+    })
+      .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(<%=ClassName%>);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/igx-ts-legacy/dialog/default/files/src/app/__path__/{__filePrefix__.component.ts → __filePrefix__.ts}

@@ -3,12 +3,12 @@ import { IDialogEventArgs } from '<%=igxPackage%>';
 
 @Component({
   selector: 'app-<%=filePrefix%>',
-  templateUrl: './<%=filePrefix%>.component.html',
-  styleUrls: ['./<%=filePrefix%>.component.scss'],
+  templateUrl: './<%=filePrefix%>.html',
+  styleUrl: './<%=filePrefix%>.scss',
   standalone: false
 })
 
-export class <%=ClassName%>Component {
+export class <%=ClassName%> {
   dialogOKSelected(args: IDialogEventArgs) {
     args.dialog.close();
   }

package/igx-ts-legacy/dock-manager/default/files/src/app/__path__/__filePrefix__.module.ts

@@ -1,7 +1,7 @@
 import { CommonModule } from '@angular/common';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { defineCustomElements } from '<%=dockManagerPackage%>/loader';
-import { <%=ClassName%>Component } from './<%=filePrefix%>.component';
+import { <%=ClassName%> } from './<%=filePrefix%>';
 
 defineCustomElements();
 
@@ -10,10 +10,10 @@ defineCustomElements();
     CommonModule
   ],
   declarations: [
-    <%=ClassName%>Component
+    <%=ClassName%>
   ],
   exports: [
-    <%=ClassName%>Component
+    <%=ClassName%>
   ],
   schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })