perf(jqLite): use classList for class manipulation if available

All elements/browsers that don't have classList will still use the old setTimeout method.

Author: IgorMinar

Diff for: src/jqLite.js

@@ -354,18 +354,32 @@ function jqLiteRemoveClass(element, cssClasses) {
 }
 
 function jqLiteAddClass(element, cssClasses) {
-  if (cssClasses && element.setAttribute) {
-    var existingClasses = (' ' + (element.getAttribute('class') || '') + ' ')
-                            .replace(/[\n\t]/g, " ");
-
-    forEach(cssClasses.split(' '), function(cssClass) {
-      cssClass = trim(cssClass);
-      if (existingClasses.indexOf(' ' + cssClass + ' ') === -1) {
-        existingClasses += cssClass + ' ';
+  if (cssClasses) {
+
+    // if browser and element support classList api use it
+    if (element.classList) {
+      cssClasses = trim(cssClasses);
+      if (cssClasses) {
+        cssClasses = cssClasses.split(/\s+/);
+        if (cssClasses.length === 1) {
+          element.classList.add(cssClasses[0])
+        } else {
+          element.classList.add.apply(element.classList, cssClasses);
+        }
       }
-    });
+    } else if (element.setAttribute) {
+      var existingClasses = (' ' + (element.getAttribute('class') || '') + ' ')
+          .replace(/[\n\t]/g, " ");
+
+      forEach(cssClasses.split(' '), function (cssClass) {
+        cssClass = trim(cssClass);
+        if (existingClasses.indexOf(' ' + cssClass + ' ') === -1) {
+          existingClasses += cssClass + ' ';
+        }
+      });
 
-    element.setAttribute('class', trim(existingClasses));
+      element.setAttribute('class', trim(existingClasses));
+    }
   }
 }
 

Diff for: test/ngAnimate/animateSpec.js

@@ -3344,6 +3344,15 @@ describe("ngAnimate", function() {
         }
         node._setAttribute(prop, val);
       };
+      node._classListAdd = node.classList.add;
+      node.classList.add = function(cssClass) {
+        if (cssClass === 'trigger-class') {
+          var propertyKey = ($sniffer.vendorPrefix == 'Webkit' ? '-webkit-' : '') + 'transition-property';
+          capturedProperty = element.css(propertyKey);
+        }
+
+        return node._classListAdd.apply(node.classList, arguments);
+      };
 
       expect(capturedProperty).toBe('none');
       $animate.addClass(element, 'trigger-class');