refactor(*): change tests to account for new DI

IMinchev64 · IMinchev64 · commit ce346e717e76 · 2025-08-05T17:03:17.000+03:00
diff --git a/projects/igniteui-angular/src/lib/action-strip/grid-actions/grid-editing-actions.component.spec.ts b/projects/igniteui-angular/src/lib/action-strip/grid-actions/grid-editing-actions.component.spec.ts
@@ -15,6 +15,7 @@ import { IgxGridPinningActionsComponent } from './grid-pinning-actions.component
 import { IgxActionStripComponent } from '../action-strip.component';
 import { IRowDataCancelableEventArgs, IgxColumnComponent } from '../../grids/public_api';
 import { SampleTestData } from '../../test-utils/sample-test-data.spec';
+import { IgxGridNavigationService } from '../../grids/grid-navigation.service';
 
 describe('igxGridEditingActions #grid ', () => {
     let fixture;
@@ -31,6 +32,9 @@ describe('igxGridEditingActions #grid ', () => {
                 IgxActionStripEditMenuComponent,
                 IgxActionStripOneRowComponent,
                 IgxActionStripMenuOneRowComponent
+            ],
+            providers: [
+                IgxGridNavigationService
             ]
         }).compileComponents();
     }));
diff --git a/projects/igniteui-angular/src/lib/carousel/carousel.component.spec.ts b/projects/igniteui-angular/src/lib/carousel/carousel.component.spec.ts
@@ -1,4 +1,4 @@
-import { Component, ViewChild, TemplateRef, ChangeDetectionStrategy } from '@angular/core';
+import { Component, ViewChild, TemplateRef, ChangeDetectionStrategy, ElementRef } from '@angular/core';
 import { TestBed, fakeAsync, tick, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import {
@@ -14,8 +14,12 @@ import { CarouselIndicatorsOrientation, CarouselAnimationType } from './enums';
 describe('Carousel', () => {
     let fixture;
     let carousel: IgxCarouselComponent;
+    let mockElement: any;
+    let mockElementRef: ElementRef;
 
     beforeEach(waitForAsync(() => {
+        mockElement = document.createElement("div");
+        mockElementRef = new ElementRef(mockElement);
         TestBed.configureTestingModule({
             imports: [
                 NoopAnimationsModule,
@@ -24,6 +28,10 @@ describe('Carousel', () => {
                 CarouselTemplateSetInTypescriptTestComponent,
                 CarouselAnimationsComponent,
                 CarouselDynamicSlidesComponent
+            ],
+            providers: [
+                { provide: ElementRef, useValue: mockElementRef },
+                IgxSlideComponent
             ]
         }).compileComponents();
     }));
@@ -184,7 +192,7 @@ describe('Carousel', () => {
             expect(carousel.slideChanged.emit).toHaveBeenCalledTimes(3);
 
             spyOn(carousel.slideAdded, 'emit');
-            const newSlide = new IgxSlideComponent();
+            const newSlide = TestBed.inject(IgxSlideComponent);
             carousel.add(newSlide);
             fixture.detectChanges();
             args = {
diff --git a/projects/igniteui-angular/src/lib/grids/grid-base.directive.ts b/projects/igniteui-angular/src/lib/grids/grid-base.directive.ts
@@ -148,7 +148,8 @@ import {
     RowType,
     IPinningConfig,
     IClipboardOptions,
-    EntityType
+    EntityType,
+    GridServiceType
 } from './common/grid.interface';
 import { DropPosition } from './moving/moving.service';
 import { IgxHeadSelectorDirective, IgxRowSelectorDirective } from './selection/row-selectors';
@@ -212,7 +213,7 @@ export abstract class IgxGridBaseDirective implements GridType,
     /** @hidden @internal */
     public readonly selectionService = inject(IgxGridSelectionService);
     protected colResizingService = inject(IgxColumnResizingService);
-    public readonly gridAPI = inject(IGX_GRID_SERVICE_BASE);
+    public readonly gridAPI = inject<GridServiceType>(IGX_GRID_SERVICE_BASE);
     protected transactionFactory = inject(IgxFlatTransactionFactory);
     private elementRef = inject(ElementRef<HTMLElement>);
     protected zone = inject(NgZone);
diff --git a/projects/igniteui-angular/src/lib/grids/grid/grid-add-row.spec.ts b/projects/igniteui-angular/src/lib/grids/grid/grid-add-row.spec.ts
@@ -18,6 +18,7 @@ import { TransactionType } from '../../services/public_api';
 import { IgxGridRowComponent } from './grid-row.component';
 import { takeUntil, first } from 'rxjs/operators';
 import { Subject } from 'rxjs';
+import { IgxGridMRLNavigationService } from '../grid-mrl-navigation.service';
 
 const DEBOUNCETIME = 30;
 
@@ -47,6 +48,9 @@ describe('IgxGrid - Row Adding #grid', () => {
                 IgxGridRowEditingDefinedColumnsComponent,
                 ColumnLayoutTestComponent,
                 DefaultGridMasterDetailComponent
+            ],
+            providers: [
+                IgxGridMRLNavigationService
             ]
         }).compileComponents();
     }));
diff --git a/projects/igniteui-angular/src/lib/grids/grid/grid-filtering-advanced.spec.ts b/projects/igniteui-angular/src/lib/grids/grid/grid-filtering-advanced.spec.ts
@@ -29,6 +29,7 @@ import { IgxDateTimeEditorDirective } from '../../directives/date-time-editor/da
 import { QueryBuilderSelectors } from '../../query-builder/query-builder.common';
 import { IgxHGridRemoteOnDemandComponent } from '../hierarchical-grid/hierarchical-grid.spec';
 import { IGridResourceStrings } from '../../core/i18n/grid-resources';
+import { IgxGridNavigationService } from '../grid-navigation.service';
 
 describe('IgxGrid - Advanced Filtering #grid - ', () => {
     beforeEach(waitForAsync(() => {
@@ -45,6 +46,9 @@ describe('IgxGrid - Advanced Filtering #grid - ', () => {
                 IgxHierarchicalGridTestBaseComponent,
                 IgxHierarchicalGridExportComponent,
                 IgxHGridRemoteOnDemandComponent
+            ],
+            providers: [
+                IgxGridNavigationService
             ]
         }).compileComponents();
     }));
diff --git a/projects/igniteui-angular/src/lib/grids/grid/grid-keyBoardNav-headers.spec.ts b/projects/igniteui-angular/src/lib/grids/grid/grid-keyBoardNav-headers.spec.ts
@@ -15,6 +15,7 @@ import { IActiveNodeChangeEventArgs } from '../common/events';
 import { IgxStringFilteringOperand } from '../../data-operations/filtering-condition';
 import { IgxGridHeaderRowComponent } from '../headers/grid-header-row.component';
 import { ISortingStrategy, SortingDirection } from '../../data-operations/sorting-strategy';
+import { IgxGridMRLNavigationService } from '../grid-mrl-navigation.service';
 
 const DEBOUNCETIME = 30;
 
@@ -27,6 +28,9 @@ describe('IgxGrid - Headers Keyboard navigation #grid', () => {
             TestBed.configureTestingModule({
                 imports: [
                     SelectionWithScrollsComponent, NoopAnimationsModule
+                ],
+                providers: [
+                    IgxGridMRLNavigationService
                 ]
             }).compileComponents();
         }));
@@ -732,6 +736,9 @@ describe('IgxGrid - Headers Keyboard navigation #grid', () => {
             TestBed.configureTestingModule({
                 imports: [
                     MRLTestComponent, NoopAnimationsModule
+                ],
+                providers: [
+                    IgxGridMRLNavigationService
                 ]
             }).compileComponents();
         }));
diff --git a/projects/igniteui-angular/src/lib/grids/grid/grid-mrl-keyboard-nav.spec.ts b/projects/igniteui-angular/src/lib/grids/grid/grid-mrl-keyboard-nav.spec.ts
@@ -12,6 +12,7 @@ import { GridFunctions, GRID_MRL_BLOCK } from '../../test-utils/grid-functions.s
 import { CellType } from '../common/grid.interface';
 import { IgxColumnLayoutComponent } from '../columns/column-layout.component';
 import { IGridCellEventArgs, IgxColumnComponent } from '../public_api';
+import { IgxGridMRLNavigationService } from '../grid-mrl-navigation.service';
 
 const DEBOUNCE_TIME = 30;
 const CELL_CSS_CLASS = '.igx-grid__td';
@@ -23,7 +24,8 @@ describe('IgxGrid Multi Row Layout - Keyboard navigation #grid', () => {
 
     beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, ColumnLayoutTestComponent]
+            imports: [NoopAnimationsModule, ColumnLayoutTestComponent],
+            providers: [IgxGridMRLNavigationService]
         }).compileComponents();
     }));
 
