test(sidenav): fix sidenav failures under Ivy (#15300)

* Fixes one unit test that was depending on static queries.
* Fixes the remaining 16 failures that were due to some code that was commented out while waiting for a task which was resolved.

Author: crisbeto

src/lib/sidenav/drawer.spec.ts

@@ -699,6 +699,7 @@ describe('MatDrawerContainer', () => {
     it('should be able to explicitly enable the backdrop in `side` mode', fakeAsync(() => {
       const fixture = TestBed.createComponent(BasicTestApp);
       const root = fixture.nativeElement;
+      fixture.detectChanges();
 
       fixture.componentInstance.drawer.mode = 'side';
       fixture.detectChanges();

src/lib/sidenav/drawer.ts

@@ -116,10 +116,8 @@ export class MatDrawerContent extends CdkScrollable implements AfterContentInit
   host: {
     'class': 'mat-drawer',
     '[@transform]': '_animationState',
-
-    // These are commented out until FW-943 can be resolved.
-    // '(@transform.start)': '_animationStarted.next($event)',
-    // '(@transform.done)': '_animationEnd.next($event)',
+    '(@transform.start)': '_animationStarted.next($event)',
+    '(@transform.done)': '_animationEnd.next($event)',
 
     // must prevent the browser from aligning text based on value
     '[attr.align]': 'null',

src/lib/sidenav/sidenav.ts

@@ -60,10 +60,8 @@ export class MatSidenavContent extends MatDrawerContent {
     'class': 'mat-drawer mat-sidenav',
     'tabIndex': '-1',
     '[@transform]': '_animationState',
-
-    // These are commented out until FW-943 can be resolved.
-    // '(@transform.start)': '_animationStarted.next($event)',
-    // '(@transform.done)': '_animationEnd.next($event)',
+    '(@transform.start)': '_animationStarted.next($event)',
+    '(@transform.done)': '_animationEnd.next($event)',
 
     // must prevent the browser from aligning text based on value
     '[attr.align]': 'null',