diff --git a/src/cdk/overlay/overlay-directives.spec.ts b/src/cdk/overlay/overlay-directives.spec.ts index 45e4b1d3a44..7251c94bb0e 100644 --- a/src/cdk/overlay/overlay-directives.spec.ts +++ b/src/cdk/overlay/overlay-directives.spec.ts @@ -359,7 +359,8 @@ describe('Overlay directives', () => { backdrop.click(); fixture.detectChanges(); - expect(fixture.componentInstance.backdropClicked).toBe(true); + expect(fixture.componentInstance.backdropClickHandler) + .toHaveBeenCalledWith(jasmine.any(MouseEvent)); }); it('should emit positionChange appropriately', () => { @@ -404,7 +405,7 @@ describe('Overlay directives', () => { @@ -425,7 +426,7 @@ class ConnectedOverlayDirectiveTest { offsetY = 0; triggerOverride: CdkOverlayOrigin; hasBackdrop: boolean; - backdropClicked = false; + backdropClickHandler = jasmine.createSpy('backdropClick handler'); positionChangeHandler = jasmine.createSpy('positionChangeHandler'); positionOverrides: ConnectionPositionPair[]; attachHandler = jasmine.createSpy('attachHandler').and.callFake(() => { diff --git a/src/cdk/overlay/overlay-directives.ts b/src/cdk/overlay/overlay-directives.ts index 02bdcfbeee5..d956e4d27ef 100644 --- a/src/cdk/overlay/overlay-directives.ts +++ b/src/cdk/overlay/overlay-directives.ts @@ -254,7 +254,7 @@ export class CdkConnectedOverlay implements OnDestroy, OnChanges { set _deprecatedHasBackdrop(_hasBackdrop: any) { this.hasBackdrop = _hasBackdrop; } /** Event emitted when the backdrop is clicked. */ - @Output() backdropClick = new EventEmitter(); + @Output() backdropClick = new EventEmitter(); /** Event emitted when the position has changed. */ @Output() positionChange = new EventEmitter(); @@ -402,8 +402,8 @@ export class CdkConnectedOverlay implements OnDestroy, OnChanges { } if (this.hasBackdrop) { - this._backdropSubscription = this._overlayRef.backdropClick().subscribe(() => { - this.backdropClick.emit(); + this._backdropSubscription = this._overlayRef.backdropClick().subscribe(event => { + this.backdropClick.emit(event); }); } }