javascript - 在单元事件测试 karma 中传递参数

Question

测试这样的函数:

beforeEach(inject(function($rootScope, $controller, $injector){
    service = $injector.get('service');
    scope = $rootScope.$new();
    createController = function() {
        return $controller('mainCtrl', {
            '$scope': scope
        });
    };
}));

$scope.$watch('value', function(newVal, oldVal) {
    if(newVal != oldVal)
      service.setValue(newVal);  
});

通过这样的测试:

it("$watch value",function(){
        spyOn(service,'setValue').andCallThrough();
        var controller=createController();
        scope.value = true;
        expect(service.setValue).toHaveBeenCalled();
}) 

并且 spy 永远不会因为这种情况而被触发。 如何使用参数触发此监视事件以测试服务是否被调用？

Answer 1

请进行以下更改:

您需要使用scope.$apply();更新绑定(bind)和contoller as语法以获取controller.value；

在定义 Controller 时使用this而不是scope，这样变量就可以在Jasmine中轻松使用。

Jasmine 脚本:

describe("test", function() {

    var Service, scope, controller;

    beforeEach(module('inspinia'));
    beforeEach(inject(function($rootScope, $controller, $injector, serviceData) {
        Service = serviceData;

        scope = $rootScope.$new();
        controller = $controller('mainCtrl as ctrl', {
            $scope: scope
        });;

    }));

    it("$watch value", function() {

          spyOn(Service,'setValue').and.callThrough();
          controller.value = 1120;
          scope.$apply();
          controller.value = 1121;
          scope.$apply();         
         expect(Service.setValue).toHaveBeenCalled();
    })
})

Angular 脚本:

(function() {
    'use strict';
    angular.module('inspinia', [])
        .controller('mainCtrl', function($scope, serviceData) {

            var ctrl = this;
            ctrl.value = 1230;
            $scope.$watch('ctrl.value', function(newVal, oldVal) {


                if (newVal != oldVal) {
                    console.log(newVal, oldVal, newVal !== oldVal);
                    serviceData.setValue(newVal);
                }
            });

        })
        .factory('serviceData', function() {

            var obj = {};

            obj.setValue = function() {

                console.log(1010)

            }
            return obj;
        });
})();