chore(*): Fixed some typos & waits

Author: gedinakova

projects/igniteui-angular/grids/tree-grid/src/tree-grid-integration.spec.ts

@@ -1389,17 +1389,21 @@ describe('IgxTreeGrid - Integration #tGrid', () => {
             treeGrid.moving = true;
             fix.detectChanges();
 
-            // const header = fix.debugElement.queryAll(By.css('.igx-grid-thead__item'))[0].nativeElement;
-            const header = treeGrid.headerGroups[0].nativeElement;
+            const header = fix.debugElement.queryAll(By.css('.igx-grid-thead__item'))[3].nativeElement;
+            // const header = treeGrid.headerGroups[0].nativeElement;
 
             UIInteractions.simulatePointerEvent('pointerdown', header, 100, 40);
-            await wait();
+            fix.detectChanges();
+            await wait(100);
+
             UIInteractions.simulatePointerEvent('pointermove', header, 106, 46);
-            await wait();
+            fix.detectChanges();
+            await wait(100);
+
             UIInteractions.simulatePointerEvent('pointermove', header, 700, 40);
-            await wait();
+            fix.detectChanges();
+            await wait(100);
             UIInteractions.simulatePointerEvent('pointerup', header, 700, 40);
-            await wait();
             fix.detectChanges();
 
             TreeGridFunctions.verifyTreeColumnInMultiColHeaders(fix, 'HireDate', 4);

projects/igniteui-angular/test-utils/tree-grid-components.spec.ts

@@ -722,7 +722,7 @@ export class IgxTreeGridLoadOnDemandComponent {
 }
 @Component({
     template: `
-    <igx-tree-grid #treeGrid [data]="data" primaryKey="ID" foreignKey="ParentID" width="500px" height="600px"columnWidth="150px" >
+    <igx-tree-grid #treeGrid [data]="data" primaryKey="ID" foreignKey="ParentID" width="500px" height="600px" columnWidth="150px" >
         <igx-column [field]="'ID'" dataType="number"></igx-column>
         <igx-column [field]="'Name'" dataType="string"></igx-column>
         <igx-column [field]="'Age'" dataType="number"></igx-column>
@@ -767,7 +767,7 @@ export class IgxTreeGridLoadOnDemandChildDataComponent {
 
 @Component({
     template: `
-    <igx-tree-grid #treeGrid [data]="data" childDataKey="Employees" width="500px" height="600px"columnWidth="150px">
+    <igx-tree-grid #treeGrid [data]="data" childDataKey="Employees" width="500px" height="600px" columnWidth="150px">
         <igx-column [field]="'ID'" dataType="number"></igx-column>
         <igx-column [field]="'Name'" dataType="string"></igx-column>
         <igx-column [field]="'Age'" dataType="number"></igx-column>