fix(cd): additional migration fixes

ChronosSF · ChronosSF · commit a5a34e3b5f1c · 2026-01-27T15:44:54.000+02:00
diff --git a/projects/igniteui-angular/grids/core/src/grid-actions/grid-pinning-actions.component.spec.ts b/projects/igniteui-angular/grids/core/src/grid-actions/grid-pinning-actions.component.spec.ts
@@ -122,8 +122,8 @@ class IgxActionStripTestingComponent implements OnInit {
     @ViewChild('grid', { read: IgxGridComponent, static: true })
     public grid: IgxGridComponent;
 
-    private data: any[];
-    private columns: any[];
+    public data: any[];
+    public columns: any[];
 
     public ngOnInit() {
 
diff --git a/projects/igniteui-angular/grids/core/src/services/excel/excel-exporter-grid.spec.ts b/projects/igniteui-angular/grids/core/src/services/excel/excel-exporter-grid.spec.ts
@@ -944,7 +944,7 @@ describe('Excel Exporter', () => {
             hGrid = fix.componentInstance.hGrid;
             options = createExportOptions('HierarchicalGridEmptyDataExcelExport');
 
-            await expectAsync(getExportedData(hGrid, options)).toBeResolved();
+            await expect(getExportedData(hGrid, options)).resolves.toBeDefined();
         });
 
         it('should export hierarchical grid with empty data and summaries without throwing error', async () => {
@@ -959,7 +959,7 @@ describe('Excel Exporter', () => {
             options = createExportOptions('HierarchicalGridEmptyDataWithSummariesExcelExport');
             options.exportSummaries = true;
 
-            await expectAsync(getExportedData(hGrid, options)).toBeResolved();
+            await expect(getExportedData(hGrid, options)).resolves.toBeDefined();
         });
 
         it('should export hierarchical grid with missing child data key without throwing error', async () => {
@@ -969,7 +969,7 @@ describe('Excel Exporter', () => {
             hGrid = fix.componentInstance.hGrid;
             options = createExportOptions('HierarchicalGridMissingChildDataExcelExport');
 
-            await expectAsync(getExportedData(hGrid, options)).toBeResolved();
+            await expect(getExportedData(hGrid, options)).resolves.toBeDefined();
         });
     });
 
diff --git a/projects/igniteui-angular/grids/core/src/services/excel/zip-verification-wrapper.spec.ts b/projects/igniteui-angular/grids/core/src/services/excel/zip-verification-wrapper.spec.ts
@@ -28,7 +28,7 @@ export class ZipWrapper {
             result && ObjectComparer.AreEqual(this.dataFilesAndFolders, template) :
             result && this._filesAndFolders.length === ZipFiles.templatesNames.length;
 
-        expect(result).toBe(true, message + ' Unexpected zip structure!');
+        expect(result, message + ' Unexpected zip structure!').toBe(true);
     }
 
     /* Verifies the contents of all template files and asserts the result.
@@ -41,7 +41,7 @@ export class ZipWrapper {
 
         await this.readTemplateFiles().then(() => {
             result = this.compareFiles(this.templateFilesContent, undefined);
-            expect(result.areEqual).toBe(true, msg + result.differences);
+            expect(result.areEqual, msg + result.differences).toBe(true);
         });
     }
 
@@ -53,7 +53,7 @@ export class ZipWrapper {
 
         await this.readDataFiles().then(() => {
             result = this.compareFiles(this.dataFilesContent, expectedData, isHGrid);
-            expect(result.areEqual).toBe(true, msg + result.differences);
+            expect(result.areEqual, msg + result.differences).toBe(true);
         });
     }
 
diff --git a/projects/igniteui-angular/grids/core/src/services/pdf/pdf-exporter-grid.spec.ts b/projects/igniteui-angular/grids/core/src/services/pdf/pdf-exporter-grid.spec.ts
@@ -490,14 +490,14 @@ describe('PDF Grid Exporter', () => {
         it('should export hierarchical pivot grid', async () => {
             fix = TestBed.createComponent(IgxPivotGridTestComplexHierarchyComponent);
             fix.detectChanges();
-            fix.whenStable().then(() => {
-                pivotGrid = fix.componentInstance.pivotGrid;
+            await fix.whenStable();
+            
+            pivotGrid = fix.componentInstance.pivotGrid;
 
-                const exportPromise = firstValueFrom(exporter.exportEnded);
-        exporter.export(pivotGrid, options);
-        await exportPromise;
-        expect(ExportUtilities.saveBlobToFile).toHaveBeenCalledTimes(1);
-        });
+            const exportPromise = firstValueFrom(exporter.exportEnded);
+            exporter.export(pivotGrid, options);
+            await exportPromise;
+            expect(ExportUtilities.saveBlobToFile).toHaveBeenCalledTimes(1);
         });
     });
 });
diff --git a/projects/igniteui-angular/grids/grid/src/column.spec.ts b/projects/igniteui-angular/grids/grid/src/column.spec.ts
@@ -1647,11 +1647,11 @@ describe('IgxGrid - Column properties #grid', () => {
                 .filter(attr => Boolean(attr));
 
             for (const attr of gridAttributes) {
-                expect(grid[attr]).toBe(true, `Grid attribute: '${attr}' failed`);
+                expect(grid[attr], `Grid attribute: '${attr}' failed`).toBe(true);
             }
 
             for (const attr of columnAttributes) {
-                expect(column[attr]).toBe(true, `Column attribute: '${attr}' failed`);
+                expect(column[attr], `Column attribute: '${attr}' failed`).toBe(true);
             }
         }))
     });
diff --git a/projects/igniteui-angular/grids/grid/src/grid-filtering-ui.spec.ts b/projects/igniteui-angular/grids/grid/src/grid-filtering-ui.spec.ts
@@ -2047,7 +2047,7 @@ describe('IgxGrid - Filtering Row UI actions #grid', () => {
             // Verify the condition was submitted.
             const header = GridFunctions.getColumnHeader('ProductName', fix);
             const activeFilterIcon = header.nativeElement.querySelector('.igx-excel-filter__icon--filtered');
-            expect(activeFilterIcon).toBeDefined('no active filter icon was found');
+            expect(activeFilterIcon, 'no active filter icon was found').toBeDefined();
         }));
 
         it('Should clear non-unary conditions with null searchVal when close', fakeAsync(() => {
@@ -2842,24 +2842,23 @@ describe('IgxGrid - Filtering Row UI actions #grid', () => {
 
         it('Should render custom filter template instead of default one.', fakeAsync(() => {
             // Verify default filter template is not present.
-            expect(GridFunctions.getFilterCell(fix, 'ProductName').query(By.css('.igx-filtering-chips'))).toBeNull(
-                '\'ProductName\' default filter chips area template was found.');
-            expect(GridFunctions.getFilterCell(fix, 'Downloads').query(By.css('.igx-filtering-chips'))).toBeNull(
-                '\'Downloads\' default filter chips area template was found.');
-            expect(GridFunctions.getFilterCell(fix, 'Released').query(By.css('.igx-filtering-chips'))).toBeNull(
-                '\'Released\' default filter chips area template was found.');
-            expect(GridFunctions.getFilterCell(fix, 'ReleaseDate').query(By.css('.igx-filtering-chips'))).toBeNull(
-                '\'ReleaseDate\' default filter chips area template was found.');
-
+            expect(GridFunctions.getFilterCell(fix, 'ProductName').query(By.css('.igx-filtering-chips')),
+                '\'ProductName\' default filter chips area template was found.').toBeNull();
+            expect(GridFunctions.getFilterCell(fix, 'Downloads').query(By.css('.igx-filtering-chips')),
+                '\'Downloads\' default filter chips area template was found.').toBeNull();
+            expect(GridFunctions.getFilterCell(fix, 'Released').query(By.css('.igx-filtering-chips')),
+                '\'Released\' default filter chips area template was found.').toBeNull();
+            expect(GridFunctions.getFilterCell(fix, 'ReleaseDate').query(By.css('.igx-filtering-chips')),
+                '\'ReleaseDate\' default filter chips area template was found.').toBeNull();
             // Verify the custom filter template is present.
-            expect(GridFunctions.getFilterCell(fix, 'ProductName').query(By.css('.custom-filter'))).not.toBeNull(
-                '\'ProductName\' customer filter template was not found.');
-            expect(GridFunctions.getFilterCell(fix, 'Downloads').query(By.css('.custom-filter'))).not.toBeNull(
-                '\'Downloads\' customer filter template was not found.');
-            expect(GridFunctions.getFilterCell(fix, 'Released').query(By.css('.custom-filter'))).not.toBeNull(
-                '\'Released\' customer filter template was not found.');
-            expect(GridFunctions.getFilterCell(fix, 'ReleaseDate').query(By.css('.custom-filter'))).not.toBeNull(
-                '\'ReleaseDate\' customer filter template was not found.');
+            expect(GridFunctions.getFilterCell(fix, 'ProductName').query(By.css('.custom-filter')),
+                '\'ProductName\' customer filter template was not found.').not.toBeNull();
+            expect(GridFunctions.getFilterCell(fix, 'Downloads').query(By.css('.custom-filter')),
+                '\'Downloads\' customer filter template was not found.').not.toBeNull();
+            expect(GridFunctions.getFilterCell(fix, 'Released').query(By.css('.custom-filter')),
+                '\'Released\' customer filter template was not found.').not.toBeNull();
+            expect(GridFunctions.getFilterCell(fix, 'ReleaseDate').query(By.css('.custom-filter')),
+                '\'ReleaseDate\' customer filter template was not found.').not.toBeNull();
         }));
 
         it('Should close default filter template when clicking on a column with custom one.', fakeAsync(() => {
@@ -6176,7 +6175,7 @@ describe('IgxGrid - Filtering actions - Excel style filtering #grid', () => {
 
             excelMenu = GridFunctions.getExcelStyleFilteringComponent(fix);
             expect(excelMenu).not.toBeNull();
-            expect(inputNativeElement.value).toBe('', 'input isn\'t cleared correctly');
+            expect(inputNativeElement.value, 'input isn\'t cleared correctly').toBe('');
         }));
 
         it('Should clear search criteria when selecting clear column filters option.', fakeAsync(() => {
@@ -6615,7 +6614,7 @@ describe('IgxGrid - Filtering actions - Excel style filtering #grid', () => {
             flush();
 
             inputNativeElement = GridFunctions.getExcelStyleSearchComponentInput(fix);
-            expect(inputNativeElement.value).toBe('', 'input value didn\'t reset');
+            expect(inputNativeElement.value, 'input value didn\'t reset').toBe('');
         }));
 
         it('Should reset blank items on column change.', fakeAsync(() => {
@@ -7429,8 +7428,7 @@ const verifyPinningHidingSize = (fix: ComponentFixture<any>, expectedSize: ɵSiz
         expect(actionsAreaColumnHidingIcon, 'actionsArea column hiding icon is  NOT present').not.toBeNull();
     } else {
         // Verify icons in header are present.
-        expect((headerAreaPinIcon !== null) || (headerAreaUnpinIcon !== null)).toBe(true,
-            'headerArea pin/unpin icon is  NOT present');
+        expect((headerAreaPinIcon !== null) || (headerAreaUnpinIcon !== null), 'headerArea pin/unpin icon is  NOT present').toBe(true);
         expect(headerAreaColumnHidingIcon, 'headerArea column hiding icon is  NOT present').not.toBeNull();
         // Verify icons in actions area are not present.
         expect(actionsPinArea, 'actionsArea pin icon is present').toBeNull();
diff --git a/projects/igniteui-angular/test-utils/grid-samples.spec.ts b/projects/igniteui-angular/test-utils/grid-samples.spec.ts
@@ -269,7 +269,7 @@ export class GridPinningMRLComponent extends PinOnInitAndSelectionComponent {
 }
 
 @Component({
-    template: GridTemplateStrings.declareGrid(` [height]="height" [width]="width"`,
+    template: GridTemplateStrings.declareGrid(` height="height" width="width"`,
         `${EventSubscriptions.selected}${EventSubscriptions.columnPin}`,
         ColumnDefinitions.generatedWithWidth),
     imports: [IgxGridComponent, IgxColumnComponent]
diff --git a/projects/igniteui-angular/tree/src/tree/tree-functions.spec.ts b/projects/igniteui-angular/tree/src/tree/tree-functions.spec.ts
@@ -87,7 +87,7 @@ export class TreeTestFunctions {
         allChildren?: any[]
     ): IgxTreeNodeComponent<any>[] {
         const nodesArr = [];
-        const mockEmitter: EventEmitter<boolean> = { emit: vi.fn() };
+        const mockEmitter: EventEmitter<boolean> = { emit: vi.fn() } as unknown as EventEmitter<boolean>;
         for (let i = 0; i < count; i++) {
             nodesArr.push(this.createNodeSpy({
                 level,
diff --git a/projects/igniteui-angular/tree/src/tree/tree-navigation.spec.ts b/projects/igniteui-angular/tree/src/tree/tree-navigation.spec.ts
@@ -636,8 +636,8 @@ describe('IgxTree - Navigation #treeView', () => {
 
         describe('IgxNavigationService', () => {
             beforeEach(() => {
-                mockEmitter = { emit: vi.fn() };
-                mockTree = { selection: IgxTreeSelectionType.BiState, activeNodeChanged: mockEmitter, nodes: mockQuery1 };
+                mockEmitter = { emit: vi.fn() } as unknown as EventEmitter<IgxTreeNode<any>>;
+                mockTree = { selection: IgxTreeSelectionType.BiState, activeNodeChanged: mockEmitter, nodes: mockQuery1 } as unknown as IgxTreeComponent;
 
                 TestBed.configureTestingModule({
                     providers: [
diff --git a/projects/igniteui-angular/tree/src/tree/tree-selection.service.spec.ts b/projects/igniteui-angular/tree/src/tree/tree-selection.service.spec.ts
@@ -55,8 +55,8 @@ describe('IgxTreeSelectionService - Unit Tests #treeView', () => {
 
     describe('IgxTreeSelectionService - BiState & None', () => {
         beforeEach(() => {
-            mockEmitter = { emit: vi.fn() };
-            mockTree = { selection: IgxTreeSelectionType.BiState, nodeSelection: mockEmitter, nodes: mockQuery1 };
+            mockEmitter = { emit: vi.fn() } as unknown as EventEmitter<ITreeNodeSelectionEvent>;
+            mockTree = { selection: IgxTreeSelectionType.BiState, nodeSelection: mockEmitter, nodes: mockQuery1 } as unknown as IgxTree;
             selectionService.register(mockTree);
         });
 
@@ -96,7 +96,7 @@ describe('IgxTreeSelectionService - Unit Tests #treeView', () => {
         });
 
         it('Should handle selection based on tree.selection', () => {
-            const mockSelectedChangeEmitter: EventEmitter<boolean> = { emit: vi.fn() };
+            const mockSelectedChangeEmitter: EventEmitter<boolean> = { emit: vi.fn() } as unknown as EventEmitter<boolean>;
             const mockNode = TreeTestFunctions.createNodeSpy({ selectedChange: mockSelectedChangeEmitter });
 
             // None
@@ -147,7 +147,7 @@ describe('IgxTreeSelectionService - Unit Tests #treeView', () => {
         });
 
         it('Should deselect nodes', () => {
-            const mockSelectedChangeEmitter: EventEmitter<boolean> = { emit: vi.fn() };
+            const mockSelectedChangeEmitter: EventEmitter<boolean> = { emit: vi.fn() } as unknown as EventEmitter<boolean>;
             const mockNode1 = TreeTestFunctions.createNodeSpy({ selectedChange: mockSelectedChangeEmitter });
             const mockNode2 = TreeTestFunctions.createNodeSpy({ selectedChange: mockSelectedChangeEmitter });
 
diff --git a/projects/igniteui-angular/tree/src/tree/tree.spec.ts b/projects/igniteui-angular/tree/src/tree/tree.spec.ts
@@ -166,7 +166,8 @@ describe('IgxTree #treeView', () => {
                 tree.nodes = mockNodes;
                 const customArrayParam = [];
                 for (let i = 0; i < 5; i++) {
-                    const node = {
+                    const node: any = {
+                        _expanded: false,
                         get expanded(): boolean {
                             return this._expanded;
                         },
@@ -197,7 +198,8 @@ describe('IgxTree #treeView', () => {
                 tree.nodes = mockNodes;
                 const customArrayParam = [];
                 for (let i = 0; i < 5; i++) {
-                    const node = {
+                    const node: any = {
+                        _expanded: false,
                         get expanded(): boolean {
                             return this._expanded;
                         },
@@ -229,7 +231,7 @@ describe('IgxTree #treeView', () => {
                 tree.deselectAll();
                 expect(mockSelectionService.deselectNodesWithNoEvent).toHaveBeenCalledWith(undefined);
                 const customParam = { toArray: vi.fn() };
-                tree.deselectAll(customParam);
+                tree.deselectAll(customParam as any);
                 expect(mockSelectionService.deselectNodesWithNoEvent).toHaveBeenCalledWith(customParam);
             });
         });
diff --git a/src/app/shared/sample-data.ts b/src/app/shared/sample-data.ts
@@ -1,3 +1,18 @@
+export interface CompanyData {
+    ID: string;
+    CompanyName: string;
+    ContactName: string;
+    ContactTitle: string;
+    Address: string;
+    City: string;
+    Region: string | null | undefined;
+    PostalCode: string;
+    Country: string;
+    Phone: string;
+    Fax: string;
+    ChildCompanies?: CompanyData[];
+    selected?: boolean;
+}
 
 export const SAMPLE_DATA = [
     {
@@ -453,7 +468,7 @@ export const SAMPLE_DATA = [
     }
 ];
 
-export const HIERARCHICAL_SAMPLE_DATA = [
+export const HIERARCHICAL_SAMPLE_DATA: CompanyData[] = [
     {
         ID: 'ALFKI',
         CompanyName: 'Alfreds Futterkiste',

Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@ export class ZipWrapper {`
`28`	`28`	`result && ObjectComparer.AreEqual(this.dataFilesAndFolders, template) :`
`29`	`29`	`result && this._filesAndFolders.length === ZipFiles.templatesNames.length;`
`30`	`30`
`31`		`- expect(result).toBe(true, message + ' Unexpected zip structure!');`
	`31`	`+ expect(result, message + ' Unexpected zip structure!').toBe(true);`
`32`	`32`	`}`
`33`	`33`
`34`	`34`	`/* Verifies the contents of all template files and asserts the result.`
`@@ -41,7 +41,7 @@ export class ZipWrapper {`
`41`	`41`
`42`	`42`	`await this.readTemplateFiles().then(() => {`
`43`	`43`	`result = this.compareFiles(this.templateFilesContent, undefined);`
`44`		`- expect(result.areEqual).toBe(true, msg + result.differences);`
	`44`	`+ expect(result.areEqual, msg + result.differences).toBe(true);`
`45`	`45`	`});`
`46`	`46`	`}`
`47`	`47`
`@@ -53,7 +53,7 @@ export class ZipWrapper {`
`53`	`53`
`54`	`54`	`await this.readDataFiles().then(() => {`
`55`	`55`	`result = this.compareFiles(this.dataFilesContent, expectedData, isHGrid);`
`56`		`- expect(result.areEqual).toBe(true, msg + result.differences);`
	`56`	`+ expect(result.areEqual, msg + result.differences).toBe(true);`
`57`	`57`	`});`
`58`	`58`	`}`
`59`	`59`
Original file line number	Diff line number	Diff line change
`@@ -1647,11 +1647,11 @@ describe('IgxGrid - Column properties #grid', () => {`
`1647`	`1647`	`.filter(attr => Boolean(attr));`
`1648`	`1648`
`1649`	`1649`	`for (const attr of gridAttributes) {`
`1650`		- expect(grid[attr]).toBe(true, `Grid attribute: '${attr}' failed`);
	`1650`	+ expect(grid[attr], `Grid attribute: '${attr}' failed`).toBe(true);
`1651`	`1651`	`}`
`1652`	`1652`
`1653`	`1653`	`for (const attr of columnAttributes) {`
`1654`		- expect(column[attr]).toBe(true, `Column attribute: '${attr}' failed`);
	`1654`	+ expect(column[attr], `Column attribute: '${attr}' failed`).toBe(true);
`1655`	`1655`	`}`
`1656`	`1656`	`}))`
`1657`	`1657`	`});`
Original file line number	Diff line number	Diff line change
`@@ -269,7 +269,7 @@ export class GridPinningMRLComponent extends PinOnInitAndSelectionComponent {`
`269`	`269`	`}`
`270`	`270`
`271`	`271`	`@Component({`
`272`		- template: GridTemplateStrings.declareGrid(` [height]="height" [width]="width"`,
	`272`	+ template: GridTemplateStrings.declareGrid(` height="height" width="width"`,
`273`	`273`	`${EventSubscriptions.selected}${EventSubscriptions.columnPin}`,
`274`	`274`	`ColumnDefinitions.generatedWithWidth),`
`275`	`275`	`imports: [IgxGridComponent, IgxColumnComponent]`