1

angularjs プロジェクトでは、requirejs + angularAMD を使用して依存関係を管理しています。アプリケーションは正常に動作しますが、カルマを使用してジャスミン テストを実行すると問題が発生します。

これはエラーです：

    TypeError: 'undefined' is not an object (evaluating 'app.register.service')
  at /home/bcatarino/Projects/spr/target-grunt/js/app/model/PressRelease.js:3

アプリがテストに正しく挿入されていないようです。

テストのソース コード:

'use strict';

define(['angularAMD', 'pressRelease'], function(angularAMD, pressRelease) {

    describe('PressReleaseModel test', function () {

        var scope, pressReleaseModel;

        var inject = angularAMD.inject;

        inject(function (pressRelease) {
            pressReleaseModel = pressRelease;
        });


        it('Should add a non-existing recipient', function(pressRelease) {
            expect(pressReleaseModel.get().recipients.length, 0);
        });
    });
});

PressRelease は次のようにコーディングされます。

define([ 'app', 'angularAMD' ], function(app, angularAMD) {

    app.register.service('pressRelease', function() {

    //Stuff going on here

    } );

});

これapp.registerは未定義の場所であり、その理由はわかりません。

要求どおり、karma.conf は次のとおりです。

module.exports = function(config) {
    config.set({
        basePath: '../../../',
        files: [
            {pattern: 'js_components/angular/angular.js', watched: false, included: false},
            {pattern: 'js_components/angular-mocks/angular-mocks.js', included: false},
            {pattern: 'js_components/angularAMD/angularAMD.js', included: false},
            {pattern: 'js_components/angular-ui-router/release/angular-ui-router.min.js', included: false},
            {pattern: 'js_components/angular-ui-utils/ui-utils.js', included: false},
            {pattern: 'js/test/test-app.js', watched: true, included: false},
            {pattern: 'js/app/model/PressRelease.js', watched: true, included: false},
            {pattern: 'js/test/model/PressReleaseModelSpec.js', watched: true, included: false},
            'js_components/requirejs/require.js',
            'js/test/test-main.js'
        ],
        exclude: [],
        plugins: [
            'karma-jasmine',
            'karma-phantomjs-launcher',
            'karma-chrome-launcher',
            'karma-requirejs'
        ],
        frameworks: ['jasmine', 'requirejs'],
        junitReporter: {
            outputFile: 'karma-test-results.xml',
            suite: ''
        },
        port: 9876,
        runnerPort: 9100,
        browsers: ['PhantomJS', 'Chrome'],
        autoWatch: true,
        preprocessors: {
            'template/**/*.html': ['html2js']
        },
        ngHtml2JsPreprocessor: {
            // strip this from the file path
            stripPrefix: 'web',
            moduleName: 'templates'
        },
        logLevel : config.LOG_INFO
    })
};

誰にもアイデアはありますか？例としてこれに従っていますが、答えが見つかりません: https://github.com/marcoslin/angularAMD

ありがとう

4

2 に答える 2

0

単体テストからAngularAMDを削除することで解決しました。Angular モジュールの場所にリダイレクトするブリッジを作成しましたapp.register.method。app.methodapp

define([
    'angularMocks',
    'angular'
], function () {
    'use strict';
    var myapp = angular.module('SPR', []);

    myapp.register = {};
    var enhanceModule = function (method) {
        var register = myapp.register;
        register[method] = angular.bind(myapp, myapp[method]);
    };

    angular.forEach([
        'controller',
        'directive',
        'filter',
        'factory',
        'service',
        'constant',
        'value',
        'animation']
    , enhanceModule);

    console.info('Enhanced angular.module');
    return angular.module('SPR');
});

これはテストです：

define(['angularMocks', 'app', 'js/app/model/PressRelease'], function (mocks) {

    describe('Press Release model', function () {

        var service;
        beforeEach(mocks.module('SPR'));
        beforeEach(mocks.inject(function (PressRelease) {
            service = PressRelease;
        }));

        it('should do something', function () {
            var res = service.serviceCall();
            expect(res).toBe(1);
        });

    });
});
于 2014-04-18T12:36:57.730 に答える