Question

我有控制器从promise对象获取数据。

控制器看起来像这样：

MyApp.controller("BookListController", ["$scope", "BookListModel","LibraryService", function($scope, BookListModel, LibraryService) {
    LibraryService.getLibraryData().then(function(result) {
        $scope.books = BookListModel.createBookList(result.bookList.data, result.authorList.data, result.publisherList.data);
    });
}]);

这是我的工厂从REST服务获取数据。

MyApp.factory("LibraryService", function($http, $q) {
    var service = {};
    var libraryDataPromise = $q.defer();

    $q.all({
        books : $http.get("http://localhost:8080/library/service/books"),
        authors : $http.get("http://localhost:8080/library/service/authors"),
        publishers : $http.get("http://localhost:8080/library/service/publishers")
    }).then(function(response) {
        libraryDataPromise.resolve({
            bookList : response.books,
            authorList : response.authors,
            publisherList : response.publishers
        });
    });

    service.getLibraryData = function() {
        return libraryDataPromise.promise;
    }

    return service;
});

好的，就是这样。现在是时候向我的考试展示我的写作了。

describe("Book_App Controllers", function() {

describe("BookListController Test", function() {
    var BookListModelMock, LibraryServiceMock, scope = {}, controller
        ,deferred, promise;

    beforeEach(function() {
        module("MyApp");
        BookListModelMock = new function() {
            this.createBookList = function(a, b, c) {
                return [{},{},{}];
            };
        };
    });

    beforeEach(inject(function($rootScope, $controller ) {
        scope = $rootScope.$new();
        controller = $controller("BookListController",
            {$scope : scope, BookListModel : BookListModelMock});
    }));

    beforeEach(inject(function($q) {
        deferred = $q.defer();
        promise = deferred.promise;
        deferred.resolve([
            { data : [{}, {}, {}]}
        ])

        LibraryServiceMock = function() {
            var service = {};

            service.getLibraryData = function() {
                return promise;
            }
        };
    }));

    it("should contains three books", inject(function($rootScope) {
        $rootScope.$apply();
        expect(scope.books.length).toBe(3);
    }));
});

});

当我运行测试时，Jasmine抛出：错误：意外请求：获取http://localhost:8080/library/service/books 不再需要预期

我知道这个问题意味着什么，但我不知道解决了什么问题。我应该模拟$ http吗？我读了测试承诺和延迟，但教程描述了包含$ q操作的测试函数如何，而不是描述如何依赖包含$ q操作的函数的测试函数。

Answer 1

您的LibraryServiceMock未被使用。您需要在创建控制器之前创建模拟，然后以与将BookListModelMock提供给新控制器相同的方式使用它。

编写LibraryService测试时，可以使用$ httpBackend.expect（）来模拟请求：https://docs.angularjs.org/api/ngMock/service/ $ httpBackend

如何从promise对象获取数据的测试控制器

1 个答案: