angular team guidelines.

one spec file.
karma configuration.
watch configuration with ionic support.

Author: DAT Jean OAB

.jshintrc

@@ -31,6 +31,7 @@
         "module": false,
         "spyOn": false,
         "cordova": false,
-        "StatusBar": false
+        "StatusBar": false,
+        "_": false
     }
 }

app/app.constant.js

@@ -5,7 +5,8 @@
         .module('app')
         // App version from package.json
         .constant('version', '@@version')
-        .constant('stringify', stringify);
+        .constant('stringify', stringify)
+        .constant('_', _);
 
     // Same as `JSON.stringify` but with indentation.
     function stringify(value) {

app/chats/chat-detail.controller.js

@@ -14,10 +14,10 @@
     //$scope.$on('$ionicView.enter', function(e) {
     //});
 
-    function ChatDetailController($stateParams, Chats) {
+    function ChatDetailController($stateParams, chatsService) {
 
         var vm = this;
-        vm.chat = Chats.get($stateParams.chatId);
+        vm.chat = chatsService.get($stateParams.chatId);
 
     }
 

app/chats/chats.controller.js

@@ -14,16 +14,16 @@
     //$scope.$on('$ionicView.enter', function(e) {
     //});
 
-    function ChatsController(Chats) {
+    function ChatsController(chatsService) {
 
         var vm = this;
-        vm.chats = Chats.all();
+        vm.chats = chatsService.all();
         vm.remove = remove;
 
         ////////////////
 
         function remove(chat) {
-            Chats.remove(chat);
+            chatsService.remove(chat);
         }
 
     }

app/chats/chats.factory.js

@@ -3,12 +3,9 @@
 
     angular
         .module('app')
-        .factory('Chats', Chats);
+        .factory('chatsService', chatsService);
 
-    function Chats() {
-
-        // Some fake testing data
-        var chats = fakeData();
+    function chatsService() {
 
         var service = {
             all: all,
@@ -20,35 +17,6 @@
 
         ////////////////
 
-        function fakeData(){
-            return [{
-                id: 0,
-                name: 'Ben Sparrow',
-                lastText: 'You on your way?',
-                face: 'img/ben.png'
-            }, {
-                id: 1,
-                name: 'Max Lynx',
-                lastText: 'Hey, it\'s me',
-                face: 'img/max.png'
-            }, {
-                id: 2,
-                name: 'Adam Bradleyson',
-                lastText: 'I should buy a boat',
-                face: 'img/adam.jpg'
-            }, {
-                id: 3,
-                name: 'Perry Governor',
-                lastText: 'Look at my mukluks!',
-                face: 'img/perry.png'
-            }, {
-                id: 4,
-                name: 'Mike Harrington',
-                lastText: 'This is wicked good ice cream.',
-                face: 'img/mike.png'
-            }];
-        }
-
         function all(){
             return chats;
         }
@@ -68,5 +36,37 @@
 
     }
 
+    // Some fake testing data
+    var chats = fakeData();
+
+    function fakeData(){
+        return [{
+            id: 0,
+            name: 'Ben Sparrow',
+            lastText: 'You on your way?',
+            face: 'img/ben.png'
+        }, {
+            id: 1,
+            name: 'Max Lynx',
+            lastText: 'Hey, it\'s me',
+            face: 'img/max.png'
+        }, {
+            id: 2,
+            name: 'Adam Bradleyson',
+            lastText: 'I should buy a boat',
+            face: 'img/adam.jpg'
+        }, {
+            id: 3,
+            name: 'Perry Governor',
+            lastText: 'Look at my mukluks!',
+            face: 'img/perry.png'
+        }, {
+            id: 4,
+            name: 'Mike Harrington',
+            lastText: 'This is wicked good ice cream.',
+            face: 'img/mike.png'
+        }];
+    }
+
 })();
 

app/chats/chats.factory.spec.js

@@ -0,0 +1,41 @@
+describe('chatsService: ', function () {
+
+    var chatsService;
+
+    beforeEach(module('app'));
+
+    beforeEach(inject(function (_chatsService_) {
+        chatsService = _chatsService_;
+    }));
+
+    it('should have a Ben Sparrow item', function () {
+        var chats = chatsService.all();
+        var ben = _.find(chats, {name:'Ben Sparrow'});
+        expect(ben).toBeTruthy();
+        expect(ben.id).toBe(0);
+    });
+
+    it('should have one less chat', function(){
+        var chats = chatsService.all();
+        expect(chats.length).toBe(5);
+        var ben = _.find(chats, {name:'Ben Sparrow'});
+        chatsService.remove(ben);
+        chats = chatsService.all();
+        expect(chats.length).toBe(4);
+        ben = _.find(chats, {name:'Ben Sparrow'});
+        expect(ben).toBeUndefined();
+    });
+
+    it('should find ben', function(){
+        var max = chatsService.get('1');
+        expect(max).toBeTruthy();
+        expect(max.id).toBe(1);
+
+        var nil = chatsService.get('10');
+        expect(nil).toBeNull();
+
+        nil = chatsService.get('-1');
+        expect(nil).toBeNull();
+    });
+
+});

bower.json

@@ -5,5 +5,9 @@
   "devDependencies": {
     "ionic": "driftyco/ionic-bower#1.1.1",
     "platform.js": "platform#~1.3.0"
+  },
+  "dependencies": {
+    "lodash": "~3.10.1",
+    "angular-mocks": "~1.4.8"
   }
 }

grunt/script.js

@@ -10,7 +10,8 @@ module.exports = function () {
                     files: [{
                         dest: '<%= pub %>/js',
                         src: [
-                            'ionic/js/ionic.bundle.js'
+                            'ionic/js/ionic.bundle.js',
+                            'lodash/lodash.js'
                         ],
                         expand: true,
                         cwd: 'vendor',

grunt/serve.js

@@ -18,14 +18,6 @@ module.exports = function (grunt) {
                         grunt: true,
                         args: ['shell:serve']
                     }]
-                },
-                // Launch a karma server in watch mode and a watch server for source files.
-                wtest: {
-                    options: {
-                        stream: true,
-                        grunt: true
-                    },
-                    tasks: ['karma:wdev', 'chokidar']
                 }
             },
 

grunt/test.js

@@ -5,14 +5,32 @@ module.exports.tasks = {
     // Unit tests
     karma: {
         options: {
-            configFile: 'test/karma.conf.js'
+            configFile: 'test/karma.conf.js',
+            browsers: ['PhantomJS']
         },
         dev: {
-            browsers: ['Chrome']
+            singleRun: true
         },
-        'wdev': {
-            browsers: ['Chrome'],
+        wdev: {
             singleRun: false
         }
+    },
+
+    parallel: {
+        // Launch a karma server in watch mode and a watch server for source files.
+        wtest: {
+            options: {
+                stream: true,
+                grunt: true
+            },
+            tasks: ['karma:wdev', 'chokidar']
+        }
+    },
+
+    chokidar:{
+        jsSpecs: {
+            files: ['<%= src %>/**/*.spec.js', 'test/unit/**/*.spec.js'],
+            tasks: ['newer:jshint:dev', 'newer:replace']
+        }
     }
 };

package.json

@@ -32,14 +32,14 @@
     "jscs-stylish": "^0.3.1",
     "jshint-stylish": "^2.0.1",
     "karma": "^0.13.14",
-    "karma-chrome-launcher": "^0.2.1",
     "karma-coverage": "^0.5.3",
-    "karma-firefox-launcher": "^0.1.4",
     "karma-jasmine": "^0.3.5",
     "karma-junit-reporter": "^0.3.8",
+    "karma-phantomjs-launcher": "^0.2.1",
     "load-grunt-configs": "^0.4.3",
     "lodash": "^3.10.1",
     "node.extend": "^1.1.3",
+    "phantomjs": "^1.9.19",
     "shelljs": "^0.3.0",
     "time-grunt": "^1.2.2"
   },

test/karma.conf.js

@@ -7,27 +7,33 @@ module.exports = function (config) {
         files: [
             // vendors
             'www/js/ionic.bundle.js',
+            'www/js/lodash.js',
+            'vendor/angular-mocks/angular-mocks.js',
             // app
             'www/js/templates.js',
             'www/js/app.js',
-            // specs from `app/` and `test/unit/`
+            // specs
             '.tmp/**/*.spec.js',
             'test/unit/**/*.spec.js'],
         singleRun: true,
         logLevel: 'INFO',
         frameworks: ['jasmine'],
         reporters: ['progress', 'coverage', 'junit'],
         preprocessors: {
-            'build/gen/js/**/*.js': ['coverage']
+            '.tmp/**/!(*spec).js': ['coverage']
         },
         coverageReporter: {
-            type: 'html',
+            type: 'lcov',
             dir: 'doc/test/coverage'
         },
         junitReporter: {
             outputDir: 'doc/test/junit/'
         },
-        browsers: ['Chrome']
+        browsers: ['PhantomJS'],
+        phantomjsLauncher: {
+            // Have phantomjs exit if a ResourceError is encountered (useful if karma exits without killing phantom)
+            exitOnResourceError: true
+        }
     };
 
     config.set(configuration);