Skip to content

Commit 847f865

Browse files
damyanpetevdamyanpetev
committed
test(*): more control flow for track adjustments
1 parent 7923d7d commit 847f865

23 files changed

+82
-82
lines changed

‎projects/igniteui-angular/src/lib/chips/chip.spec.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ import { getComponentSize } from '../core/utils';
1515
@Component({
1616
template: `
1717
<igx-chips-area #chipsArea>
18-
@for (chip of chipList; track chip) {
18+
@for (chip of chipList; track chip.id) {
1919
<igx-chip #chipElem class="custom"
2020
[id]="chip.id" [draggable]="chip.draggable"
2121
[removable]="chip.removable" [selectable]="chip.selectable"
@@ -69,7 +69,7 @@ class TestChipComponent {
6969
@Component({
7070
template: `
7171
<igx-chips-area>
72-
@for (chip of chipList; track chip) {
72+
@for (chip of chipList; track chip.id) {
7373
<igx-chip>
7474
<span igxLabel>label</span>
7575
<span igxSuffix>suf</span>

‎projects/igniteui-angular/src/lib/chips/chips-area.spec.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import { IgxPrefixDirective } from './public_api';
1111
@Component({
1212
template: `
1313
<igx-chips-area #chipsArea class="customClass">
14-
@for (chip of chipList; track chip) {
14+
@for (chip of chipList; track chip.id) {
1515
<igx-chip #chipElem
1616
[id]="chip.id" [draggable]="chip.draggable" [removable]="chip.removable" [selectable]="chip.selectable">
1717
<igx-icon igxPrefix>drag_indicator</igx-icon>
@@ -59,7 +59,7 @@ class TestChipSelectComponent extends TestChipComponent {
5959
@Component({
6060
template: `
6161
<igx-chips-area #chipsArea (reorder)="chipsOrderChanged($event)">
62-
@for (chip of chipList; track chip) {
62+
@for (chip of chipList; track chip.id) {
6363
<igx-chip #chipElem [id]="chip.id" [draggable]="true"
6464
[removable]="true" [selectable]="true" (remove)="chipRemoved($event)">
6565
<igx-icon igxPrefix>drag_indicator</igx-icon>

‎projects/igniteui-angular/src/lib/directives/filter/filter.directive.spec.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -213,7 +213,7 @@ class DeclarativeListTestComponent {
213213
@Component({
214214
template: `
215215
<igx-list>
216-
@for (item of dataSourceItems | igxFilter: fo; track item) {
216+
@for (item of dataSourceItems | igxFilter: fo; track item.key) {
217217
<igx-list-item> {{item.text}} </igx-list-item>
218218
}
219219
</igx-list>`,

‎projects/igniteui-angular/src/lib/drop-down/drop-down.component.spec.ts‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1298,7 +1298,7 @@ describe('IgxDropDown ', () => {
12981298
<button (click)="toggleDropDown()">Toggle</button>
12991299
<igx-drop-down id="test-id" igxDropDownItemNavigation [maxHeight]="maxHeight"
13001300
[allowItemsFocus]="true" style="--ig-size: var(--ig-size-medium);">
1301-
@for (item of items; track item) {
1301+
@for (item of items; track item.field) {
13021302
<igx-drop-down-item [disabled]="item.disabled" [isHeader]="item.header" [selected]="item.selected">
13031303
{{item.field}}
13041304
</igx-drop-down-item>
@@ -1338,14 +1338,14 @@ class IgxDropDownTestComponent {
13381338
template: `
13391339
<button (click)="selectItem5()">Select 5</button>
13401340
<igx-drop-down #dropdown1>
1341-
@for (item of items; track item) {
1341+
@for (item of items; track item.field) {
13421342
<igx-drop-down-item>
13431343
{{ item.field }}
13441344
</igx-drop-down-item>
13451345
}
13461346
</igx-drop-down>
13471347
<igx-drop-down #dropdown2>
1348-
@for (item of items; track item) {
1348+
@for (item of items; track item.field) {
13491349
<igx-drop-down-item>
13501350
{{ item.field }}
13511351
</igx-drop-down-item>
@@ -1403,7 +1403,7 @@ class DoubleIgxDropDownComponent implements OnInit {
14031403
<igx-drop-down igxDropDownItemNavigation (selectionChanging)="selectionChanging($event)"
14041404
(opening)="onToggleOpening()" (opened)="onToggleOpened()"
14051405
(closing)="onToggleClosing()" (closed)="onToggleClosed()" [width]="'400px'" [height]="'400px'">
1406-
@for (item of items; track item) {
1406+
@for (item of items; track item.field) {
14071407
<igx-drop-down-item>
14081408
{{ item.field }}
14091409
</igx-drop-down-item>
@@ -1441,7 +1441,7 @@ class IgxDropDownAnchorTestComponent {
14411441
@Component({
14421442
template: ` <input #inputElement [igxDropDownItemNavigation]="dropdownElement" class='test-input' type='text' value='Focus Me!'/>
14431443
<igx-drop-down #dropdownElement [width]="'400px'" [height]="'400px'" [allowItemsFocus]="true">
1444-
@for (item of items; track item) {
1444+
@for (item of items; track item.field) {
14451445
<igx-drop-down-item>
14461446
{{ item.field }}
14471447
</igx-drop-down-item>
@@ -1466,9 +1466,9 @@ class InputWithDropDownDirectiveComponent {
14661466
@Component({
14671467
template: `
14681468
<igx-drop-down>
1469-
@for (parent of data; track parent) {
1469+
@for (parent of data; track parent.name) {
14701470
<igx-drop-down-item-group [label]="parent.name">
1471-
@for (child of parent.children; track child) {
1471+
@for (child of parent.children; track child.value) {
14721472
<igx-drop-down-item [value]="child.value">
14731473
{{ child.name }}
14741474
</igx-drop-down-item>

‎projects/igniteui-angular/src/lib/grids/grid/cell.spec.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -405,7 +405,7 @@ describe('IgxGrid - Cell component #grid', () => {
405405
@Component({
406406
template: `
407407
<igx-grid #grid [data]="data" [primaryKey]="'ProductID'" [width]="'900px'" [height]="'500px'" rowSelection = "multiple" [moving]="true">
408-
@for (c of columns; track c) {
408+
@for (c of columns; track c.field) {
409409
<igx-column [field]="c.field"
410410
[header]="c.field"
411411
[width]="c.width"

‎projects/igniteui-angular/src/lib/grids/grid/grid-mrl-keyboard-nav.spec.ts‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Component, ViewChild } from '@angular/core';
1+
import { Component, ViewChild } from '@angular/core';
22
import { TestBed, ComponentFixture, fakeAsync, tick, waitForAsync } from '@angular/core/testing';
33
import { By } from '@angular/platform-browser';
44
import { NoopAnimationsModule } from '@angular/platform-browser/animations';
@@ -2622,9 +2622,9 @@ describe('IgxGrid Multi Row Layout - Keyboard navigation #grid', () => {
26222622
@Component({
26232623
template: `
26242624
<igx-grid #grid [data]="data" [height]="'500px'" (selected)="cellSelected($event)">
2625-
@for (group of colGroups; track group) {
2625+
@for (group of colGroups; track group.group) {
26262626
<igx-column-layout [hidden]='group.hidden' [pinned]='group.pinned' [field]='group.group'>
2627-
@for (col of group.columns; track col) {
2627+
@for (col of group.columns; track col.field) {
26282628
<igx-column
26292629
[rowStart]="col.rowStart" [colStart]="col.colStart" [width]='col.width'
26302630
[colEnd]="col.colEnd" [rowEnd]="col.rowEnd" [field]='col.field' [editable]='col.editable'></igx-column>

‎projects/igniteui-angular/src/lib/grids/grid/grid-row-pinning.spec.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1436,9 +1436,9 @@ export class GridRowPinningComponent {
14361436
template: `
14371437
<igx-grid [data]="data" height="500px" [pinning]='pinningConfig' [rowSelection]="'single'"
14381438
[rowEditable]="true">
1439-
@for (group of colGroups; track group) {
1439+
@for (group of colGroups; track group.group) {
14401440
<igx-column-layout>
1441-
@for (col of group.columns; track col) {
1441+
@for (col of group.columns; track col.field) {
14421442
<igx-column
14431443
[rowStart]="col.rowStart" [colStart]="col.colStart" [width]='col.width'
14441444
[colEnd]="col.colEnd" [rowEnd]="col.rowEnd" [field]='col.field'></igx-column>

‎projects/igniteui-angular/src/lib/grids/grid/grid.component.spec.ts‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -2928,7 +2928,7 @@ describe('IgxGrid Component Tests #grid', () => {
29282928
@Component({
29292929
template: `<div style="width: 800px; height: 600px;">
29302930
<igx-grid #grid [data]="data" [autoGenerate]="autoGenerate" [autoGenerateExclude]="autoGenerateExclude" (columnInit)="columnCreated($event)">
2931-
@for (column of columns; track column) {
2931+
@for (column of columns; track column.field) {
29322932
<igx-column [field]="column.field" [hasSummary]="column.hasSummary"
29332933
[header]="column.field" [width]="column.width">
29342934
</igx-column>
@@ -3004,7 +3004,7 @@ export class IgxGridTestComponent {
30043004

30053005
@Component({
30063006
template: `<igx-grid #grid [data]="data" (columnInit)="initColumns($event)">
3007-
@for (col of columns; track col) {
3007+
@for (col of columns; track col.key) {
30083008
<igx-column [field]="col.key" [header]="col.key" [dataType]="col.dataType">
30093009
</igx-column>
30103010
}
@@ -3132,7 +3132,7 @@ export class IgxGridColumnHeaderInGroupAutoSizeComponent {
31323132

31333133
@Component({
31343134
template: `<igx-grid #grid [data]="data" [width]="'500px'" (columnInit)="initColumns($event)">
3135-
@for (col of columns; track col) {
3135+
@for (col of columns; track col.key) {
31363136
<igx-column [field]="col.key" [header]="col.key" [dataType]="col.dataType">
31373137
</igx-column>
31383138
}
@@ -3149,7 +3149,7 @@ export class IgxGridColumnPercentageWidthComponent extends IgxGridDefaultRenderi
31493149

31503150
@Component({
31513151
template: `<igx-grid #grid [hidden]="hidden" [data]="data" [autoGenerate]="false">
3152-
@for (col of columns; track col) {
3152+
@for (col of columns; track col.key) {
31533153
<igx-column [width]="'10%'" [field]="col.key" [header]="col.key" [dataType]="col.dataType">
31543154
</igx-column>
31553155
}
@@ -3430,7 +3430,7 @@ export class IgxGridFormattingComponent extends BasicGridComponent {
34303430
</igx-tab-header>
34313431
<igx-tab-content>
34323432
<igx-grid #grid2 [data]="data" [primaryKey]="'id'" [width]="'500px'" [height]="'300px'">
3433-
@for (column of columns; track column) {
3433+
@for (column of columns; track column.field) {
34343434
<igx-column
34353435
[field]="column.field"
34363436
[header]="column.field"
@@ -3446,7 +3446,7 @@ export class IgxGridFormattingComponent extends BasicGridComponent {
34463446
</igx-tab-header>
34473447
<igx-tab-content>
34483448
<igx-grid #grid3 [data]="data" [primaryKey]="'id'">
3449-
@for (column of columns; track column) {
3449+
@for (column of columns; track column.field) {
34503450
<igx-column
34513451
[field]="column.field"
34523452
[header]="column.field"
@@ -3463,7 +3463,7 @@ export class IgxGridFormattingComponent extends BasicGridComponent {
34633463
</igx-tab-header>
34643464
<igx-tab-content>
34653465
<igx-grid #grid4 [data]="data" [primaryKey]="'id'" [width]="'500px'" [height]="'300px'">
3466-
@for (column of columns; track column) {
3466+
@for (column of columns; track column.field) {
34673467
<igx-column
34683468
[field]="column.field"
34693469
[header]="column.field"
@@ -3481,7 +3481,7 @@ export class IgxGridFormattingComponent extends BasicGridComponent {
34813481
</igx-tab-header>
34823482
<igx-tab-content>
34833483
<igx-grid #grid5 [data]="data" [primaryKey]="'id'" [width]="'500px'" [height]="'100%'">
3484-
@for (column of columns; track column) {
3484+
@for (column of columns; track column.field) {
34853485
<igx-column
34863486
[field]="column.field"
34873487
[header]="column.field"
@@ -3499,7 +3499,7 @@ export class IgxGridFormattingComponent extends BasicGridComponent {
34993499
<igx-tab-content>
35003500
<div style='height:300px;'>
35013501
<igx-grid #grid6 [data]="data" [primaryKey]="'id'" [width]="'500px'" [height]="'100%'">
3502-
@for (column of columns; track column) {
3502+
@for (column of columns; track column.field) {
35033503
<igx-column
35043504
[field]="column.field"
35053505
[header]="column.field"
@@ -3576,7 +3576,7 @@ export class IgxGridWithCustomPaginationTemplateComponent {
35763576
@Component({
35773577
template: `<igx-grid #grid [width]="'2000px'" [height]="'2000px'" [data]="data"
35783578
[autoGenerate]="autoGenerate" [style.--ig-size]="1" [groupingExpressions]="groupingExpressions">
3579-
@for (column of columns; track column) {
3579+
@for (column of columns; track column.field) {
35803580
<igx-column [field]="column.field" [header]="column.field" [width]="column.width"></igx-column>
35813581
}
35823582
</igx-grid>`,

‎projects/igniteui-angular/src/lib/grids/grid/grid.groupby.spec.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4123,7 +4123,7 @@ export class CustomTemplateGridComponent extends DataParent {
41234123
[width]='width'
41244124
[height]='height'
41254125
[data]="testData">
4126-
@for (c of columns; track c) {
4126+
@for (c of columns; track c.field) {
41274127
<igx-column [groupable]="true" [field]="c.field" [header]="c.header || c.field" [width]="c.width + 'px'">
41284128
</igx-column>
41294129
}

‎projects/igniteui-angular/src/lib/grids/grid/grid.master-detail.spec.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1257,7 +1257,7 @@ describe('IgxGrid Master Detail #grid', () => {
12571257
@Component({
12581258
template: `
12591259
<igx-grid [data]="data" [width]="width" [height]="height" [primaryKey]="'ID'" [allowFiltering]="true" [rowSelection]="rowSelectable">
1260-
@for (c of columns; track c) {
1260+
@for (c of columns; track c.field) {
12611261
<igx-column [field]="c.field" [width]="c.width">
12621262
</igx-column>
12631263
}
@@ -1309,7 +1309,7 @@ export class DefaultGridMasterDetailComponent {
13091309
template: `
13101310
<igx-grid [data]="data" [expansionStates]="expStates"
13111311
[width]="width" [height]="height" [primaryKey]="'ID'" [rowSelection]="rowSelectable">
1312-
@for (c of columns; track c) {
1312+
@for (c of columns; track c.field) {
13131313
<igx-column [field]="c.field" [header]="c.field" [width]="c.width">
13141314
</igx-column>
13151315
}

0 commit comments

Comments
 (0)