fix(): remove all async/waiting from the sidenav specs.

Author: hansl

src/components/sidenav/sidenav-transitions.scss

@@ -0,0 +1,27 @@
+/**
+ * We separate transitions to be able to disable them in unit tests, by simply not loading this file.
+ */
+@import "variables";
+
+
+:host {
+  transition: margin-left $swift-ease-out-duration $swift-ease-out-timing-function,
+              margin-right $swift-ease-out-duration $swift-ease-out-timing-function;
+
+  & > .md-sidenav-backdrop {
+    &.md-sidenav-shown {
+      transition: background-color $swift-ease-out-duration $swift-ease-out-timing-function;
+    }
+  }
+
+  & > md-content {
+    transition: margin-left $swift-ease-out-duration $swift-ease-out-timing-function,
+                margin-right $swift-ease-out-duration $swift-ease-out-timing-function,
+                left $swift-ease-out-duration $swift-ease-out-timing-function,
+                right $swift-ease-out-duration $swift-ease-out-timing-function;
+  }
+
+  > md-sidenav {
+    transition: transform $swift-ease-out-duration $swift-ease-out-timing-function;
+  }
+}

src/components/sidenav/sidenav.scss

@@ -58,9 +58,6 @@ $md-sidenav-push-background-color: md-color($md-background, dialog) !default;
   // Hide the sidenavs when they're closed.
   overflow-x: hidden;
 
-  transition: margin-left $swift-ease-out-duration $swift-ease-out-timing-function,
-              margin-right $swift-ease-out-duration $swift-ease-out-timing-function;
-
   & > .md-sidenav-backdrop {
     position: absolute;
     top: 0;
@@ -83,18 +80,13 @@ $md-sidenav-push-background-color: md-color($md-background, dialog) !default;
     &.md-sidenav-shown {
       visibility: visible;
       background-color: $md-sidenav-backdrop-color;
-      transition: background-color $swift-ease-out-duration $swift-ease-out-timing-function;
     }
   }
 
   & > md-content {
     @include md-stacking-context();
 
     display: block;
-    transition: margin-left $swift-ease-out-duration $swift-ease-out-timing-function,
-                margin-right $swift-ease-out-duration $swift-ease-out-timing-function,
-                left $swift-ease-out-duration $swift-ease-out-timing-function,
-                right $swift-ease-out-duration $swift-ease-out-timing-function;
   }
 
   > md-sidenav {
@@ -108,8 +100,6 @@ $md-sidenav-push-background-color: md-color($md-background, dialog) !default;
 
     background-color: $md-sidenav-background-color;
 
-    transition: transform $swift-ease-out-duration $swift-ease-out-timing-function;
-
     @include md-sidenav-transition(0, -100%);
 
     &.md-sidenav-push {