[WIP] init tests

.jshintrc

@@ -2,9 +2,18 @@
     "globals": {
         "$": false,
         "_": false,
-        "Globalize": false,
         "require": false,
-        "define": false
+        "define": false,
+        "Globalize": false,
+        "describe": false,
+        "it": false,
+        "expect": false,
+        "beforeEach": false,
+        "afterEach": false,
+        "sinon": false,
+        "runs": false,
+        "waitsFor": false,
+        "jasmine": false
     },
     "bitwise": true,
     "camelcase": true,
@@ -27,4 +36,4 @@
     "nomen": true,
     "onevar": true,
     "expr": true
-}
+}

.travis.yml

@@ -0,0 +1,6 @@
+language: node_js
+node_js:
+  - 0.8
+
+script:
+  - ./travis_build.sh

Gruntfile.js

@@ -79,9 +79,30 @@ module.exports = function(grunt) {
             dev: {
                 options: getOptions(true)
             }
+        },
+
+        karma: {
+            unit: {
+                configFile: 'karma.conf.js',
+                autoWatch: true
+            },
+            travis: {
+                configFile: 'karma.travis.conf.js',
+                autoWatch: true
+            }
         }
     });
 
+    // register tasks
+    grunt.registerTask('test', [
+        'karma:unit'
+    ]);
+
+    // Travis CI task.
+    grunt.registerTask('travis', [
+        'karma:travis'
+    ]);
+
     grunt.registerTask('build', [
         'requirejs:dist',
         'requirejs:dev'

bower.json

@@ -3,7 +3,8 @@
     "version": "1.1.18",
     "dependencies": {
         "requirejs": "~2.1.4",
+        "requirejs-text": "*",
         "jquery": "~1.10.x",
         "globalize": "0.1.*"
     }
-}
+}

js/form.js

