added tests for button

.jshintrc

@@ -10,7 +10,9 @@
         "expect": false,
         "beforeEach": false,
         "afterEach": false,
-        "sinon": false
+        "sinon": false,
+        "runs": false,
+        "waitsFor": false
     },
     "bitwise": true,
     "camelcase": true,

husky_components/button/main.js

@@ -33,7 +33,6 @@ define([], function() {
                     type.bindDomEvents.call(this);
                 },
                 bindDomEvents: function() {
-                    // FIXME if not events would be triggered multiple times
                     this.$el.off('click');
                     this.$el.on('click', this.clickEvent.bind(this));
                 },
@@ -100,7 +99,7 @@ define([], function() {
         },
 
         initialize: function() {
-            this.sandbox.logger.log('initialize', this);
+            this.sandbox.logger.log('initialize');
             this.sandbox.logger.log(arguments);
 
             // extend default options

husky_components/navigation/main.js

@@ -11,7 +11,7 @@ define(['jquery'], function($) {
         initialize: function() {
 
             sandbox = this.sandbox;
-            sandbox.logger.log('initialize', this);
+            sandbox.logger.log('initialize');
             sandbox.logger.log(arguments);
 
             this.$navigation = $('<div/>', {

tests/components/ButtonSpec.js

@@ -0,0 +1,74 @@
+define(['husky'], function(husky) {
+
+    'use strict';
+
+    var app, $button;
+
+    ddescribe('Button', function() {
+        $('body').append('<div id="button">');
+        app = husky({ debug: { enable: true }});
+
+        beforeEach(function() {
+            runs(function() {
+                app.start(document.body).then(function() {
+                    app.sandbox.start([
+                        { name: 'button@husky', options: { el: '#button', text: 'myText', instanceName: 'instance' } }
+                    ]);
+                });
+            });
+
+            waitsFor(function() {
+                return $('.icon-btn').size() === 1;
+            }, 'load icon', 500);
+
+            runs(function() {
+                $button = $('.icon-btn');
+            });
+        });
+
+        afterEach(function() {
+        });
+
+        it('should be inserted into the dom', function() {
+            expect($button.size()).toBe(1);
+        });
+
+        it('has icon ok-circle', function() {
+            var flag = false;
+            runs(function() {
+                app.sandbox.emit('husky.button.instance.set-content', 'test', 'circle-ok');
+
+                _.delay(function() {
+                    flag = true;
+                }, 500);
+            });
+
+            waitsFor(function() {
+                return flag;
+            }, 'load component', 500);
+
+            runs(function() {
+                expect($('.icon-btn').find('.loading-content').find('.icon-circle-ok').size()).toBe(1);
+            });
+        });
+
+        it('can be disabled', function() {
+            var flag = false;
+            runs(function() {
+                app.sandbox.emit('husky.button.instance.state', 'disable');
+
+                _.delay(function() {
+                    flag = true;
+                }, 500);
+            });
+
+            waitsFor(function() {
+                return flag;
+            }, 'load component', 500);
+
+            runs(function() {
+                expect($('.icon-btn.disable').size()).toBe(1);
+            });
+        });
+    });
+});