Question

我试图创建一个模拟我的BoardService。但是，.then函数在运行测试时没有在controller中运行，但在运行实际应用程序时它正常工作。

以下是测试：

beforeEach(inject(function($rootScope, $controller, $q) {

    scope = $rootScope.$new();

    BoardController = $controller('BoardController', {
        $scope: scope,
        board: {
            id: 1,
            tasks: []
        },
        BoardService: {

            addTask: function(data) {
                var defer = $q.defer();
                defer.resolve(1);
                return defer.promise;
            }
        }
    });

}));

it("should add a new task", function() {

    scope.addTask(category, 'this is a new task');

    expect(scope.board.tasks.length).toBe(1);

});

控制器功能：

$scope.addTask = function(category, task) {

    BoardService.addTask({name: task, category: category.id, boardId: $scope.board.id}).then(function(task_id) {

        // Never reaches here

        $scope.board.tasks.push({id : task_id, name : task, category : category.id, board_id : $scope.board.id});

    });
}

为什么它永远不会到达.then函数中的评论？

Answer 1

在解决了这个承诺后，你需要触发一个消化周期来获得角度。

scope.addTask(category, 'this is a new task');
scope.$digest();
expect(scope.board.tasks.length).toBe(1);

Answer 2

正如我们在IRC上所讨论的那样：你需要调用范围。$ digest来解雇。

测试没有运行服务模拟承诺（.then）

2 个答案: