首页 文章

角度测试Jasmine失败了

提问于
浏览
1

我是新手测试,有Angular经验 . 我开发了一个Angular应用程序,希望为它添加测试以获得对Jasmine和Karma的控制 . 所以我设置了Karma,在我的Angular应用程序中为我的一个服务添加了一个简单的'getGreeting'函数,并在Jasmine测试中添加了一个测试文件(/test/UtilsService.spec.js) . 它失败,因为服务未定义(添加了angular-mocks.js) . 这是我的代码:

karma.conf.js:

// base path that will be used to resolve all patterns (eg. files, exclude)
basePath: '',


// frameworks to use
// available frameworks: https://npmjs.org/browse/keyword/karma-adapter
frameworks: ['jasmine'],


// list of files / patterns to load in the browser
files: [
    'node_modules/**/*.js',
    'app/**/*.js',
    'test/UtilsService.spec.js'
],


// list of files to exclude
exclude: [
],


// preprocess matching files before serving them to the browser
// available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
preprocessors: {
},


// test results reporter to use
// possible values: 'dots', 'progress'
// available reporters: https://npmjs.org/browse/keyword/karma-reporter
reporters: ['progress'],


// web server port
port: 9876,


// enable / disable colors in the output (reporters and logs)
colors: true,


// level of logging
// possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
logLevel: config.LOG_INFO,


// enable / disable watching file and executing tests whenever any file changes
autoWatch: true,


// start these browsers
// available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
browsers: ['Chrome'],


// Continuous Integration mode
// if true, Karma captures browsers, runs the tests and exits
singleRun: false,

// Concurrency level
// how many browser should be started simultaneous
concurrency: Infinity

/test/UtilsService.spec.js中的测试文件:

describe('getGreeting',function(){
    var UtilsService;
    beforeEach(angular.mock.module('app.ontdekJouwTalent'));
    beforeEach(inject(
        function(_UtilsService_) {
            UtilsService = _UtilsService_;
        }
    ));
    it('should test a dummy function',
        function(){
            expect(1+1).toEqual(2);
            expect(UtilsService.getGreeting("Marc")).toEqual("Hello Marc");
        }
    )
});

请注意,我注释掉加载/测试服务但只加载app:app.ontdekJouwTalent . /app/shared/services/UtilsService.js中的UtilsService

angular.module('app.ontdekJouwTalent').
service('UtilsService',['AppConfig',function(AppConfig){
    this.debug = function(data){
        if(AppConfig.APPCONSTANTS_ISLOCAL){
            return data;
        }
    }

    this.getGreeting = function(name){
        return "Hello " + name;
    }
}])

角度应用程序在别处定义 - 在/app/app.js中,如下所示:

angular.module('app.ontdekJouwTalent', [
    'angular-storage',
    'ui.bootstrap',
    'ui.router',
    'ui.router.modal',
    'xeditable',
    'angular-confirm',
    'ui.select',
    'ngSanitize',
    'angular-growl',
    'ngAnimate'
])

当从webroot目录(wwwroot)在cmd窗口中运行“karma start”时,我得到了

I:\www\ontdekJouwTalent\wwwroot>karma start
04 08 2016 19:23:32.633:WARN [karma]: No captured browser, open http://localhost:9876/
04 08 2016 19:23:32.756:INFO [karma]: Karma v1.1.2 server started at http://localhost:9876/
04 08 2016 19:23:32.757:INFO [launcher]: Launching browser Chrome with unlimited concurrency
04 08 2016 19:23:32.769:INFO [launcher]: Starting browser Chrome
04 08 2016 19:23:38.634:INFO [Chrome 51.0.2704 (Windows 10 0.0.0)]: Connected on socket /#CXn5vEn8tQBLJ23oAAAA with id 50497607
Chrome 51.0.2704 (Windows 10 0.0.0) ERROR
  Uncaught ReferenceError: module is not defined
  at node_modules/abbrev/abbrev.js:2

所以'模块'是未定义的...我不知道如何解决这个问题 . 这有什么不对?

1 回答

  • 0

    好的,事实证明我必须在karma.conf.js文件部分添加更多文件!特别:

    // list of files / patterns to load in the browser
    files: [
        'node_modules/angular/angular.js',
        'node_modules/angular-ui-bootstrap/dist/ui-bootstrap-tpls.js',
        'node_modules/ui-select/dist/select.js',
        'node_modules/angular-mocks/angular-mocks.js',
        'node_modules/angular-growl-v2/build/angular-growl.min.js',
        'node_modules/angular-ui-router/release/angular-ui-router.min.js',
        'node_modules/angular-storage/dist/angular-storage.min.js',
        'node_modules/angular-animate/angular-animate.min.js',
        'node_modules/angular-sanitize/angular-sanitize.min.js',
        'node_modules/angular-xeditable/dist/js/xeditable.min.js',
        'node_modules/angular-ui-router/release/angular-ui-router.min.js',
        'node_modules/angular-ui-router-uib-modal/angular-ui-router-uib-modal.js',
        'node_modules/angular-confirm/angular-confirm.js',
        'node_modules/angular-aria/angular-aria.min.js',
        'node_modules/angular-messages/angular-messages.min.js',
        'app/app.js',
    
        'app/shared/services/APIService.js',
        'app/shared/services/SessionService.js',
        'app/login/AuthService.js',
        'app/translation/TranslationService.js',
        'app/shared/services/UtilsService.js',
        'test/UtilsService.spec.js'
    ],
    

    不太清楚为什么我必须包含这些服务......我的UtilsService当然不需要它们 . 我的应用程序包括7项服务,而不是5.此外,为什么不需要包含控制器(应用程序使用9)?

相关问题