试图测试工厂,我有注射问题

时间:2017-05-16 21:33:50

标签: angularjs testing jasmine karma-jasmine code-injection

我对角度和测试很新。我正在尝试设置一个基本测试,在我开始尝试测试其他任何内容之前,我会看到对象是否已定义。

我收到此错误:

  

错误:[$ injector:unpr]未知提供者:$ stateParamsProvider< -   $ stateParams< - Form

但是,当我尝试对其他测试文件执行此基本测试时,此错误不会显示。

工厂

angular.module('omnibyte_inspect_web.objects')
.factory('CommonQuestions', ['common_questions_factory', 'Form', '$rootScope',
    function (common_questions_factory, Form, $rootScope) {
    // Ctor
    function CommonQuestions(data) {
        var keys = Object.keys(data);
        for (var i = 0; i < keys.length; i++) {
            this[keys[i]] = data[keys[i]];
        }
    };

    CommonQuestions.prototype.Select = function () {
        this.Id = guid();

        Form.CurrentForm().AddCommonQuestion(angular.copy(this));
    };
    CommonQuestions.prototype.Remove = function () {
        common_questions_factory.delete(this.Id).then(function () {
            window.location.reload();
        });
    };

        // Static Methods
    CommonQuestions.Current = function () {
        return $rootScope.config_info;
    };
    CommonQuestions.GetAll = function (callback) {
        common_questions_factory.get().then(function (data) {
            var collection = [];

            for (var i = 0; i < data.length; i++) {
                collection.push(new CommonQuestions(data[i]));
            }

            callback(collection);
        });
    };

    return CommonQuestions;
}]);

测试文件

    describe('CommonQuestions Test', function () {
    beforeEach(module('omnibyte_inspect_web.objects'));

    var common_questions_factory, $rootScope, CommonQuestions, Form;

    beforeEach(inject(function (_common_questions_factory_, _Form_, _$rootScope_, _CommonQuestions_) {
        common_questions_factory = _common_questions_factory_;
        Form = _Form_;
        $rootScope = _$rootScope_;
        CommonQuestions = _CommonQuestions_;

        spyOn(CommonQuestions, 'GetAll');
        spyOn(common_questions_factory, 'get');
        spyOn(CommonQuestions, 'Current');       
    }));

    it('should have CommonQuestions be defined', function () {
        expect(CommonQuestions).toBeDefined();
    });
});

修改

在多个文件上遇到相同的问题,但它似乎来自我的表单文件。这是:

表格

angular.module('omnibyte_inspect_web.objects')
.factory('Form', ['forms_factory', 'authentication_service', 'common_questions_factory', 'formdata_factory', 'missinginformation_factory', '$stateParams', 'Question', 'LocationContact', '$rootScope', '$ionicPopup', '$state',
function (forms_factory, authentication_service, common_questions_factory, formdata_factory, missinginformation_factory, $stateParams, Question, LocationContact, $rootScope, $ionicPopup, $state) {

第二次修改

将此模块beforeEach(module('ui.router'));放入我的测试文件后,我得到:

  

错误:[$ injector:unpr]未知提供者:$ ionicPopupProvider&lt; -   $ ionicPopup&lt; - Form

将此模块beforeEach(module('$ionic'));放入我的测试文件后,我得到错误消失;但是,我得到了未定义的预定义。此测试适用于我的所有其他文件。

2 个答案:

答案 0 :(得分:0)

$stateParams是angular-ui / ui-router中的服务。确保你的karma.conf.js文件中包含ui-router。

答案 1 :(得分:0)

找到解决方案。我需要将这些模块添加到测试文件中:

beforeEach(module('omnibyte_inspect_web.objects'));
beforeEach(module('ui.router'));
beforeEach(module('ionic'));

在我的karma.conf.js文件中,这被注释掉了:

'www/lib/ionic/js/ionic.bundle.js',

进行这些更改后,它已修复。