单元测试 – 使用Jasmine测试AngularJS工厂功能

我对这个很新(有角度,茉莉花,testacular),我有这个代码(我简化了一点,只留下重要的):
//my_module.js
angular.module('my_module',['my_data'])
.config([...]);

.controller('my_controller',['$scope','my_data',function($scope,my_data) {
        $scope.my_function = function() {
            return my_data.my_factory.save().then(function () {
                console.log('saved');
            },function() {                             
                console.log('Error');
            }); 
        }
    }
)

//my_data.js
angular.module('my_data',[])
.factory('my_factory',['$q','$rootScope',function($q,$rootScope) {
        var my_factory= function(my_data) {
            angular.extend(this,my_data);
        }
        my_factory.prototype.save = function() {
            var deferred = $q.defer();
            setTimeout(function() {
                deferred.resolve();
            $rootScope.$apply();
            },1000);

            return deferred.promise;
        }
        return my_factory;
    }
])

所以,我想做的是测试my_data.my_factory.save是否在my_module.my_controller.my_function被触发时被调用.

//my_test.js
describe('testing my_controller.my_function',function () {
    beforeEach(module('my_module'));

    var $rootScope,$controller;
    beforeEach(inject(function(_$rootScope_,_$controller_) {
        $rootScope = _$rootScope_;
        $controller = _$controller_;
    }));

    scope = $rootScope.$new();

    it('should call the save function',function() {
        scope.my_function();
        expect(my_data.save).toHaveBeenCalled();
    });
}

我需要一点帮助.

你离你所需要的不远.首先,因为你需要my_data作为my_module依赖关系,所以你不需要把my_module注入到控制器中,就是工厂(my_factory);

其次,您想使用ngMock.文档不是很完整,但给出了很好的见解.更多hereexample here(查找测试/单位/控制器).

基本上,你想做的就是模拟这个服务,所以你可以放心它已被调用.为了实现它,将$提供给您的angular.mock.module调用并提供一个嘲笑的my_factory服务.实现它的最好方法是这样的:

describe('testing my_controller.my_function',function () {
  var mockedFactory,$rootScope,$controller;

  beforeEach(module('my_module',function($provide) {
    mockedFactory = {
      save: jasmine.createSpy()
    };

    $provide.value('my_factory',mockedFactory);
  }));

  beforeEach(inject(function(_$rootScope_,_$controller_) {
    $rootScope = _$rootScope_;
    $controller = _$controller_;
  }));

  scope = $rootScope.$new();

  it('should call the save function',function() {
    scope.my_function();
    expect(mockedFactory.save).toHaveBeenCalled();
  });
}

这样你将覆盖my_factory依赖关系.

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...