单元测试 – Angular承诺不在茉莉花中解决

前端之家收集整理的这篇文章主要介绍了单元测试 – Angular承诺不在茉莉花中解决前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下茉莉花测试:
  1. it('should resolve promise',inject(function ($q,$rootScope) {
  2.  
  3. function getPromise(){
  4. var deferred = $q.defer();
  5. setTimeout(function(){
  6. deferred.resolve(true);
  7. },1000);
  8. return deferred.promise;
  9. }
  10.  
  11. var p = getPromise();
  12. var cb = jasmine.createSpy();
  13.  
  14. runs(function(){
  15. expect(cb).not.toHaveBeenCalled();
  16.  
  17. p.then(cb);
  18.  
  19. $rootScope.$apply();
  20. });
  21.  
  22. waitsFor(function(){
  23. return cb.callCount == 1;
  24. });
  25.  
  26. runs(function(){
  27. expect(cb).toHaveBeenCalled();
  28.  
  29. $rootScope.$apply();
  30. });
  31.  
  32. }));

我认为$rootScope.$apply应该解决所有未完成的承诺,但不知怎的,它不会在这个测试中发生.

如何在这样的测试中触发promise解析?请帮忙!

我认为$rootScope.$apply()在你的情况下很快被调用.这应该工作:
  1. function getPromise(){
  2. var deferred = $q.defer();
  3. setTimeout(function(){
  4. deferred.resolve(true);
  5. $rootScope.$apply();
  6. },1000);
  7. return deferred.promise;
  8. }

更新

你可以注入mock $timeout service并使用$timeout.flush()显式解决这个问题.

  1. it('should resolve promise',$timeout,$rootScope) {
  2.  
  3. function getPromise(){
  4. var deferred = $q.defer();
  5. $timeout(function(){
  6. deferred.resolve(true);
  7. },1000);
  8. return deferred.promise;
  9. }
  10.  
  11. // ...
  12.  
  13. $timeout.flush();
  14.  
  15. // ...

猜你在找的Angularjs相关文章