@@ -47,6 +47,20 @@ define([
 
     'use strict';
 
+    // The bind method is used for callbacks.
+    //
+    // * (bind)[https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Function/bind]
+    // * (You don't need to use $.proxy)[http://www.aaron-powell.com/javascript/you-dont-need-jquery-proxy]
+    // * credits: taken from bind_even_never in this discussion: https://prototype.lighthouseapp.com/projects/8886/tickets/215-optimize-bind-bindaseventlistener#ticket-215-9
+    if (typeof Function.prototype.bind !== "function") {
+        Function.prototype.bind = function(context) {
+            var fn = this, args = Array.prototype.slice.call(arguments, 1);
+            return function(){
+                return fn.apply(context, Array.prototype.concat.apply(args, arguments));
+            };
+        };
+    }
+
     return function(el, options) {
         var defaults = {
                 debug: false,                     // debug on/off

karma.conf.js

@@ -0,0 +1,75 @@
+// Karma configuration
+// Generated on Thu Jul 04 2013 13:30:04 GMT+0200 (CEST)
+
+
+// base path, that will be used to resolve files and exclude
+basePath = '';
+
+
+// list of files / patterns to load in the browser
+files = [
+    JASMINE,
+    JASMINE_ADAPTER,
+    REQUIRE,
+    REQUIRE_ADAPTER,
+
+    { pattern: './bower_components/**/*.js', included: false},
+    { pattern: './bower_components/**/**/*.js', included: false},
+    { pattern: './js/*.js', included: false},
+    { pattern: './js/**/*.js', included: false},
+    { pattern: './js/**/**/*.js', included: false},
+
+    { pattern: './tests/*Spec.js', included: false},
+    { pattern: './tests/**/*Spec.js', included: false},
+
+    { pattern: './tests/templates/*', watched: true, included: false, served: true},
+
+    './tests/runner.js'
+];
+
+frameworks = ["jasmine"];
+
+// test results reporter to use
+// possible values: 'dots', 'progress', 'junit'
+reporters = ['dots'];
+
+
+// web server port
+port = 9876;
+
+
+// cli runner port
+runnerPort = 9100;
+
+
+// enable / disable colors in the output (reporters and logs)
+colors = true;
+
+
+// level of logging
+// possible values: LOG_DISABLE || LOG_ERROR || LOG_WARN || LOG_INFO || LOG_DEBUG
+logLevel = LOG_INFO;
+
+
+// enable / disable watching file and executing tests whenever any file changes
+// autoWatch = true;
+
+
+// Start these browsers, currently available:
+// - Chrome
+// - ChromeCanary
+// - Firefox
+// - Opera
+// - Safari (only Mac)
+// - PhantomJS
+// - IE (only Windows)
+browsers = [];
+
+
+// If browser does not capture in given timeout [ms], kill it
+captureTimeout = 60000;
+
+
+// Continuous Integration mode
+// if true, it capture browsers, run tests and exit
+singleRun = false;

karma.travis.conf.js

@@ -0,0 +1,75 @@
+// Karma configuration
+// Generated on Thu Jul 04 2013 13:30:04 GMT+0200 (CEST)
+
+
+// base path, that will be used to resolve files and exclude
+basePath = '';
+
+
+// list of files / patterns to load in the browser
+files = [
+    JASMINE,
+    JASMINE_ADAPTER,
+    REQUIRE,
+    REQUIRE_ADAPTER,
+
+    { pattern: './bower_components/**/*.js', included: false},
+    { pattern: './bower_components/**/**/*.js', included: false},
+    { pattern: './js/*.js', included: false},
+    { pattern: './js/**/*.js', included: false},
+    { pattern: './js/**/**/*.js', included: false},
+
+    { pattern: './tests/*Spec.js', included: false},
+    { pattern: './tests/**/*Spec.js', included: false},
+
+    { pattern: './tests/templates/*', watched: true, included: false, served: true},
+
+    './tests/runner.js'
+];
+
+frameworks = ["jasmine"];
+
+// test results reporter to use
+// possible values: 'dots', 'progress', 'junit'
+reporters = ['dots'];
+
+
+// web server port
+port = 9876;
+
+
+// cli runner port
+runnerPort = 9100;
+
+
+// enable / disable colors in the output (reporters and logs)
+colors = true;
+
+
+// level of logging
+// possible values: LOG_DISABLE || LOG_ERROR || LOG_WARN || LOG_INFO || LOG_DEBUG
+logLevel = LOG_INFO;
+
+
+// enable / disable watching file and executing tests whenever any file changes
+// autoWatch = true;
+
+
+// Start these browsers, currently available:
+// - Chrome
+// - ChromeCanary
+// - Firefox
+// - Opera
+// - Safari (only Mac)
+// - PhantomJS
+// - IE (only Windows)
+browsers = ['PhantomJS'];
+
+
+// If browser does not capture in given timeout [ms], kill it
+captureTimeout = 60000;
+
+
+// Continuous Integration mode
+// if true, it capture browsers, run tests and exit
+singleRun = true;

package.json

@@ -5,9 +5,12 @@
     "devDependencies": {
         "grunt": "~0.4.1",
         "matchdep": "~0.1.1",
-        "grunt-contrib-requirejs": "0.4.0"
+        "grunt-contrib-requirejs": "0.4.0",
+        "karma": "~0.10",
+        "karma-jasmine": "*",
+        "grunt-karma": "~0.4.5"
     },
     "engines": {
         "node": ">=0.8.0"
     }
-}
+}

tests/InitSpec.js

@@ -0,0 +1,66 @@
+define(['jquery', 'form'], function($, Form) {
+
+    'use strict';
+
+    describe('Init Deferred', function() {
+
+        var initialized = jasmine.createSpyObj('initialized', ['then']),
+            form = new Form('#form'),
+            then;
+
+        beforeEach(function() {
+            $('body').html('<form id="form"><input type="text" id="field"/></form>');
+
+            then = false;
+            runs(function() {
+                form = new Form('#form');
+            });
+        });
+
+        it('should call then', function() {
+
+            runs(function() {
+                form.initialized.then(function() {
+                    then = true;
+                    initialized.then();
+                });
+            });
+
+            waitsFor(function() {
+                return then;
+            }, 'init should call then', 500);
+        });
+
+        describe('Init Data-objects', function() {
+            var initialized = jasmine.createSpyObj('initialized', ['then']),
+                form = new Form('#form'),
+                then;
+
+            beforeEach(function() {
+                $('body').html('<form id="form"><input type="text" id="field"/></form>');
+
+                then = false;
+                runs(function() {
+                    form = new Form('#form');
+                    form.initialized.then(function() {
+                        then = true;
+                        initialized.then();
+                    });
+                });
+
+                waitsFor(function() {
+                    return then;
+                }, 'init should call then', 500);
+            });
+
+            it('should create form-object', function() {
+                expect($('#form').data('form-object')).toBeDefined();
+            });
+
+            it('should init input field', function() {
+                expect($('#field').attr('class')).toBe('husky-validate');
+                expect($('#field').data('element')).toBeDefined();
+            });
+        });
+    });
+});

tests/runner.js

@@ -0,0 +1,58 @@
+var tests = [];
+for (var file in window.__karma__.files) {
+    if (window.__karma__.files.hasOwnProperty(file)) {
+        if (/Spec\.js$/.test(file)) {
+            tests.push(file);
+        }
+    }
+}
+
+require.config({
+    // Karma serves files from '/base'
+    baseUrl: '/base',
+
+    paths: {
+        'jquery': 'bower_components/jquery/jquery',
+        'text':'bower_components/requirejs-text/text',
+        'globalize': 'bower_components/globalize/lib/globalize',
+        'cultures': 'bower_components/globalize/lib/cultures',
+
+        'form': 'js/form',
+        'form/mapper': 'js/mapper',
+        'form/validation': 'js/validation',
+        'form/element': 'js/element',
+        'form/util': 'js/util',
+
+        'type/default': 'js/types/default',
+        'type/string': 'js/types/string',
+        'type/date': 'js/types/date',
+        'type/decimal': 'js/types/decimal',
+        'type/email': 'js/types/email',
+        'type/url': 'js/types/url',
+        'type/label': 'js/types/label',
+        'type/select': 'js/types/select',
+        'type/collection': 'js/types/collection',
+
+        'validator/default': 'js/validators/default',
+        'validator/min': 'js/validators/min',
+        'validator/max': 'js/validators/max',
+        'validator/minLength': 'js/validators/min-length',
+        'validator/maxLength': 'js/validators/max-length',
+        'validator/required': 'js/validators/required',
+        'validator/unique': 'js/validators/unique',
+        'validator/equal': 'js/validators/equal',
+        'validator/regex': 'js/validators/regex'
+    },
+
+    shim: {
+        'jquery': {
+            exports: '$'
+        }
+    },
+
+    // ask Require.js to load these files (all our tests)
+    deps: tests,
+
+    // start test run, once Require.js is done
+    callback: window.__karma__.start
+});