基于Karma和Jasmine的AngularJS测试

y@y:client$ bower install angular
y@y:client$ bower install angular-resource
y@y:client$ bower install angular-mocks

/**
 * Created by y on 15-11-24.
 */
‘use strict‘;

var app = angular.module(‘Application‘, [‘ngResource‘]);

app.factory(‘UserFactory‘, function($resource){
    return $resource(‘users.json‘,{},{
        query:{method:‘GET‘,isArray:true}
    });
});

app.controller(‘MainCtrl‘, function($scope,UserFactory) {
    $scope.title = ‘Hello AngularJS In Action!‘;
    $scope.users = UserFactory.query();
});

/**
 * Created by y on 15-11-24.
 */
‘use strict‘;

describe(‘MainCtrl‘,function(){
    var scope,httpBackend;

    beforeEach(angular.mock.module(‘Application‘));

    beforeEach(angular.mock.inject(function($rootScope,$controller,_$httpBackend_){

        httpBackend = _$httpBackend_;
        httpBackend.when(‘GET‘,‘users.json‘)
            .respond([
                {
                    name:‘张三‘, age:25
                },
                {
                    name:‘李四‘, age:24
                },
                {
                    name:‘王五‘, age:27
                }
            ]);

        scope = $rootScope.$new();

        $controller(‘MainCtrl‘,{$scope:scope});
    }));

    //test begin
    it(‘should have variable title="Hello AngularJS In Action!"‘,function(){
        expect(scope.text).toBe(‘Hello AngularJS In Action!‘);
    });

    //test begin
    it(‘should fetch list of users‘, function(){
        httpBackend.flush();

        expect(scope.users.length).toBe(3);
        expect(scope.users[0].name).toBe(‘张三‘);
    });


});

[
  {
    name:‘张三‘, age:25
  },
  {
    name:‘李四‘, age:24
  },
  {
    name:‘王五‘, age:27
  }
]

// Karma configuration
// Generated on Tue Nov 24 2015 23:12:58 GMT+0800 (CST)

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‘],


    // list of files / patterns to load in the browser
    files: [
        ‘client/bower_components/angular/angular.js‘,
        ‘client/bower_components/angular-mocks/angular-mocks.js‘,
        ‘client/bower_components/angular-resource/angular-resource.js‘,
        ‘client/app/**/*.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
  });
};