diff --git a/src/material/dialog/testing/dialog-opener.ts b/src/material/dialog/testing/dialog-opener.ts index 68cff6c9269f..6f2fdf81a47c 100644 --- a/src/material/dialog/testing/dialog-opener.ts +++ b/src/material/dialog/testing/dialog-opener.ts @@ -17,8 +17,8 @@ import { inject, } from '@angular/core'; import {MatDialog, MatDialogConfig, MatDialogModule, MatDialogRef} from '../../dialog'; -import {NoopAnimationsModule} from '@angular/platform-browser/animations'; import {Subscription} from 'rxjs'; +import {AnimationsConfig, MATERIAL_ANIMATIONS} from '@angular/material/core'; /** Test component that immediately opens a dialog when bootstrapped. */ @Component({ @@ -63,12 +63,12 @@ export class MatTestDialogOpener implements OnDestroy throw new Error(`MatTestDialogOpener does not have a component provided.`); } - this.dialogRef = this._ngZone.run(() => - this.dialog.open( - MatTestDialogOpener.component as ComponentType, - MatTestDialogOpener.config || {}, - ), - ); + this.dialogRef = this._ngZone.run(() => { + const config = {...(MatTestDialogOpener.config || {})}; + config.enterAnimationDuration = 0; + config.exitAnimationDuration = 0; + return this.dialog.open(MatTestDialogOpener.component as ComponentType, config); + }); this._afterClosedSubscription = this.dialogRef.afterClosed().subscribe(result => { this.closedResult = result; }); @@ -82,6 +82,14 @@ export class MatTestDialogOpener implements OnDestroy } @NgModule({ - imports: [MatDialogModule, NoopAnimationsModule, MatTestDialogOpener], + imports: [MatDialogModule, MatTestDialogOpener], + providers: [ + { + provide: MATERIAL_ANIMATIONS, + useValue: { + animationsDisabled: true, + } as AnimationsConfig, + }, + ], }) export class MatTestDialogOpenerModule {}