fix(material-experimental/mdc-snack-bar): disable animations in noop (#21377)

(cherry picked from commit bcbdb74)

Author: andrewseguin

src/material-experimental/mdc-snack-bar/snack-bar-container.scss

@@ -13,6 +13,10 @@
   @include cdk-high-contrast(active, off) {
     border: solid 1px;
   }
+
+  &._mat-animation-noopable .mdc-snackbar__surface {
+    transition: none;
+  }
 }
 
 // These elements need to have full width using flex layout.

src/material-experimental/mdc-snack-bar/snack-bar-container.ts

@@ -20,12 +20,15 @@ import {
   ComponentRef,
   ElementRef,
   EmbeddedViewRef,
+  Inject,
   NgZone,
   OnDestroy,
+  Optional,
   ViewChild,
   ViewEncapsulation
 } from '@angular/core';
 import {MatSnackBarConfig, _SnackBarContainer} from '@angular/material/snack-bar';
+import {ANIMATION_MODULE_TYPE} from '@angular/platform-browser/animations';
 import {MDCSnackbarAdapter, MDCSnackbarFoundation} from '@material/snackbar';
 import {Platform} from '@angular/cdk/platform';
 import {Observable, Subject} from 'rxjs';
@@ -57,6 +60,7 @@ const MDC_SNACKBAR_LABEL_CLASS = 'mdc-snackbar__label';
     // been dismissed and will soon be removed from the DOM. This is used by the snackbar
     // test harness.
     '[attr.mat-exit]': `_exiting ? '' : null`,
+    '[class._mat-animation-noopable]': `_animationMode === 'NoopAnimations'`,
   }
 })
 export class MatSnackBarContainer extends BasePortalOutlet
@@ -114,7 +118,8 @@ export class MatSnackBarContainer extends BasePortalOutlet
       private _elementRef: ElementRef<HTMLElement>,
       public snackBarConfig: MatSnackBarConfig,
       private _platform: Platform,
-      private _ngZone: NgZone) {
+      private _ngZone: NgZone,
+      @Optional() @Inject(ANIMATION_MODULE_TYPE) public _animationMode?: string) {
     super();
 
     // Use aria-live rather than a live role like 'alert' or 'status'