test(): fix timing fn assertions for browser differences

Author: Narretz

test/ngAnimate/animateCssSpec.js

@@ -638,7 +638,7 @@ describe("ngAnimate $animateCss", function() {
         it("should apply all transition shorthand properties that are already on the element",
           inject(function($animateCss, $rootElement) {
 
-          ss.addRule('.action', 'transition: color 1s ease-out 5s;');
+          ss.addRule('.action', 'transition: color 1s cubic-bezier(0.25, 0.1, 0.25, 1) 5s;');
           element.addClass('action');
 
           var options = {
@@ -649,18 +649,17 @@ describe("ngAnimate $animateCss", function() {
           animator.start();
           triggerAnimationStartFrame();
 
-          var style = element.attr('style');
           expect(element.css('transition-duration')).toMatch('1s');
           expect(element.css('transition-delay')).toMatch('5s');
           expect(element.css('transition-property')).toMatch('color');
-          expect(style).toContain('ease-out');
+          expect(element.css('transition-timing-function')).toBe('cubic-bezier(0.25, 0.1, 0.25, 1)');
         }));
 
         it("should apply all explicit transition properties that are already on the element",
           inject(function($animateCss, $rootElement) {
 
           ss.addRule('.action', 'transition-duration: 1s;' +
-                                'transition-timing-function: ease-out;' +
+                                'transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);' +
                                 'transition-property: color;' +
                                 'transition-delay: 5s');
           element.addClass('action');
@@ -673,11 +672,10 @@ describe("ngAnimate $animateCss", function() {
           animator.start();
           triggerAnimationStartFrame();
 
-          var style = element.attr('style');
           expect(element.css('transition-duration')).toMatch('1s');
           expect(element.css('transition-delay')).toMatch('5s');
           expect(element.css('transition-property')).toMatch('color');
-          expect(style).toContain('ease-out');
+          expect(element.css('transition-timing-function')).toBe('cubic-bezier(0.25, 0.1, 0.25, 1)');
         }));
 
       });
@@ -1899,9 +1897,8 @@ describe("ngAnimate $animateCss", function() {
           animator.start();
           triggerAnimationStartFrame();
 
-          var style = element.attr('style');
           expect(style).toContain('3000s');
-          expect(style).toContain('ease');
+          expect(element.css('transition-timing-function')).toBeOneOf('ease', 'cubic-bezier(0.25, 0.1, 0.25, 1)');
         }));
 
         it("should be applied to a CSS keyframe animation directly if keyframes are detected within the CSS class",
@@ -2007,7 +2004,7 @@ describe("ngAnimate $animateCss", function() {
           expect(style).toMatch(/animation(?:-duration)?:\s*4s/);
           expect(element.css('transition-duration')).toMatch('4s');
           expect(element.css('transition-property')).toMatch('all');
-          expect(style).toContain('linear');
+          expect(element.css('transition-timing-function')).toBeOneOf('linear', 'cubic-bezier(0, 0, 1, 1)');
         }));
       });
 
@@ -2349,10 +2346,9 @@ describe("ngAnimate $animateCss", function() {
           animator.start();
           triggerAnimationStartFrame();
 
-          var style = element.attr('style');
           expect(element.css('transition-duration')).toMatch('4s');
           expect(element.css('transition-property')).toMatch('color');
-          expect(style).toContain('ease-in');
+          expect(element.css('transition-timing-function')).toBeOneOf('ease-in', 'cubic-bezier(0.42, 0, 1, 1)');
         }));
 
         it("should give priority to the provided delay value, but only update the delay style itself",
@@ -2603,11 +2599,9 @@ describe("ngAnimate $animateCss", function() {
           animator.start();
           triggerAnimationStartFrame();
 
-
-          var style = element.attr('style');
           expect(element.css('transition-duration')).toMatch('2.5s');
           expect(element.css('transition-property')).toMatch('all');
-          expect(style).toContain('ease');
+          expect(element.css('transition-timing-function')).toBeOneOf('ease', 'cubic-bezier(0.25, 0.1, 0.25, 1)');
         }));
 
         it("should remove all inline transition styling when an animation completes",
@@ -2738,7 +2732,7 @@ describe("ngAnimate $animateCss", function() {
         it("should apply a transition duration if the existing transition duration's property value is not 'all'",
           inject(function($animateCss, $rootElement) {
 
-          ss.addRule('.ng-enter', 'transition: 1s linear color');
+          ss.addRule('.ng-enter', 'transition: 1s cubic-bezier(0.25, 0.1, 0.25, 1) color');
 
           var emptyObject = {};
           var options = {
@@ -2752,10 +2746,9 @@ describe("ngAnimate $animateCss", function() {
           triggerAnimationStartFrame();
 
 
-          var style = element.attr('style');
           expect(element.css('transition-duration')).toMatch('1s');
           expect(element.css('transition-property')).toMatch('color');
-          expect(style).toContain('linear');
+          expect(element.css('transition-timing-function')).toBe('cubic-bezier(0.25, 0.1, 0.25, 1)');
         }));
 
         it("should apply a transition duration and an animation duration if duration + styles options are provided for a matching keyframe animation",