Javascript AngularJS$scope变量在.then()单元测试中的变化

Javascript AngularJS$scope变量在.then()单元测试中的变化,javascript,angularjs,unit-testing,karma-jasmine,angular-promise,Javascript,Angularjs,Unit Testing,Karma Jasmine,Angular Promise,我正在尝试对控制器中的函数进行单元测试,但无法获得可测试的$scope变量。我正在控制器的.then()中设置该变量,并希望进行单元测试,以确保在该变量到达.then块时设置正确 我的测试控制器代码: function submit() { myService.submit().then(function(responseData){ if(!responseData.errors) { $scope.complete = true;

我正在尝试对控制器中的函数进行单元测试,但无法获得可测试的
$scope
变量。我正在控制器的
.then()
中设置该变量,并希望进行单元测试,以确保在该变量到达.then块时设置正确

我的测试控制器代码:

function submit() {
    myService.submit().then(function(responseData){
        if(!responseData.errors) {
            $scope.complete = true;
            $scope.details = [
                {
                    value: $scope.formattedCurrentDate
                },
                {
                    value: "$" + $scope.premium.toFixed(2)
                },  
            ];
        } else {
            $scope.submitError = true;
        }
    });
}
这个服务呼叫去哪里无关紧要。它将返回JSON,并带有
操作:'submitted','response':'some response'
。.then()检查responseData上是否存在错误,如果没有,则应设置一些详细信息。下面是我在单元测试中尝试测试的$scope.details:

it('should handle submit details', function () {
    var result;
    var premium = 123.45;
    var formattedCurrentDate = "2016-01-04";
    var promise = myService.submit();
    mockResponse = {
        action: 'submitted',
        response: 'some response'
    };
    var mockDetails = [
        {
            value: formattedCurrentDate
        },
        {
            value: "$"+ premium.toFixed(2)
        }   
    ];

    //Resolve the promise and store results
    promise.then(function(res) {
        result = res;
    });
    //Apply scope changes
    $scope.$apply();
    expect(mockDetails).toEqual(submitController.details);
}); 
我收到一个错误,$scope.details未定义。我不知道如何让测试识别控制器中的$scope数据变化

在我的单元测试中的每个功能和其他功能之前:

function mockPromise() {
    return {
        then: function(callback) {
            if (callback) {
                callback(mockResponse);
            }
        }
    }
}

beforeEach(function() {
    mockResponse = {};
    module('myApp');

    module(function($provide) {
        $provide.service('myService', function() {
            this.submit = jasmine.createSpy('submit').and.callFake(mockPromise);
        });
    });

    inject(function($injector) {
        $q = $injector.get('$q');
        $controller = $injector.get('$controller');
        $scope = $injector.get('$rootScope');
        myService = $injector.get('myService');

        submitController = $controller('myController', { $scope: $scope, $q : $q, myService: myService});
    });
});

如何在单元测试中解析承诺,以便我可以使用$scope.$digest()并查看$scope变量的更改?

您应该了解如何使用jasmine测试承诺

使用
callFake
会做你试图模仿的事情

spyOn(myService, 'submit').and.callFake(function() {
  return {
    then: function(callback) { return callback(yourMock); }
  };
});

同样的问题,让我发疯。