Merge pull request #8280 from IgniteUI/mkirova/add-row-summaries

fix(igxGrid): Fix issue with summary cache clearing when row is added…

Author: ChronosSF

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

@@ -4378,7 +4378,7 @@ export abstract class IgxGridBaseDirective extends DisplayDensityBase implements
     public refreshGridState(args?) {
         this.endEdit(true);
         this.selectionService.clearHeaderCBState();
-        this.summaryService.clearSummaryCache(args);
+        this.summaryService.clearSummaryCache();
     }
 
     // TODO: We have return values here. Move them to event args ??

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

@@ -3,7 +3,7 @@ import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { async, TestBed, fakeAsync } from '@angular/core/testing';
 import { configureTestSuite } from '../../test-utils/configure-suite';
 import { DebugElement } from '@angular/core';
-import { GridFunctions } from '../../test-utils/grid-functions.spec';
+import { GridFunctions, GridSummaryFunctions } from '../../test-utils/grid-functions.spec';
 import {
     IgxAddRowComponent
 } from '../../test-utils/grid-samples.spec';
@@ -14,6 +14,7 @@ import { IgxActionStripModule } from '../../action-strip/action-strip.module';
 import { UIInteractions, wait } from '../../test-utils/ui-interactions.spec';
 
 describe('IgxGrid - Row Adding #grid', () => {
+        const SUMMARY_ROW = 'igx-grid-summary-row';
         let fixture;
         let grid: IgxGridComponent;
         let gridContent: DebugElement;
@@ -196,5 +197,21 @@ describe('IgxGrid - Row Adding #grid', () => {
              expect(rowOffsets.top >= gridOffsets.top && rowOffsets.bottom <= gridOffsets.bottom).toBeTruthy();
         });
 
+        it('should update summaries after row is added via the UI.', () => {
+            grid.getColumnByName('ID').hasSummary = true;
+            fixture.detectChanges();
+            let summaryRow = fixture.debugElement.query(By.css(SUMMARY_ROW));
+            GridSummaryFunctions.verifyColumnSummaries(summaryRow, 0, ['Count'], ['27']);
+
+            grid.rowList.first.beginAddRow();
+            fixture.detectChanges();
+
+            grid.endEdit(true);
+            fixture.detectChanges();
+
+            summaryRow = fixture.debugElement.query(By.css(SUMMARY_ROW));
+            GridSummaryFunctions.verifyColumnSummaries(summaryRow, 0, ['Count'], ['28']);
+        });
+
     });
 });

src/app/grid-add-row/grid-add-row.sample.html

@@ -19,6 +19,7 @@
             [pinned]="c.pinned"
             [hidden]="c.hidden"
             [groupable]='true'
+            [hasSummary]="true"
         >
         </igx-column>