fix(igx-ts): update vite conf and fix tests

Author: Hristo313

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

@@ -1,4 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { FormsModule } from '@angular/forms';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { <%=ClassName%> } from './<%=filePrefix%>';
 import { IgxAccordionModule, IgxSwitchModule } from '<%=igxPackage%>';
@@ -10,7 +11,7 @@ describe('<%=ClassName%>', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [<%=ClassName%>],
-      imports: [ NoopAnimationsModule, IgxAccordionModule, IgxSwitchModule ]
+      imports: [ NoopAnimationsModule, IgxAccordionModule, IgxSwitchModule, FormsModule ]
     })
       .compileComponents();
   });

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

@@ -15,21 +15,14 @@ describe('<%=ClassName%>', () => {
   });
 
   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/chip/default/files/src/app/__path__/__filePrefix__.spec.ts

@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { IgxChipsModule } from '<%=igxPackage%>';
+import { IgxChipsModule, IgxInputGroupComponent, IgxDropDownComponent, IgxDropDownItemNavigationDirective, IgxDropDownItemComponent } from '<%=igxPackage%>';
 import { <%=ClassName%> } from './<%=filePrefix%>';
 
 describe('<%=ClassName%>', () => {
@@ -10,7 +10,7 @@ describe('<%=ClassName%>', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [<%=ClassName%>],
-      imports: [NoopAnimationsModule, IgxChipsModule]
+      imports: [NoopAnimationsModule, IgxChipsModule, IgxInputGroupComponent, IgxDropDownComponent, IgxDropDownItemNavigationDirective, IgxDropDownItemComponent]
     })
       .compileComponents();
   });

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

@@ -2,7 +2,7 @@ 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 } from '<%=igxPackage%>';
+import { IgxGridModule, IgxButtonModule, IgxSwitchModule, IgxSliderModule, IgxCheckboxModule, IgxDialogModule, IgxIconComponent, IgxButtonGroupComponent, IgxFocusModule } from '<%=igxPackage%>';
 import { IgxCategoryChartModule } from 'igniteui-angular-charts';
 
 describe('<%=ClassName%>', () => {
@@ -14,7 +14,8 @@ describe('<%=ClassName%>', () => {
       declarations: [ <%=ClassName%> ],
       imports: [ FormsModule, BrowserAnimationsModule,
         IgxGridModule, IgxDialogModule, IgxCategoryChartModule,
-        IgxButtonModule, IgxSwitchModule, IgxSliderModule, IgxCheckboxModule ],
+        IgxButtonModule, IgxSwitchModule, IgxSliderModule, IgxCheckboxModule,
+        IgxButtonGroupComponent, IgxIconComponent, IgxFocusModule ],
       teardown: { destroyAfterEach: false }
     })
     .compileComponents();

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

@@ -3,7 +3,7 @@ import { FormsModule } from '@angular/forms';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 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%>', () => {
   let component: <%=ClassName%>;
@@ -19,7 +19,9 @@ describe('<%=ClassName%>', () => {
         IgxCheckboxModule,
         IgxButtonModule,
         IgxSliderModule,
-        IgxSwitchModule]
+        IgxSwitchModule,
+        IgxButtonGroupComponent,
+        IgxIconComponent]
     })
       .compileComponents();
   });

packages/igx-templates/igx-ts-legacy/grid/grid-summaries/files/src/app/__path__/__filePrefix__.spec.ts

@@ -1,6 +1,7 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { FormsModule } from '@angular/forms';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { IgxGridModule } from '<%=igxPackage%>';
+import { IgxGridModule, IgxIconComponent } from '<%=igxPackage%>';
 import { <%=ClassName%> } from './<%=filePrefix%>';
 
 describe('<%=ClassName%>', () => {
@@ -10,7 +11,7 @@ describe('<%=ClassName%>', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [<%=ClassName%>],
-      imports: [NoopAnimationsModule, IgxGridModule]
+      imports: [NoopAnimationsModule, IgxGridModule, FormsModule, IgxIconComponent]
     }).compileComponents();
   });
 

packages/igx-templates/igx-ts-legacy/hierarchical-grid/hierarchical-grid-batch-editing/files/src/app/__path__/__filePrefix__.spec.ts

@@ -2,7 +2,7 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormsModule } from '@angular/forms';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import {
-  IgxGridModule, IgxDatePickerModule, IgxCheckboxModule, IgxDialogModule, IgxHierarchicalGridModule
+  IgxGridModule, IgxDatePickerModule, IgxCheckboxModule, IgxDialogModule, IgxHierarchicalGridModule, IgxInputGroupModule
 } from '<%=igxPackage%>';
 import { <%=ClassName%> } from './<%=filePrefix%>';
 
@@ -20,7 +20,8 @@ describe('<%=ClassName%>', () => {
         IgxHierarchicalGridModule,
         IgxDatePickerModule,
         IgxCheckboxModule,
-        IgxDialogModule
+        IgxDialogModule,
+        IgxInputGroupModule
       ]
     })
     .compileComponents();

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

@@ -15,19 +15,12 @@ describe('<%=ClassName%>', () => {
   });
 
   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/projects/_base/files/angular.json

@@ -38,10 +38,7 @@
             "polyfills": ["zone.js"],
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
             "styles": [
               "src/styles.scss"<%=DefaultTheme%>
             ],
@@ -100,7 +97,10 @@
           }
         },
         "test": {
-          "builder": "@angular/build:unit-test"
+          "builder": "@angular/build:unit-test",
+          "options": {
+            "runnerConfig": true
+          }
         },
         "lint": {
           "builder": "@angular-eslint/builder:lint",

packages/igx-templates/igx-ts-legacy/projects/_base/files/package.json

@@ -6,7 +6,7 @@
     "start": "ng serve -o",
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
-    "test": "vitest --browser",
+    "test": "ng test --browsers=chromium",
     "lint": "ng lint"
   },
   "private": true,
@@ -27,7 +27,6 @@
     "zone.js": "~0.16.0"
   },
   "devDependencies": {
-    "@analogjs/vite-plugin-angular": "^2.3.1",
     "@angular/build": "~21.2.1",
     "@angular/cli": "~21.2.1",
     "@angular/compiler-cli": "~21.2.0",