fix(accordion): add requested changes

Author: MonikaKirkova

projects/igniteui-angular/src/lib/accordion/accordion.component.spec.ts

@@ -232,7 +232,6 @@ describe('Rendering Tests', () => {
                 argsIng = { event: expArgs.event, cancel: expArgs.cancel, owner: accordion, panel: expArgs.owner };
             });
             accordion.panels[0].collapse();
-            accordion.panels[0].collapse();
             tick();
             fix.detectChanges();
 

projects/igniteui-angular/src/lib/accordion/accordion.component.ts

@@ -387,9 +387,7 @@ export class IgxAccordionComponent implements AfterContentInit, AfterViewInit, O
             });
             panel.contentCollapsing.pipe(takeUntil(this._unsubChildren$)).subscribe((args: IExpansionPanelCancelableEventArgs) => {
                 const evArgs: IAccordionCancelableEventArgs = { ...args, owner: this, panel: args.owner };
-                if (!args.owner.closeAnimationPlayer?._started) {
-                    this.panelCollapsing.emit(evArgs);
-                }
+                this.panelCollapsing.emit(evArgs);
                 if (evArgs.cancel) {
                     args.cancel = true;
                 }

projects/igniteui-angular/src/lib/expansion-panel/expansion-panel.component.ts

@@ -225,7 +225,8 @@ export class IgxExpansionPanelComponent extends ToggleAnimationPlayer implements
      * ```
      */
     public collapse(evt?: Event) {
-        if (this.collapsed) { // If expansion panel is already collapsed, do nothing
+        // If expansion panel is already collapsed or is collapsing, do nothing
+        if (this.collapsed || this.closeAnimationPlayer) {
             return;
         }
         const args = { event: evt, panel: this, owner: this, cancel: false };

projects/igniteui-angular/src/lib/expansion-panel/expansion-panel.spec.ts

@@ -196,6 +196,16 @@ describe('igxExpansionPanel', () => {
             expect(panel.collapsed).toBeFalsy();
             expect(header.interaction.emit).toHaveBeenCalledTimes(4);
             expect(panel.contentCollapsed.emit).toHaveBeenCalledTimes(1);
+
+            // collapse when the panel has already started collapsing
+            header.onAction(mockEvent);
+            header.onAction(mockEvent);
+            tick();
+            fixture.detectChanges();
+
+            expect(panel.collapsed).toBeTruthy();
+            expect(header.interaction.emit).toHaveBeenCalledTimes(6);
+            expect(panel.contentCollapsing.emit).toHaveBeenCalledTimes(2);
         }));
 
         it('Should expand/collapse without animation when animationSettings === null', fakeAsync(() => {