애니메이션 테스팅 애니메이션 1.2+

Question

각도로 애니메이션을 테스트하는 방법을 아는 사람이 있습니까? $ animateProvider 또는 angular.module ('', []) 중 하나를 사용하여 만든 애니메이션. animate()? 저는 애니메이션 라이브러리를 만들고 있는데, 좋긴하지만 $ animate를 사용하여 애니메이션을 테스트 할 수있는 적절한 방법을 찾을 수 없습니다. 그들은 일하지 않는다. 해킹 당해서 작동하지만, 각 테스트의 모든 애니메이션을 재현하고 있습니다. 내 애니메이션이 아닌지 확인하기 위해 테스트에서 새 애니메이션을 만들었습니다. Angular의 소스 코드에서 바로 이것을 얻었지만 여전히 작동하지 않습니다.

describe('Testing Async Animations', function() { 
    var am = false; 
    beforeEach(module('ngAnimate')); 
    beforeEach(module('ngAnimateMock')); 
    beforeEach(module(function($animateProvider){ 
    $animateProvider.register('.fade', function(){ 
     return { 
     enter: function(element, done){ 
      console.log('here'); 
      am = true; 
      done(); 
     } 
     }; 
    }); 
    })); 

    /* the done() method is something mocha provides. 
    to make this work in Jasmine, just follow their 
    example with using a asynchronous test */ 
    it("should asynchronously test the animation", function() { 
    inject(function($animate, $compile, $document, $rootScope, $rootElement) { 
     var element = $compile('<div class="fade">hello</div>')($rootScope); 
     $rootElement.append(element); 
     angular.element($document[0].body).append($rootElement); 
     $animate.enabled(true); 
     $animate.enter(element, $rootElement); 
     $rootScope.$digest(); 
     expect(am).to.be(true); 

    }); 
    }); 

}); 

Answer 1

나는 각도가 모든 것을 망쳐 v1.2.16에서 ngMocks을 변경했다 그러나 당시 나는 애니메이션을 테스트하는 방식으로 정확했다.