test(*): apply control flow suggestions

Author: damyanpetev

projects/igniteui-angular/src/lib/action-strip/grid-actions/grid-editing-actions.component.spec.ts

@@ -390,7 +390,7 @@ describe('igxGridEditingActions #grid ', () => {
     template: `
     <igx-grid #grid [data]="data" [width]="'800px'" [height]="'500px'"
         [rowEditable]="true" [primaryKey]="'ID'">
-        @for (c of columns; track c) {
+        @for (c of columns; track c.field) {
             <igx-column [sortable]="true" [field]="c.field" [header]="c.field"
                 [width]="c.width" [pinned]='c.pinned' [hidden]='c.hidden'>
             </igx-column>
@@ -469,7 +469,7 @@ class IgxActionStripTestingComponent implements OnInit {
     template: `
     <igx-grid #grid [data]="data" [width]="'800px'" [height]="'500px'"
         [rowEditable]="true" [primaryKey]="'ID'">
-        @for (c of columns; track c) {
+        @for (c of columns; track c.field) {
             <igx-column [sortable]="true" [field]="c.field" [header]="c.field"
                 [width]="c.width" [pinned]='c.pinned' [hidden]='c.hidden'>
             </igx-column>
@@ -491,7 +491,7 @@ class IgxActionStripPinEditComponent extends IgxActionStripTestingComponent {
     template: `
     <igx-grid #grid [data]="data" [width]="'800px'" [height]="'500px'"
         [rowEditable]="true" [primaryKey]="'ID'">
-        @for (c of columns; track c) {
+        @for (c of columns; track c.field) {
             <igx-column [sortable]="true" [field]="c.field" [header]="c.field"
                 [width]="c.width" [pinned]='c.pinned' [hidden]='c.hidden'>
             </igx-column>
@@ -512,7 +512,7 @@ class IgxActionStripEditMenuComponent extends IgxActionStripTestingComponent {
     template: `
     <igx-grid #grid [data]="dataOneRow" [width]="'800px'" [height]="'500px'"
         [rowEditable]="true" [primaryKey]="'ID'">
-        @for (c of columns; track c) {
+        @for (c of columns; track c.field) {
             <igx-column [sortable]="true" [field]="c.field" [header]="c.field"
                 [width]="c.width" [pinned]='c.pinned' [hidden]='c.hidden'>
             </igx-column>
@@ -534,7 +534,7 @@ class IgxActionStripOneRowComponent extends IgxActionStripTestingComponent {
     template: `
     <igx-grid #grid [data]="dataOneRow" [width]="'800px'" [height]="'500px'"
         [rowEditable]="true" [primaryKey]="'ID'">
-        @for (c of columns; track c) {
+        @for (c of columns; track c.field) {
             <igx-column [sortable]="true" [field]="c.field" [header]="c.field"
                 [width]="c.width" [pinned]='c.pinned' [hidden]='c.hidden'>
             </igx-column>

projects/igniteui-angular/src/lib/action-strip/grid-actions/grid-pinning-actions.component.spec.ts

@@ -102,7 +102,7 @@ describe('igxGridPinningActions #grid ', () => {
     template: `
     <igx-grid #grid [data]="data" [width]="'800px'" [height]="'500px'"
         [rowEditable]="true" [primaryKey]="'ID'">
-        @for (c of columns; track c) {
+        @for (c of columns; track c.field) {
             <igx-column [sortable]="true" [field]="c.field" [header]="c.field"
                 [width]="c.width" [pinned]='c.pinned' [hidden]='c.hidden'>
             </igx-column>
@@ -176,7 +176,7 @@ class IgxActionStripTestingComponent implements OnInit {
     template: `
     <igx-grid #grid [data]="data" [width]="'800px'" [height]="'500px'"
         [rowEditable]="true" [primaryKey]="'ID'">
-        @for (c of columns; track c) {
+        @for (c of columns; track c.field) {
             <igx-column [sortable]="true" [field]="c.field" [header]="c.field"
                 [width]="c.width" [pinned]='c.pinned' [hidden]='c.hidden'>
             </igx-column>

projects/igniteui-angular/src/lib/buttonGroup/buttongroup.component.spec.ts

@@ -584,7 +584,7 @@ class ButtonGroupWithSelectedButtonComponent {
 @Component({
     template: `
     <igx-buttongroup>
-        @for (item of items; track item) {
+        @for (item of items; track item.key) {
             <button igxButton [selected]="item.key === selectedValue">{{item.value}}</button>
         }
     </igx-buttongroup>