Add some unit tests

Author: Bryan Wyman

Gruntfile.js

@@ -3,9 +3,12 @@ module.exports = function (grunt) {
     'use strict';
     grunt.initConfig({
         connect: {
-            options: {
-                port: 9001,
-                hostname: '0.0.0.0'
+            server: {
+                options: {
+                    port: 9001,
+                    base: '.',
+                    hostname: '0.0.0.0'
+                }
             }
         },
         karma: {
@@ -19,4 +22,4 @@ module.exports = function (grunt) {
     grunt.loadNpmTasks('grunt-contrib-connect');
     grunt.loadNpmTasks('grunt-karma');
     grunt.registerTask('test', ['karma']);
-};
+};

bower.json

@@ -5,5 +5,9 @@
   "license": "MIT",
   "dependencies": {
     "angular": "1.2.7"
+  },
+  "devDependencies": {
+    "angular-mocks": "1.2.7",
+    "jasmine": "~1.3.1"
   }
 }

karma.conf.js

@@ -11,13 +11,14 @@ module.exports = function(config) {
 
     plugins: [
         'karma-phantomjs-launcher',
+        'karma-chrome-launcher',
         'karma-jasmine'
     ],
 
     // list of files / patterns to load in the browser
     files: [
       'bower_components/angular/angular.js',
-      //'bower_components/angular/angular-mocks.js',
+      'bower_components/angular-mocks/angular-mocks.js',
       'src/*.js',
       'test/*.js'
     ],
@@ -47,7 +48,6 @@ module.exports = function(config) {
     // - IE (only Windows)
     browsers: ['PhantomJS'],
 
-
     // Continuous Integration mode
     // if true, it capture browsers, run tests and exit
     singleRun: true

test/testDynamicForm.js

@@ -0,0 +1,151 @@
+describe('angularjs-dynamic-form-test', function () {
+
+    var element;
+    var $scope;
+    var compile;
+    var scopeFields = [
+        {
+            caption: 'Name',
+            model: 'name',
+            type: 'string',
+            maxLength: 25
+        },
+        {
+            caption: 'Street Address',
+            model: 'address.street',
+            type: 'string',
+            maxLength: 25
+        },
+        {
+            caption: 'State',
+            model: 'address.state',
+            type: 'select',
+            options: [
+            {
+                caption: 'California',
+                value: 'CA'
+            },
+            {
+                caption: 'New York',
+                value: 'NY'
+            },
+            {
+                caption: 'Washington',
+                value: 'WA'
+            }
+         ]
+        },
+    ];
+
+    var scopeData = {
+        name: 'John Smith',
+        nicknames: ['bill', 'dan', 'grumpy'],
+        address: {}
+    };
+    var html = '<dynamic-table-form fields="fields" data="data">' +
+            '<input dynamic-field-type="string"  ng-model="value" type="text">' +
+            '<select dynamic-field-type="select" ng-model="value" ng-options=' +
+                '"option.value as option.caption for option in config.options"></select>' +
+            '</dynamic-table-form>';
+
+
+
+    beforeEach(module('dynamic-form'));
+
+    beforeEach(inject(function ($compile, $rootScope) {
+        $scope = $rootScope.$new();
+        compile = $compile;
+        $scope.fields = [];
+        $scope.data= {};
+
+        element = angular.element(html);
+    }));
+
+    it('Should have added control groups for each element', function () {
+        $scope.fields = [
+            {
+                caption: 'Name',
+                model: 'name',
+                type: 'string',
+            },
+            {
+                caption: 'Street Address',
+                model: 'address.street',
+                type: 'string',
+            },
+            {
+                caption: 'State',
+                model: 'address.state',
+                type: 'select',
+                options: [
+                {
+                    caption: 'California',
+                    value: 'CA'
+                },
+                {
+                    caption: 'New York',
+                    value: 'NY'
+                },
+                {
+                    caption: 'Washington',
+                    value: 'WA'
+                }
+             ]
+            },
+        ];
+
+        compile(element)($scope);
+        $scope.$digest();
+
+        expect(element.children().length).toBe(scopeFields.length);
+    });
+
+    it('Should display a string field as an input field', function () {
+        $scope.fields = [
+            {caption: 'Name', model: 'name', type: 'string'}
+        ];
+
+        $scope.data = {
+            name: 'John Smith'
+        };
+
+        compile(element)($scope);
+        $scope.$digest();
+
+        expect(element.children().length).toBe(1);
+        expect(element.find('label').html()).toBe('Name');
+        expect(element.find('input').length).toBe(1);
+        expect(element.find('input').val()).toBe('John Smith');
+    });
+
+    it('Should display option fields as select with options', function () {
+        $scope.fields = [
+            {
+                caption: 'State',
+                model: 'address.state',
+                type: 'select',
+                options: [
+                    {
+                        caption: 'California',
+                        value: 'CA'
+                    },
+                    {
+                        caption: 'New York',
+                        value: 'NY'
+                    },
+                    {
+                        caption: 'Washington',
+                        value: 'WA'
+                    }
+                ]
+            }
+        ];
+        compile(element)($scope);
+        $scope.$digest();
+
+        expect(element.children().length).toBe(1);
+        expect(element.children().find('select').length).toBe(1);
+        // 1 extra default option
+        expect(element.children().find('option').length).toBe(4);
+    });
+});