@@ -1458,7 +1460,7 @@ describe('IgxGrid Multi Row Layout - Keyboard navigation #grid', () => {
                 fix.detectChanges();
                 setupGridScrollDetection(fix, fix.componentInstance.grid);
 
-                const [ _firstCell, _secondCell, thirdCell ] = fix.debugElement.queryAll(By.css(CELL_CSS_CLASS));
+                const [_firstCell, _secondCell, thirdCell] = fix.debugElement.queryAll(By.css(CELL_CSS_CLASS));
 
                 UIInteractions.simulateClickAndSelectEvent(thirdCell);
                 fix.detectChanges();
@@ -1899,7 +1901,7 @@ describe('IgxGrid Multi Row Layout - Keyboard navigation #grid', () => {
                 fix.detectChanges();
 
                 const grid = fix.componentInstance.grid;
-                 fix.detectChanges();
+                fix.detectChanges();
 
                 // focus 3rd row, first cell
                 let cell = grid.gridAPI.get_cell_by_index(2, 'ContactName');
@@ -2361,7 +2363,7 @@ describe('IgxGrid Multi Row Layout - Keyboard navigation #grid', () => {
                 const secondBlock = fix.debugElement.query(By.css('igx-grid-row')).queryAll(By.css(CELL_BLOCK))[1];
                 const thirdBlock = fix.debugElement.query(By.css('igx-grid-row')).queryAll(By.css(CELL_BLOCK))[2];
 
-                const [secondCell, thirdCell, _fourthCell ] = thirdBlock.queryAll(By.css(CELL_CSS_CLASS));
+                const [secondCell, thirdCell, _fourthCell] = thirdBlock.queryAll(By.css(CELL_CSS_CLASS));
                 const firstCell = secondBlock.queryAll(By.css(CELL_CSS_CLASS))[0];
 
                 fix.componentInstance.grid.headerContainer.getScroll().scrollLeft = 500;
diff --git a/projects/igniteui-angular/src/lib/grids/grid/grid-row-pinning.spec.ts b/projects/igniteui-angular/src/lib/grids/grid/grid-row-pinning.spec.ts
@@ -17,6 +17,7 @@ import { GridRowConditionalStylingComponent } from '../../test-utils/grid-base-c
 import { SortingDirection } from '../../data-operations/sorting-strategy';
 import { IgxColumnLayoutComponent } from '../columns/column-layout.component';
 import { CellType, IPinRowEventArgs, IPinningConfig, IgxColumnComponent } from '../public_api';
+import { IgxGridMRLNavigationService } from '../grid-mrl-navigation.service';
 
 describe('Row Pinning #grid', () => {
     const FIXED_ROW_CONTAINER = '.igx-grid__tr--pinned ';
@@ -35,6 +36,9 @@ describe('Row Pinning #grid', () => {
                 GridRowPinningWithMDVComponent,
                 GridRowPinningWithTransactionsComponent,
                 GridRowPinningWithInitialPinningComponent
+            ],
+            providers: [
+                IgxGridMRLNavigationService
             ]
         }).compileComponents();
     }));
diff --git a/projects/igniteui-angular/src/lib/grids/grid/grid.master-detail.spec.ts b/projects/igniteui-angular/src/lib/grids/grid/grid.master-detail.spec.ts
@@ -17,6 +17,7 @@ import { SortingDirection } from '../../data-operations/sorting-strategy';
 import { IgxPaginatorComponent } from '../../paginator/paginator.component';
 import { IgxColumnLayoutComponent } from '../columns/column-layout.component';
 import { CellType, IgxColumnComponent, IgxGridDetailTemplateDirective } from '../public_api';
+import { IgxGridMRLNavigationService } from '../grid-mrl-navigation.service';
 
 const DEBOUNCE_TIME = 30;
 const ROW_TAG = 'igx-grid-row';
@@ -38,6 +39,9 @@ describe('IgxGrid Master Detail #grid', () => {
                 DefaultGridMasterDetailComponent,
                 AllExpandedGridMasterDetailComponent,
                 MRLMasterDetailComponent
+            ],
+            providers: [
+                IgxGridMRLNavigationService
             ]
         }).compileComponents();
     }));
