test(grid): Add test for the bug #5763

Author: nrobakova

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

@@ -3690,7 +3690,7 @@ export abstract class IgxGridBaseComponent extends DisplayDensityBase implements
                     }
                     this.gridAPI.escape_editMode();
                 }
-                this.cdr.markForCheck();
+                this.cdr.detectChanges();
             }
         }
     }
@@ -3716,7 +3716,7 @@ export abstract class IgxGridBaseComponent extends DisplayDensityBase implements
             }
             const row = new IgxRow(rowSelector, -1, this.gridAPI.getRowData(rowSelector));
             this.gridAPI.update_row(row, value);
-            this.cdr.markForCheck();
+            this.cdr.detectChanges();
         }
     }
 

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

@@ -647,6 +647,46 @@ describe('IgxGrid - Cell Editing #grid', () => {
             expect(cell.editMode).toBe(true);
         });
 
+        it(`Should be able to update other cell in 'onCellEdit' event`, () => {
+            grid.primaryKey = 'personNumber';
+            fixture.detectChanges();
+
+            spyOn(grid.onCellEdit, 'emit').and.callThrough();
+            grid.onCellEdit.subscribe((e: IGridEditEventArgs) => {
+                if (e.cellID.columnID === 0) {
+                    grid.updateCell(1, e.rowID, 'age' );
+                }
+            });
+
+            let cell = grid.getCellByColumn(0, 'fullName');
+
+            UIInteractions.simulateClickAndSelectCellEvent(cell);
+            fixture.detectChanges();
+
+            cell.nativeElement.dispatchEvent(new MouseEvent('dblclick'));
+            fixture.detectChanges();
+
+            expect(cell.editMode).toBe(true);
+            let editTemplate = fixture.debugElement.query(By.css('input'));
+            UIInteractions.sendInput(editTemplate, 'New Name');
+            fixture.detectChanges();
+
+            // press tab on edited cell
+            UIInteractions.triggerKeyDownWithBlur('tab', cell.nativeElement, true);
+            fixture.detectChanges();
+
+            expect(grid.onCellEdit.emit).toHaveBeenCalledTimes(2);
+            cell = grid.getCellByColumn(0, 'age');
+            expect(cell.editMode).toBe(true);
+            expect(cell.value).toEqual(1);
+            expect(cell.editValue).toEqual(1);
+            editTemplate = fixture.debugElement.query(By.css('input'));
+            expect(editTemplate.nativeElement.value).toEqual('1');
+
+            cell = grid.getCellByColumn(0, 'fullName');
+            expect(cell.value).toEqual('New Name');
+        });
+
         it(`Should properly emit 'onCellEditCancel' event`, () => {
             spyOn(grid.onCellEditCancel, 'emit').and.callThrough();
             const cell = grid.getCellByColumn(0, 'fullName');

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

@@ -1240,12 +1240,12 @@ describe('IgxGrid - Row Selection #grid', () => {
         });
 
         it('Should be able to update row through primaryKey', () => {
-            spyOn(grid.cdr, 'markForCheck').and.callThrough();
+            spyOn(grid.onRowEdit, 'emit').and.callThrough();
             expect(grid.primaryKey).toBeTruthy();
             expect(grid.rowList.length).toEqual(10, 'All 10 rows should initialized');
             expect(grid.getRowByKey(2).rowData['JobTitle']).toMatch('Director');
             grid.updateRow({ ID: 2, Name: 'Gilberto Todd', JobTitle: 'Vice President' }, 2);
-            expect(grid.cdr.markForCheck).toHaveBeenCalledTimes(1);
+            expect(grid.onRowEdit.emit).toHaveBeenCalledTimes(1);
             fix.detectChanges();
             expect(grid.getRowByIndex(1).rowData['JobTitle']).toMatch('Vice President');
             expect(grid.getRowByKey(2).rowData['JobTitle']).toMatch('Vice President');