监视闭包内部的内容-AngularJS Jasmine测试

Question

我有一个无法解决的简单示例。 虽然这个例子很简单，但我想知道如何使用Jasmine单元测试来监视$ log.error。 我相信关闭是个问题，即使我嘲笑$ log，它也会起作用，因为它不在服务的关闭中。 以下是Angular服务和测试的代码。 有谁知道如何监视闭包内部的内容？：

角度代码：

afloatApp.service("WebConfigSettingsService", ['$http', '$q', '$log', function ($http, $q, $log) {    
    var getConfigSettings = function () {
        var deferred = $q.defer();

        $http({
            method: 'GET',
            url: '/api/SOMEPATH'
        }).success(function (data, status, headers, config) {
            deferred.resolve(data);
        }).error(function (data, status, headers, config) {
            //THIS IS THE $LOG.ERROR test
            $log.error("Error loading WebConfigSettings");
            deferred.reject(data);
        });

        return deferred.promise;
    };


    var webConfigSettings = getConfigSettings().then(function(data) {
            return {
                classification: angular.lowercase(data.Classification),
                environment: angular.lowercase(data.Environment)
            };
    });

    return webConfigSettings;
}]);

茉莉花测试失败

describe('WebConfigSettingsService', function () {
    var webConfigSettingsService, $httpBackend, mockLog, $q, 
        urlExpected = "/api/SOMEPATH",
        serverData = {
            Classification: 'unclassified',
            Environment: 'development'
        };

    beforeEach(module("myApp"));
    beforeEach(inject(function (_$httpBackend_, _$log_, _$q_, _WebConfigSettingsService_) {
        webConfigSettingsService = _WebConfigSettingsService_;
        $httpBackend = _$httpBackend_;
        mockLog = _$log_;
        spyOn(mockLog, 'error');
        $q = _$q_;
        $httpBackend.expectGET(urlExpected);
    }));

    afterEach(function () {
        $httpBackend.flush();
        $httpBackend.verifyNoOutstandingExpectation();
        $httpBackend.verifyNoOutstandingRequest();
    });

    it("should log error when http errors out", function () {
        $httpBackend.whenGET("/api/SOMEPATH").respond(500, "Random Error");
        //THIS FAILS.  Note that mockLog.error spy is set in before each
        expect(mockLog.error).toHaveBeenCalled();
    });
});

Answer 1

您没有在测试中刷新后端。

it("should log error when http errors out", function () {
    $httpBackend.whenGET(urlExpected).respond(500, "Random Error");
    $httpBackend.flush();
    expect(mockLog.error).toHaveBeenCalled();
});

当您添加它时，您将在afterEach中从刷新中得到一个错误，因为不应该剩下任何要刷新的内容，请将其取出。 此外，这将导致您的verifyNoOutstandingRequest始终通过。

beforeEach中的期望值是什么？ 似乎不需要。

顺便说一句，$ log已经被angular-mocks嘲笑了，在这里看看更多细节： https : //docs.angularjs.org/api/ngMock/service/ $ log

您可以删除间谍并执行以下操作：

it("should log error when http errors out", function () {
    $httpBackend.whenGET(urlExpected).respond(500, "Random Error");
    $httpBackend.flush();
    expect(mockLog.error.logs).toContain(["Error loading WebConfigSettings"]);
});