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

module.exports = function(config){ config.set({ // 下面files里的基礎目錄 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'  ], // 測試內容的輸出以及導出用的模塊名 reporters: ['progress', 'junit'], // 設置輸出測試內容文件的信息 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}); // 初始化的技術應該是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); }); });