diff --git a/projects/igniteui-angular/src/lib/grids/grid/grid.pinning.spec.ts b/projects/igniteui-angular/src/lib/grids/grid/grid.pinning.spec.ts
@@ -26,6 +26,7 @@ import { DropPosition } from '../moving/moving.service';
 import { clearGridSubs, setupGridScrollDetection } from '../../test-utils/helper-utils.spec';
 import { SortingDirection } from '../../data-operations/sorting-strategy';
 import { IPinningConfig } from '../public_api';
+import { IgxGridMRLNavigationService } from '../grid-mrl-navigation.service';
 
 describe('IgxGrid - Column Pinning #grid', () => {
 
@@ -40,6 +41,9 @@ describe('IgxGrid - Column Pinning #grid', () => {
                 GridFeaturesComponent,
                 MultiColumnHeadersWithGroupingComponent,
                 GridPinningMRLComponent
+            ],
+            providers: [
+                IgxGridMRLNavigationService
             ]
         }).compileComponents();
     }))
diff --git a/projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid-add-row.spec.ts b/projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid-add-row.spec.ts
@@ -5,6 +5,7 @@ import { IgxActionStripComponent } from '../../action-strip/public_api';
 import { IgxHierarchicalGridActionStripComponent } from '../../test-utils/hierarchical-grid-components.spec';
 import { wait } from '../../test-utils/ui-interactions.spec';
 import { By } from '@angular/platform-browser';
