npm install karma --save-dev
npm install karma-junit-reporter --save-dev

module.exports = function(config){
 config.set({
 // 下面files里的基礎(chǔ)目錄
 basePath : '../',
 // 測試環(huán)境需要加載的JS信息
 files : [
 'app/bower_components/angular/angular.js',
 'app/bower_components/angular-route/angular-route.js',
 'app/bower_components/angular-mocks/angular-mocks.js',
 'app/js/**/*.js',
 'test/unit/**/*.js'
 ],
 // 是否自動監(jiān)聽上面文件的改變自動運行測試
 autoWatch : true,
 // 應用的測試框架
 frameworks: ['jasmine'],
 // 用什么環(huán)境測試代碼,這里是chrome`
 browsers : ['Chrome'],
 // 用到的插件,比如chrome瀏覽器與jasmine插件
 plugins : [
  'karma-chrome-launcher',
  'karma-firefox-launcher',
  'karma-jasmine',
  'karma-junit-reporter'
  ],
 // 測試內(nèi)容的輸出以及導出用的模塊名
 reporters: ['progress', 'junit'],
 // 設(shè)置輸出測試內(nèi)容文件的信息
 junitReporter : {
 outputFile: 'test_out/unit.xml',
 suite: 'unit'
 }
 });
};

karma start test/karma.conf.js

describe("A spec (with setup and tear-down)", function() {
 var foo;
 beforeEach(function() {
 foo = 0;
 foo += 1;
 });
 afterEach(function() {
 foo = 0;
 });
 it("is just a function, so it can contain any code", function() {
 expect(foo).toEqual(1);
 });
 it("can have more than one expectation", function() {
 expect(foo).toEqual(1);
 expect(true).toEqual(true);
 });
});

beforeEach(module('myApp.filters'));
beforeEach(module(function($provide) {
 $provide.value('version', 'TEST_VER');
}));

it('should provide a version', inject(function(mode, version) {
 expect(version).toEqual('v1.0.1');
 expect(mode).toEqual('app');
 }));

var todoApp = angular.module('todoApp',[]);
todoApp.controller('TodoController',function($scope,notesFactory){
 $scope.notes = notesFactory.get();
 $scope.createNote = function(){
 notesFactory.put($scope.note);
 $scope.note='';
 $scope.notes = notesFactory.get();
 }
});
todoApp.factory('notesFactory',function(){
 return {
 put: function(note){ 
 localStorage.setItem('todo' + (Object.keys(localStorage).length + 1), note);
 },
 get: function(){
 var notes = [];
 var keys = Object.keys(localStorage);
 for(var i = 0; i < keys.length; i++){
  notes.push(localStorage.getItem(keys[i]));
 }
 return notes;
 } 
 };
});

describe('TodoController Test', function() {
 beforeEach(module('todoApp')); // 將會在所有的it()之前運行
 // 我們在這里不需要真正的factory。因此我們使用一個假的factory。
 var mockService = {
 notes: ['note1', 'note2'], //僅僅初始化兩個項目
 get: function() {
 return this.notes;
 },
 put: function(content) {
 this.notes.push(content);
 }
 };
 // 現(xiàn)在是真正的東西，測試spec
 it('should return notes array with two elements initially and then add one',
 inject(function($rootScope, $controller) { //注入依賴項目
 var scope = $rootScope.$new();
 // 在創(chuàng)建控制器的時候，我們也要注入依賴項目
 var ctrl = $controller('TodoController', {$scope: scope, notesFactory:mockService});
 // 初始化的技術(shù)應該是2
 expect(scope.notes.length).toBe(2);
 // 輸入一個新項目
 scope.note = 'test3';
 // now run the function that adds a new note (the result of hitting the button in HTML)
 // 現(xiàn)在運行這個函數(shù)，它將會增加一個新的筆記項目
 scope.createNote();
 // 期待現(xiàn)在的筆記數(shù)目是3
 expect(scope.notes.length).toBe(3);
 })
 );
});

describe('notesFactory tests', function() {
 var factory;
 // 在所有it()函數(shù)之前運行
 beforeEach(function() {
 // 載入模塊
 module('todoApp');
 // 注入你的factory服務
 inject(function(notesFactory) {
 factory = notesFactory;
 });
 var store = {
 todo1: 'test1',
 todo2: 'test2',
 todo3: 'test3'
 };
 spyOn(localStorage, 'getItem').andCallFake(function(key) {
 return store[key];
 });
 spyOn(localStorage, 'setItem').andCallFake(function(key, value) {
 return store[key] = value + '';
 });
 spyOn(localStorage, 'clear').andCallFake(function() {
 store = {};
 });
 spyOn(Object, 'keys').andCallFake(function(value) {
 var keys=[];
 for(var key in store) {
 keys.push(key);
 }
 return keys;
 });
 });
 // 檢查是否有我們想要的函數(shù)
 it('should have a get function', function() {
 expect(angular.isFunction(factory.get)).toBe(true);
 expect(angular.isFunction(factory.put)).toBe(true);
 });
 // 檢查是否返回3條記錄
 it('should return three todo notes initially', function() {
 var result = factory.get();
 expect(result.length).toBe(3);
 });
 // 檢查是否添加了一條新紀錄
 it('should return four todo notes after adding one more', function() {
 factory.put('Angular is awesome');
 var result = factory.get();
 expect(result.length).toBe(4);
 });
});

todoApp.filter('truncate',function(){
 return function(input,length){
 return (input.length > length ? input.substring(0,length) : input);
 }
});

describe('filter test',function(){
 beforeEach(module('todoApp'));
 it('should truncate the input to 1o characters',inject(function(truncateFilter){
 expect(truncateFilter('abcdefghijkl',10).length).toBe(10);
 });
 );
});

todoApp.directive('customColor', function() {
 return {
 restrict: 'A',
 link: function(scope, elem, attrs) {
 elem.css({'background-color': attrs.customColor});
 }
 };
});

describe('directive tests',function(){
 beforeEach(module('todoApp'));
 it('should set background to rgb(128, 128, 128)',
 inject(function($compile,$rootScope) {
 scope = $rootScope.$new();
 // 獲得一個元素
 elem = angular.element("<span custom-color=\"rgb(128, 128, 128)\">sample</span>");
 // 創(chuàng)建一個新的自作用域
 scope = $rootScope.$new();
 // 最后編譯HTML
 $compile(elem)(scope);
 // 希望元素的背景色和我們所想的一樣
 expect(elem.css("background-color")).toEqual('rgb(128, 128, 128)');
 })
 );
})；

describe('my app', function() {
 beforeEach(function() {
 browser().navigateTo('../../app/notes.html');
 });
 var oldCount = -1;
 it("entering note and performing click", function() {
 element('ul').query(function($el, done) {
 oldCount = $el.children().length;
 done();
 });
 input('note').enter('test data');
 element('button').query(function($el, done) {
 $el.click();
 done();
 });
 });
 it('should add one more element now', function() {
 expect(repeater('ul li').count()).toBe(oldCount + 1);
 }); 
});