chore(tests): use beforeAll where possible (#11658)

setting up jasmine matchers and mockElementFocus don't need to be
evaluated every time a test runs.

Relates to #11489

Author: codymikol

test/angular-material-spec.js

@@ -30,100 +30,7 @@
 
   var enableAnimations;
 
-  afterEach(function() {
-    enableAnimations && enableAnimations();
-    enableAnimations = null;
-  });
-
-  beforeEach(function() {
-
-    /**
-     * Before each test, require that the 'ngMaterial-mock' module is ready for injection
-     * NOTE: assumes that angular-material-mocks.js has been loaded.
-     */
-
-    module('ngAnimate');
-    module('ngMaterial-mock');
-
-    module(function() {
-      return function($mdUtil, $rootElement, $document, $animate) {
-        var DISABLE_ANIMATIONS = 'disable_animations';
-
-        // Create special animation 'stop' function used
-        // to set 0ms durations for all animations and transitions
-
-        window.disableAnimations = function disableAnimations() {
-          var body = angular.element($document[0].body);
-          var head = angular.element($document[0].getElementsByTagName('head')[0]);
-          var styleSheet = angular.element( buildStopTransitions() );
-
-          $animate.enabled(false);
-
-          head.prepend(styleSheet);
-          body.addClass(DISABLE_ANIMATIONS);
-
-          // Prepare auto-restore
-          enableAnimations = function() {
-            body.removeClass(DISABLE_ANIMATIONS);
-            styleSheet.remove();
-          };
-        };
-
-        /**
-         * Build stylesheet to set all transition and animation
-         * durations' to zero.
-         */
-        function buildStopTransitions() {
-          var style = "<style> .{0} * { {1} }</style>";
-
-          return $mdUtil.supplant(style,[ DISABLE_ANIMATIONS,
-            "transition -webkit-transition animation -webkit-animation"
-                .split(" ")
-                .map(function(key){
-                  return $mdUtil.supplant("{0}: 0s none !important",[key]);
-                })
-                .join("; ")
-          ]);
-
-        }
-
-      };
-    });
-
-    /**
-     * Mocks the focus method from the HTMLElement prototype for the duration
-     * of the running test.
-     *
-     * The mock will be automatically removed after the test finished.
-     *
-     * @example
-     *
-     * it('some focus test', inject(function($document)
-     * {
-     *   jasmine.mockElementFocus(this); // 'this' is the test instance
-     *
-     *   doSomething();
-     *   expect($document.activeElement).toBe(someElement[0]);
-     *
-     * }));
-     *
-     */
-    jasmine.mockElementFocus = function() {
-      var _focusFn = HTMLElement.prototype.focus;
-
-      inject(function($document) {
-        HTMLElement.prototype.focus = function() {
-          $document.activeElement = this;
-        };
-      });
-
-      // Un-mock focus after the test is done
-      afterEach(function() {
-        HTMLElement.prototype.focus = _focusFn;
-      });
-
-    };
-
+  beforeAll(function () {
     /**
      * Add special matchers used in the AngularJS-Material spec.
      */
@@ -279,6 +186,40 @@
       }
     });
 
+    /**
+     * Mocks the focus method from the HTMLElement prototype for the duration
+     * of the running test.
+     *
+     * The mock will be automatically removed after the test finished.
+     *
+     * @example
+     *
+     * it('some focus test', inject(function($document)
+     * {
+     *   jasmine.mockElementFocus(this); // 'this' is the test instance
+     *
+     *   doSomething();
+     *   expect($document.activeElement).toBe(someElement[0]);
+     *
+     * }));
+     *
+     */
+    jasmine.mockElementFocus = function() {
+      var _focusFn = HTMLElement.prototype.focus;
+
+      inject(function($document) {
+        HTMLElement.prototype.focus = function() {
+          $document.activeElement = this;
+        };
+      });
+
+      // Un-mock focus after the test is done
+      afterEach(function() {
+        HTMLElement.prototype.focus = _focusFn;
+      });
+
+    };
+
     /**
      * Returns the angular element associated with a css selector or element.
      * @param el {string|!angular.JQLite|!Element}
@@ -289,6 +230,67 @@
           document.querySelector(el) : el;
       return angular.element(queryResult);
     }
+  });
+
+  afterEach(function() {
+    enableAnimations && enableAnimations();
+    enableAnimations = null;
+  });
+
+  beforeEach(function() {
+
+    /**
+     * Before each test, require that the 'ngMaterial-mock' module is ready for injection
+     * NOTE: assumes that angular-material-mocks.js has been loaded.
+     */
+
+    module('ngAnimate');
+    module('ngMaterial-mock');
+
+    module(function() {
+      return function($mdUtil, $rootElement, $document, $animate) {
+        var DISABLE_ANIMATIONS = 'disable_animations';
+
+        // Create special animation 'stop' function used
+        // to set 0ms durations for all animations and transitions
+
+        window.disableAnimations = function disableAnimations() {
+          var body = angular.element($document[0].body);
+          var head = angular.element($document[0].getElementsByTagName('head')[0]);
+          var styleSheet = angular.element( buildStopTransitions() );
+
+          $animate.enabled(false);
+
+          head.prepend(styleSheet);
+          body.addClass(DISABLE_ANIMATIONS);
+
+          // Prepare auto-restore
+          enableAnimations = function() {
+            body.removeClass(DISABLE_ANIMATIONS);
+            styleSheet.remove();
+          };
+        };
+
+        /**
+         * Build stylesheet to set all transition and animation
+         * durations' to zero.
+         */
+        function buildStopTransitions() {
+          var style = "<style> .{0} * { {1} }</style>";
+
+          return $mdUtil.supplant(style,[ DISABLE_ANIMATIONS,
+            "transition -webkit-transition animation -webkit-animation"
+                .split(" ")
+                .map(function(key){
+                  return $mdUtil.supplant("{0}: 0s none !important",[key]);
+                })
+                .join("; ")
+          ]);
+
+        }
+
+      };
+    });
 
   });