Angular - 茉莉花能夠真正的XHR被執行嗎？

Question

我不想讓$ http嘲笑。主要原因是我正在編寫一些集成測試，所以我想要執行所有的AJAX請求。目前在我的測試中沒有被觸發。 任何建議都比歡迎。

Answer 1

當您使用Jasmine測試時，角仿真提供了模擬的$ httpBackend，但實際的$ httpBackend仍然存在。您只需在提供服務時告訴提供商使用原件。它看起來像這樣在您的測試：

var original_http_backend = null; 
angular.module('ng').config(['$httpBackendProvider', function($httpBackendProvider) { 
    original_http_backend = $httpBackendProvider; 
}]); 

beforeEach(module(function($provide) { 
    $provide.provider('$httpBackend', original_http_backend) 
})); 

另外值得指出的是，這種做法，一般，是測試您的前端代碼一個糟糕的方式。這是因爲它增加了一個後端依賴項，所以你不能隔離你的前端行爲。最好嘲笑響應和測試。

雖然我確實使用了這個特性，因爲我們的模擬響應是在後端開發的，以便在那裏進行測試，並且我不想重複這些對象。這種方法允許我使用它們。

Answer 2

如果您確實需要測試異步操作，那麼您可以使用Jasmine Async Support。它基本上包括與waitsFor一起創建runs()塊。一個簡單的例子：

var $http, returned; 

it('should evaluate real XHR request', function() { 
    // this will probably reside in your controller 
    $http.$get('/foo.json').success(function(data) { returned = data; }); 

    waitsFor(function() { 
    return !!returned; 
    }, 'The $http didnt resolved in 1 second', 1000); 

    runs(function() { 
    expect(returned).toBe('The value you expect to be returned'); 
    }); 
}); 

每個runs塊將按照指定的順序運行，而當waitsFor發生時，運行阻塞會等到前waitsFor決心true運行。