fix(groupby): Dont set groupingExpressions if value is the same reference #9295 (#9317)

Author: dkamburov

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

@@ -223,6 +223,9 @@ export class IgxGridComponent extends IgxGridBaseDirective implements GridType,
     }
 
     set groupingExpressions(value: IGroupingExpression[]) {
+        if (this.groupingExpressions === value) {
+            return;
+        }
         if (value && value.length > 10) {
             throw Error('Maximum amount of grouped columns is 10.');
         }

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

@@ -565,6 +565,25 @@ describe('IgxGrid - GroupBy #grid', () => {
         }
     }));
 
+    it('should not apply grouping if the grouping expressions value is the same reference', fakeAsync(() => {
+        const fix = TestBed.createComponent(DefaultGridComponent);
+        fix.detectChanges();
+
+        // group by string column
+        const grid = fix.componentInstance.instance;
+        fix.detectChanges();
+        grid.groupBy({
+            fieldName: 'ReleaseDate', dir: SortingDirection.Asc, ignoreCase: false
+        });
+        fix.detectChanges();
+        spyOn(grid.groupingExpressionsChange, 'emit');
+        fix.detectChanges();
+        const firstCell = grid.getCellByColumn(2, 'Downloads');
+        UIInteractions.simulateClickAndSelectEvent(firstCell);
+        fix.detectChanges();
+        expect(grid.groupingExpressionsChange.emit).toHaveBeenCalledTimes(0);
+    }));
+
     // GroupBy + Sorting integration
     it('should apply sorting on each group\'s records when non-grouped column is sorted.', fakeAsync(() => {
         const fix = TestBed.createComponent(DefaultGridComponent);
@@ -2620,6 +2639,7 @@ describe('IgxGrid - GroupBy #grid', () => {
 @Component({
     template: `
         <igx-grid
+            [(groupingExpressions)]='currentGroupingExpressions'
             [width]='width'
             [height]='height'
             [dropAreaTemplate]='currentDropArea'
@@ -2648,6 +2668,7 @@ export class DefaultGridComponent extends DataParent {
     public enableEditing = false;
     public enableGrouping = true;
     public currentSortExpressions;
+    public currentGroupingExpressions = [];
 
     public columnsCreated(column: IgxColumnComponent) {
         column.sortable = this.enableSorting;