使用 Karma 和 Jasmine 对 Angular 服务进行单元测试

Question

我是 angular 和 angular

中的 TDD 新手

想试驾一个服务，但想先了解一下流程。我遇到了一些问题。我不断收到此错误

Firefox 47.0.0 (Windows 10 0.0.0) 错误错误：[$injector:nomod] http://errors.angularjs.org/1.5.7/$injector/nomod?p0=myApp 在 C:/domain/domain/test/unitTest/spec/client/lib/angular.min.js:6

我的app.js文件如下

angular.module('myApp', [
    'smart-table',
    'ngRoute',
    'ng-bs3-datepicker',
    'angucomplete-alt',
    'angular-loading-bar',
    'checklist-model',
    'ngFileUpload',
    'ui.bootstrap'
    ])
.config(['$locationProvider', '$routeProvider', function ($locationProvider, $routeProvider) {

//some code here

}])

我的services.js代码如下

angular.module('myApp')
.service('usersLocationService', function () {
    this.SetLocation = function (place) {
        var address = {};
        //some code here
        return address;
    };
}

我的karma.conf.js文件如下

// Karma configuration


module.exports = function(config) {
config.set({

// 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', 'requirejs'],


// list of files / patterns to load in the browser
files: [
    'test-main.js',

    'test/unitTest/spec/client/lib/angular.min.js',
    'test/unitTest/spec/client/lib/angular-mocks.js',
    'public/Controllers/**/*.js',
    'public/Controllers/subDomain/**/*.js',

    'https://code.jquery.com/jquery-1.11.2.min.js',
    'test/unitTest/spec/client/**/*.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: ['Firefox'],


// 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
 })
}

最后我的单元测试用例代码是

"use strict";
describe('Test Suite for UserLocationService', function () {
beforeEach(angular.module.mock('myApp'));

beforeEach(inject(function (_usersLocationService_) {
    this.sut = _usersLocationService_;
}));


it('Should return the address from the google location place', function() {
    var place = {};
    var data = this.sut.SetLocation(place);
    console.log(data);
});
});

Answer 1

有no angular.module.mock function个。是

angular.mock.module('myApp')

使用 Karma 和 Jasmine 对 Angular 服务进行单元测试

Unit Testing an Angular Service using Karma and Jasmine

tdd

angularjs

karma-jasmine