javascript - Angular JS UT 验证服务上的方法是否被调用

Question

我有一个如下所示的 Controller

(function () {
    var newPlaceController = function ($scope, PlacesService, $mdDialog) {

        $scope.newPlace = {
            "city": "",
            "country": ""
        };
        $scope.addCity = function () {
            $scope.places.push($scope.newPlace);
            PlacesService.addCity($scope.newPlace);
            $mdDialog.hide();
        };
        $scope.cancel = function(){
            $mdDialog.hide();
        };
    };

    angular.module("module.place")
        .controller('NewPlaceController', newPlaceController);

}());

我还有一个如下的测试文件，用于测试 newPlace 的初始化值是否正确。代码如下

describe("NewPlaceController", function () {

    var $scope, ctrl;

    beforeEach(module("module.place"));

    beforeEach(
        inject(function (_$controller_) {
            $scope = {};
            controller = _$controller_('NewPlaceController', {
                $scope: $scope
            });
        }));

    describe("Initialization", function () {
        it("asdasd", function () {
            expect($scope.newPlace).toEqual({
                city: ''
                , country: ''
            });
        })
    });

});

一切正常。我的疑问是如何测试 Controller 中的 addCity 和 cancel 功能。

Answer 1

你可以像这样使用它

it("Should call addCity", function () {
   var spy = spyOn(PlacesService, 'addCity');
   controller.addCity();
   expect(spy).toHaveBeenCalled();
})

it("Should call mdDialog hide", function () {
   var spy = spyOn($mdDialog, 'hide');
   controller.cancel();
   expect(spy).toHaveBeenCalled();
})