+import { IgxGridNavigationService } from '../grid-navigation.service';
 
 describe('IgxHierarchicalGrid - Add Row UI #tGrid', () => {
     let fixture;
@@ -21,6 +22,9 @@ describe('IgxHierarchicalGrid - Add Row UI #tGrid', () => {
         TestBed.configureTestingModule({
             imports: [
                 NoopAnimationsModule, IgxHierarchicalGridActionStripComponent
+            ],
+            providers: [
+                IgxGridNavigationService
             ]
         }).compileComponents();
     }));
@@ -74,7 +78,7 @@ describe('IgxHierarchicalGrid - Add Row UI #tGrid', () => {
         });
 
         it('Should allow adding to child grid for parent row that has null/undefined child collection.', async () => {
-            const data = [ { ID: '1',  ProductName: 'Product: A'}];
+            const data = [{ ID: '1', ProductName: 'Product: A' }];
             hierarchicalGrid.data = data;
             fixture.detectChanges();
 
@@ -84,7 +88,7 @@ describe('IgxHierarchicalGrid - Add Row UI #tGrid', () => {
             const child1Grids = fixture.debugElement.queryAll(By.css('igx-child-grid-row'));
             const child1Grid = child1Grids[0].query(By.css('igx-hierarchical-grid'));
             const childComponent: IgxHierarchicalGridComponent = child1Grid.componentInstance;
-            const childDataToAdd = { ID: '2',  ProductName: 'ChildProduct: A'};
+            const childDataToAdd = { ID: '2', ProductName: 'ChildProduct: A' };
             childComponent.addRow(childDataToAdd);
             fixture.detectChanges();
             expect(data[0]['childData1'].length).toBe(1);
diff --git a/projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid.integration.spec.ts b/projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid.integration.spec.ts
@@ -21,6 +21,7 @@ import { GridSelectionMode, ColumnPinningPosition, RowPinningPosition, Size } fr
 import { IgxPaginatorComponent } from '../../paginator/paginator.component';
 import { SampleTestData } from '../../test-utils/sample-test-data.spec';
 import { setElementSize } from '../../test-utils/helper-utils.spec';
+import { IgxGridNavigationService } from '../grid-navigation.service';
 
 describe('IgxHierarchicalGrid Integration #hGrid', () => {
     let fixture: ComponentFixture<IgxHierarchicalGridTestBaseComponent>;
@@ -41,6 +42,9 @@ describe('IgxHierarchicalGrid Integration #hGrid', () => {
                 IgxHierarchicalGridWithTransactionProviderComponent,
                 IgxHierarchicalGridTestInputPaginatorComponent,
                 IgxHierarchicalGridTestInputToolbarComponent
+            ],
+            providers: [
+                IgxGridNavigationService
             ]
         }).compileComponents();
     }))
diff --git a/projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid.selection.spec.ts b/projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid.selection.spec.ts
@@ -17,6 +17,7 @@ import { QueryList } from '@angular/core';
 import { CellType } from '../public_api';
 import { SampleTestData } from '../../test-utils/sample-test-data.spec';
 import { setElementSize } from '../../test-utils/helper-utils.spec';
+import { IgxGridNavigationService } from '../grid-navigation.service';
 
 describe('IgxHierarchicalGrid selection #hGrid', () => {
     let fix;
@@ -34,6 +35,9 @@ describe('IgxHierarchicalGrid selection #hGrid', () => {
                 IgxHierarchicalGridRowSelectionTestSelectRowOnClickComponent,
                 IgxHierarchicalGridCustomSelectorsComponent,
                 IgxHierarchicalGridRowSelectionNoTransactionsComponent
+            ],
+            providers: [
+                IgxGridNavigationService
             ]
         }).compileComponents();
     }))
diff --git a/projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid.virtualization.spec.ts b/projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid.virtualization.spec.ts
@@ -15,6 +15,7 @@ import { HierarchicalGridFunctions } from '../../test-utils/hierarchical-grid-fu
 import { IgxHierarchicalRowComponent } from './hierarchical-row.component';
 import { IgxHierarchicalGridDefaultComponent } from '../../test-utils/hierarchical-grid-components.spec';
 import { firstValueFrom } from 'rxjs';
+import { IgxGridNavigationService } from '../grid-navigation.service';
 
 describe('IgxHierarchicalGrid Virtualization #hGrid', () => {
     let fixture;
@@ -26,6 +27,9 @@ describe('IgxHierarchicalGrid Virtualization #hGrid', () => {
                 NoopAnimationsModule,
                 IgxHierarchicalGridTestBaseComponent,
                 IgxHierarchicalGridDefaultComponent
+            ],
+            providers: [
+                IgxGridNavigationService
             ]
         }).compileComponents();
     }));
