如何实际重置$ httpBackend预期?

时间:2014-08-18 19:02:17

标签: javascript angularjs unit-testing jasmine httpbackend

我已经尝试过尝试让它发挥作用。 documentation充其量只是简洁:

resetExpectations(); - 重置所有请求预期,但保留所有后端定义。通常,当您想要重用$ httpBackend mock的相同实例时,可以在多阶段测试期间调用resetExpectations。

每次调用第二个请求时,我的结果总是有第一个结果的数据。看看这个小提琴http://jsfiddle.net/tbwn1gt0/2/我在第一次刷新后重置期望,然后设置新的期望/结果然后再次刷新以产生不正确的数据。

// --- SPECS -------------------------
var url = '/path/to/resource';
var result = '';

describe('$httpBackend', function () {

    it("expects GET different results in subsequent requests", inject(function ($http, $httpBackend) {

        successCallback = function(data){
            result = data;            
        }
        // Create expectation
        $httpBackend.expectGET(url).respond(200, 'mock data');

        // Call http service
        $http.get(url).success(successCallback);

        // flush response
        $httpBackend.flush();
        console.log( result ); // logs 'mock data'

        // Verify expectations
        expect( result ).toContain('mock data'); // works as it should

        // reset the expectations
        $httpBackend.resetExpectations();

        // set the fake data AGAIN
        $httpBackend.expectGET(url).respond(200, 'doof the magic cragwagon');

        // get the service AGAIN
        $http.get(url).success(successCallback);
        expect( result ).toContain('doof'); // does not work, result is original result
        console.log( result ); // logs 'mock data'

    }));

});

// --- Runner -------------------------
(function () {
    var jasmineEnv = jasmine.getEnv();
    jasmineEnv.updateInterval = 1000;

    var htmlReporter = new jasmine.HtmlReporter();

    jasmineEnv.addReporter(htmlReporter);

    jasmineEnv.specFilter = function (spec) {
        return htmlReporter.specFilter(spec);
    };

    var currentWindowOnload = window.onload;

    window.onload = function () {
        if (currentWindowOnload) {
            currentWindowOnload();
        }
        execJasmine();
    };

    function execJasmine() {
        jasmineEnv.execute();
    }

})();

我尝试过的其他事情包括使用resetExpectations添加afterEach(将每个请求放入一个新的it语句中)。以及一系列其他随机尝试。如果它试图将预期的URL更改为不期望的内容,则会出错 - 因此我知道请求至少通过httpBackend处理。

这是一个缺陷还是我错误地实现了它?

3 个答案:

答案 0 :(得分:4)

.resetExpectations()确实按预期工作,但您忘记刷新第二个http请求。

// set the fake data AGAIN
$httpBackend.expectGET(url).respond(200, 'doof the magic cragwagon');

// get the service AGAIN
$http.get(url).success(successCallback);

$httpBackend.flush(); // flush the second http request here

expect( result ).toContain('doof'); // does not work, result is original result
console.log( result ); // logs 'mock data'

示例JSFiddle: http://jsfiddle.net/4aw0twjf/

PS。实际上,$httpBackend.resetExpectations()对于您的测试用例不是必需的。

答案 1 :(得分:1)

您的案例不需要重置预期。您可以修改期望的行为而不是清除&创造新的。 “expectGET”(和其他方法)返回requestHandler,例如:

// Create expectation
var expectationHandler = $httpBackend.expectGET(url).respond(200, 'mock data');

// Call http service, flush response, verify expectations

// Modify behavior
expectationHandler.respond(200, 'doof the magic cragwagon');

// Call http service ... AGAIN

答案 2 :(得分:0)

由于您有多个通话,我会在每次测试结束时使用此功能来验证所有http通话是否成功expect($httpBackend.flush).not.toThrow();,这意味着您不必调用$httpBackend.flush();每个http电话。

另外,你很高兴添加这样的afterEach块。

afterEach(function () {
    $httpBackend.verifyNoOutstandingExpectations();
});