1

在我们的 angularjs 项目中，我们使用 requirejs + angularAMD 来管理依赖项。该应用程序运行良好，但我们在使用 karma 运行 jasmine 测试时遇到了问题。

这是错误：

    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

我从来没有设法让 ngScenario 与 angularAMD 一起工作。我不得不为 angularAMD 使用Protractor，AngularJS E2E 测试的新标准。

这是量角器规范文件： https ://github.com/marcoslin/angularAMD/blob/master/test/e2e/www.spec.js

您还可以在以下位置找到有关 E2E 测试和 angularAMD 的更多详细信息：
https ://github.com/marcoslin/angularAMD/issues/20

Travis 现在报告构建失败，但测试在我的本地机器上运行良好。

于 2014-04-16T07:24:04.823 回答
0

我通过从单元测试中删除 AngularAMD 来解决它。我创建了一个重定向app.register.method到Angular 模块app.method所在位置的桥。app

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 回答