diff --git a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-data-selector.spec.ts b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-data-selector.spec.ts
@@ -18,6 +18,7 @@ import {
 } from "./pivot-grid.interface";
 import { Size } from '../common/enums';
 import { setElementSize } from '../../test-utils/helper-utils.spec';
+import { IgxGridNavigationService } from '../grid-navigation.service';
 
 describe("Pivot data selector", () => {
 
@@ -47,6 +48,9 @@ describe("Pivot data selector integration", () => {
             imports: [
                 NoopAnimationsModule,
                 IgxPivotGridTestBaseComponent
+            ],
+            providers: [
+                IgxGridNavigationService
             ]
         }).compileComponents();
     }));
diff --git a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid-keyboard-nav.spec.ts b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid-keyboard-nav.spec.ts
@@ -6,6 +6,7 @@ import { IgxPivotGridMultipleRowComponent, IgxPivotGridTestBaseComponent } from
 import { UIInteractions, wait } from '../../test-utils/ui-interactions.spec';
 import { IgxPivotGridComponent } from './pivot-grid.component';
 import { IgxPivotRowDimensionHeaderComponent } from './pivot-row-dimension-header.component';
+import { IgxGridNavigationService } from '../grid-navigation.service';
 
 const DEBOUNCE_TIME = 250;
 const PIVOT_TBODY_CSS_CLASS = '.igx-grid__tbody';
@@ -24,6 +25,9 @@ describe('IgxPivotGrid - Keyboard navigation #pivotGrid', () => {
                 imports: [
                     NoopAnimationsModule,
                     IgxPivotGridMultipleRowComponent
+                ],
+                providers: [
+                    IgxGridNavigationService
                 ]
             }).compileComponents();
         }));
@@ -271,6 +275,9 @@ describe('IgxPivotGrid - Keyboard navigation #pivotGrid', () => {
                 imports: [
                     NoopAnimationsModule,
                     IgxPivotGridTestBaseComponent
+                ],
+                providers: [
+                    IgxGridNavigationService
                 ]
             }).compileComponents();
         }));
diff --git a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.component.ts b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.component.ts
@@ -70,7 +70,7 @@ import { DefaultDataCloneStrategy, IDataCloneStrategy } from '../../data-operati
 import { IgxPivotRowHeaderGroupComponent } from './pivot-row-header-group.component';
 import { IgxPivotDateDimension } from './pivot-grid-dimensions';
 import { IgxPivotRowDimensionMrlRowComponent } from './pivot-row-dimension-mrl-row.component';
-import { IgxPivotGridRow } from  '../grid-public-row';
+import { IgxPivotGridRow } from '../grid-public-row';
 
 let NEXT_ID = 0;
 const MINIMUM_COLUMN_WIDTH = 200;
@@ -167,6 +167,7 @@ const MINIMUM_COLUMN_WIDTH_SUPER_COMPACT = 104;
 })
 export class IgxPivotGridComponent extends IgxGridBaseDirective implements OnInit, AfterContentInit,
     PivotGridType, AfterViewInit, OnChanges {
+    public override readonly gridAPI = inject<GridBaseAPIService<IgxGridBaseDirective & GridType>>(GridBaseAPIService);
     public override navigation = inject(IgxPivotGridNavigationService);
 
     /**
diff --git a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.spec.ts b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.spec.ts
diff --git a/projects/igniteui-angular/src/lib/services/csv/csv-exporter-grid.spec.ts b/projects/igniteui-angular/src/lib/services/csv/csv-exporter-grid.spec.ts
diff --git a/projects/igniteui-angular/src/lib/services/excel/excel-exporter-grid.spec.ts b/projects/igniteui-angular/src/lib/services/excel/excel-exporter-grid.spec.ts
