refactor(TreeGridSelection): use exposed helper methods to select cell

Author: ddincheva

projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html

@@ -25,7 +25,7 @@
     </igx-date-picker>
     </ng-container>
 </ng-template>
-<ng-container *ngIf="!inEditMode">
+<ng-container *ngIf="!editMode">
     <ng-container *ngIf="level > 0">
         <div #indentationDiv class="igx-grid__tree-cell--padding-level-{{level}}"></div>
     </ng-container>

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

@@ -746,7 +746,7 @@ describe('IgxTreeGrid - Selection #tGrid', () => {
         it('should not persist selection after paging', () => {
             let rows = TreeGridFunctions.getAllRows(fix);
             let treeGridCell = TreeGridFunctions.getTreeCell(rows[0]);
-            treeGridCell.nativeElement.dispatchEvent(new Event('focus'));
+            UIInteractions.simulateClickAndSelectCellEvent(treeGridCell);
             fix.detectChanges();
 
             expect(treeGrid.selectedCells.length).toBe(1);
@@ -765,7 +765,7 @@ describe('IgxTreeGrid - Selection #tGrid', () => {
 
             rows = TreeGridFunctions.getAllRows(fix);
             treeGridCell = TreeGridFunctions.getTreeCell(rows[0]);
-            treeGridCell.nativeElement.dispatchEvent(new Event('focus'));
+            UIInteractions.simulateClickAndSelectCellEvent(treeGridCell);
             fix.detectChanges();
 
             expect(treeGrid.selectedCells.length).toBe(1);
@@ -784,7 +784,7 @@ describe('IgxTreeGrid - Selection #tGrid', () => {
         it('should persist selection after filtering', fakeAsync(() => {
             const rows = TreeGridFunctions.getAllRows(fix);
             const treeGridCell = TreeGridFunctions.getTreeCell(rows[0]);
-            treeGridCell.triggerEventHandler('focus', new Event('focus'));
+            UIInteractions.simulateClickAndSelectCellEvent(treeGridCell);
             fix.detectChanges();
 
             treeGrid.filter('ID', '14', IgxStringFilteringOperand.instance().condition('startsWith'), true);
@@ -812,8 +812,7 @@ describe('IgxTreeGrid - Selection #tGrid', () => {
 
             const rows = TreeGridFunctions.getAllRows(fix);
             const treeGridCell = TreeGridFunctions.getTreeCell(rows[0]);
-            treeGridCell.triggerEventHandler('focus', new Event('focus'));
-            await wait(100);
+            UIInteractions.simulateClickAndSelectCellEvent(treeGridCell);
             fix.detectChanges();
 
             // scroll down 150 pixels
@@ -836,7 +835,7 @@ describe('IgxTreeGrid - Selection #tGrid', () => {
         it('should persist selection after sorting', () => {
             const rows = TreeGridFunctions.getAllRows(fix);
             const treeGridCell = TreeGridFunctions.getTreeCell(rows[0]);
-            treeGridCell.triggerEventHandler('focus', new Event('focus'));
+            UIInteractions.simulateClickAndSelectCellEvent(treeGridCell);
             fix.detectChanges();
 
             expect(treeGrid.selectedCells.length).toBe(1);
@@ -854,7 +853,7 @@ describe('IgxTreeGrid - Selection #tGrid', () => {
         it('should persist selection after row delete', () => {
             const rows = TreeGridFunctions.getAllRows(fix);
             const treeGridCell = TreeGridFunctions.getTreeCell(rows[0]);
-            treeGridCell.triggerEventHandler('focus', new Event('focus'));
+            UIInteractions.simulateClickAndSelectCellEvent(treeGridCell);
             fix.detectChanges();
 
             expect(treeGrid.selectedCells.length).toBe(1);
@@ -920,8 +919,7 @@ describe('IgxTreeGrid - Selection #tGrid', () => {
 
             // select a cell
             const targetCell = treeGridCells[0];
-            targetCell.triggerEventHandler('focus', new Event('focus'));
-            tick(16);
+            UIInteractions.simulateClickAndSelectCellEvent(targetCell);
             fix.detectChanges();
 
             // there should be at least one selected cell