AngularJS Mokka test $ q Versprechen ohne $ rootScope $

Question

gelten

Ich habe diesen Service.

angular.module('domeeApp') 
     .factory('streamWidget', streamWidgetFactory); 

    function streamWidgetFactory($q) { 
     return { 
      loadContent: function() { 
       return $q(function(resolve, reject) { 
        resolve('test'); 
       }) 
      } 
     } 
    } 

Ich teste es mit Karma/Mocca/chai:

describe('streamWidget', function() { 
    beforeEach(module('domeeApp')); 
    var streamWidget; 
    var $timeout; 

    beforeEach(inject(function(_$timeout_, _streamWidget_) { 
     streamWidget = _streamWidget_; 
     $timeout = _$timeout_; 
    })); 


    it('should load new content', function(done) {   
     streamWidget.loadContent() 
     .then(function(res) { 
      expect(res).to.equal('test'); 
      done(); 
     }) 
     .catch(function(){}) 
     $timeout.flush(); 
    });  
}); 

Da $ q Versprechen funktioniert nicht gut mit Mocha ich bin this answer, die $timeout.flush() hinzufügen, um die .then Methode des Versprechens zu erzwingen, ausgeführt werden.

Das Problem ist, nach dem Aufruf .flush(), alle meine app aufwacht und ich anfangen, diese Fehler von Winkel Mocks zu bekommen:

Error: Unexpected request: GET /partials/page/view/index.

Ich weiß über $ httpBackend, aber es wäre geisteskrank, um alle Anforderungen zu verspotten, die meine App beim Start macht.

Gibt es einen Weg zu $q Versprechungen Arbeit mit Mokka ohne Aufruf $timeout.flush() oder ?

Answer 1

Wie gezeigt here, chai-as-promised kann verwendet werden, um zu bestätigen $q verspricht. Mit diesem Setup

chaiAsPromised.transferPromiseness = function (assertion, promise) { 
    assertion.then = promise.then.bind(promise); 

    if (!('$$state' in promise)) 
    return; 

    inject(function ($rootScope) { 
    if (!$rootScope.$$phase) 
     $rootScope.$digest(); 
    }); 
}; 

Zyklen verdauen wird automatisch auf Versprechen Behauptungen ausgelöst werden, die ganze Versprechen Kette ausführt.

In diesem Fall wird die spec

it('...',() => { 
    ... 
    expect(...).to.eventually...; 
    expect(...).to.eventually...; 
    $rootScope.$digest(); 
}); 

$digest() Aufruf weglassen können und werden

it('...',() => { 
    ... 
    expect(...).to.eventually...; 
    expect(...).to.eventually...; 
}); 

Beachten Sie, dass $q Versprechen synchron sind, sollten sie nicht von Mocha spec oder done Rückruf aufrufen zurückgegeben werden.

Answer 2

Hier ist eine alternative Strategie, die wir verwenden, weil wir nie tatsächlich $httpBackend brauchen, aber es manchmal (zufällig) ausfällt Anfragen nach Vorlagen machen von Richtlinien verwendet werden (auch wenn diese Vorlagen in $templateCache verfügbar sind):

beforeEach(function() { 
    module('app', function($provide) { 
    // This is using jasmine, but the idea is the same with mocha. 
    // Basically just replace $httpBackend with a function that does nothing. 
    $provide.constant('$httpBackend', jasmine.createSpy('$httpBackend')); 
    }); 
}); 

Natürlich, wenn Sie tatsächlich $httpBackend in anderen Fällen verwenden, dann wird dies nicht funktionieren, da Sie es benötigen, um Antwortobjekte zu verspotten.