luca 0.7.92 → 0.8

data/assets/javascripts/luca-ui-base.coffee

@@ -3,6 +3,7 @@
 #= require_tree ./luca-ui/templates
 #= require ./luca-ui/core/observer
 #= require ./luca-ui/core/view
+#= require ./luca-ui/core/model
 #= require ./luca-ui/core/collection
 #= require ./luca-ui/core/field
 #= require ./luca-ui/core/container

data/lib/luca/rails/version.rb

@@ -1,6 +1,6 @@
 module Luca
   module Rails
-    VERSION = "0.7.92"
+    VERSION = "0.8"
   end
 end
 

data/spec/components/form_view_spec.coffee

@@ -71,139 +71,4 @@ describe 'The Form View', ->
     @form.render()
     @form.loadModel(@model)
     @form.setValues(field1:"yes")
-    expect( @form.getValues().field1 ).toEqual "yes"
-
-  describe "Loading A New Model", ->
-    beforeEach ->
-      @form.spiedEvents = {}
-      @form.render()
-      @model.beforeFormLoad = sinon.spy()
-      @form.loadModel(@model)
-
-    it "should call before form load", ->
-      expect( @model.beforeFormLoad ).toHaveBeenCalled()
-
-    it "should have triggered before load", ->
-      expect( @form ).toHaveTriggered("before:load")
-
-    it "should have triggered after load", ->
-      expect( @form ).toHaveTriggered("after:load")
-
-    it "should have triggered before:load:new", ->
-      expect( @form ).toHaveTriggered("before:load:new")
-
-    it "should have triggered after:load:new", ->
-      expect( @form ).toHaveTriggered("after:load:new")
-
-  describe "Loading An Existing Model", ->
-    beforeEach ->
-      @form.spiedEvents = {}
-      @form.render()
-      @model.set(id:"one")
-      @model.beforeFormLoad = sinon.spy()
-      @form.loadModel(@model)
-
-    it "should call before form load", ->
-      expect( @model.beforeFormLoad ).toHaveBeenCalled()
-
-    it "should have triggered before:load:existing", ->
-      expect( @form ).toHaveTriggered("before:load:existing")
-
-    it "should have triggered after:load:new", ->
-      expect( @form ).toHaveTriggered("after:load:existing")
-
-    it "should apply the form values in the currentModel call if specified", ->
-      @form.getField("field1").setValue("sup baby?")
-      expect( @form.currentModel().get("field1") ).not.toEqual("sup baby?")
-      @form.getField("field1").setValue("sup baby boo?")
-      expect( @form.currentModel(refresh:false).get("field1") ).not.toEqual("sup baby boo?")
-      expect( @form.currentModel(refresh:true).get("field1") ).toEqual("sup baby boo?")
-
-  describe "The Fields Accessors", ->
-    beforeEach ->
-      @form.render()
-
-    it "should provide access to fields", ->
-      expect( @form.getFields().length ).toEqual 6
-
-    it "should allow me to access a field by its name",->
-      expect( @form.getField("field1") ).toBeDefined()
-
-  describe "The Set Values Function", ->
-    beforeEach ->
-      @form.render()
-      @form.loadModel(@model)
-
-    it "should set the values on the field", ->
-      @form.setValues({field1:"andyadontstop"})
-      expect( @form.getField("field1").getValue() ).toEqual "andyadontstop"
-
-    it "should set the values on the model", ->
-      @form.setValues(field1:"krs-one")
-      expect( @form.getField("field1").getValue() ).toEqual "krs-one"
-      expect( @model.get("field1") ).toEqual "krs-one"
-
-    it "should skip syncing with the model if passed silent", ->
-      @form.setValues({field1:"yesyesyall"},silent:true)
-      expect( @form.getField("field1").getValue() ).toEqual "yesyesyall"
-      expect( @model.get("field1") ).not.toEqual "yesyesyall"
-
-  describe "The Get Values Function", ->
-    beforeEach ->
-      @model.set(field1:"one",field2:"two",field3:undefined,field4:"")
-      @form.render()
-      @form.loadModel(@model)
-      @values = @form.getValues()
-
-    it "should skip the button fields by default", ->
-      expect( _(@values).keys() ).not.toContain("field5")
-
-    it "should include the button fields if asked", ->
-      values = @form.getValues(skip_buttons:false)
-      expect( _(values).keys() ).toContain("field5")
-
-    it "should skip blank fields by default", ->
-      values = @form.getValues()
-      expect( _(values).keys() ).not.toContain("field4")
-
-    it "should include blank fields if asked", ->
-      values = @form.getValues(reject_blank:false)
-      expect( _(values).keys() ).toContain("field4")
-
-    it "should skip blank id fields", ->
-      expect( _(@values).keys() ).not.toContain("id")
-
-  describe "Events", ->
-    beforeEach ->
-      @form.render()
-      @form.loadModel(@model)
-
-    describe "Submit Handlers", ->
-      beforeEach ->
-        @form.spiedEvents = {}
-
-      it "should trigger after submit events", ->
-        @form.submit_success_handler(@model,success:true)
-        expect( @form ).toHaveTriggered("after:submit")
-        expect( @form ).toHaveTriggered("after:submit:success")
-
-      it "should trigger after submit error events", ->
-        @form.submit_success_handler(@model,success:false)
-        expect( @form ).toHaveTriggered("after:submit")
-        expect( @form ).toHaveTriggered("after:submit:error")
-
-      it "should trigger fatal error events", ->
-        @form.submit_fatal_error_handler()
-        expect( @form ).toHaveTriggered("after:submit")
-        expect( @form ).toHaveTriggered("after:submit:fatal_error")
-
-    describe "Resetting the Form", ->
-      it "should trigger before and after reset", ->
-        @form.resetHandler(currentTarget:1)
-        expect( @form ).toHaveTriggered "before:reset"
-        expect( @form ).toHaveTriggered "after:reset"
-
-      it "should call reset", ->
-        @form.reset = sinon.spy()
-        @form.resetHandler(currentTarget:1)
-        expect( @form.reset ).toHaveBeenCalled()
+    expect( @form.getValues().field1 ).toEqual "yes"

data/spec/core/model_spec.coffee

@@ -0,0 +1,50 @@
+#### Luca.Model
+describe "Luca.Model with computed attribute", ->
+  App =
+    models: {}
+
+  App.models.Sample = Luca.Model.extend
+    computed:
+      fullName: ['firstName', 'lastName']
+
+    fullName: ()->
+      "#{@get("firstName")} #{@get("lastName")}"
+
+  App.models.SampleWithoutCallback = Luca.Model.extend
+    computed:
+      fullName: ['firstName', 'lastName']
+
+  it "should have it undefined if dependences are not set", ->
+    model = new App.models.Sample
+    expect(model.get("fullName")).toEqual(undefined)
+
+  it "should have it undefined if callback function is not present", ->
+    model = new App.models.SampleWithoutCallback
+    expect(model.get("fullName")).toEqual(undefined)
+
+  it "should not call it's callback if dependences are not set", ->
+    model = new App.models.Sample
+    spy   = sinon.spy(model, "fullName")
+    expect( spy.called ).toEqual(false)
+
+  it "should not call it's callback if dependencies stay the same", ->
+    model = new App.models.Sample
+    model.set({firstName:"Nickolay", lastName: "Schwarz"})
+    spy   = sinon.spy(model, "fullName")
+    model.set({lastName: "Schwarz"})
+    expect( spy.called ).toEqual(false)
+
+  it "should call it's callback when dependencies change", ->
+    model = new App.models.Sample
+    spy   = sinon.spy(model, "fullName")
+    model.set({firstName:"Nickolay"})
+    expect( spy.called ).toEqual(true)
+
+  it "should be gettable as a value of the callback", ->
+    model = new App.models.Sample
+    model.set({firstName:"Nickolay", lastName: "Schwarz"})
+    expect(model.get("fullName")).toEqual(model.fullName())
+
+  it "should have it set on constructor if dependencies are supplied", ->
+    model = new App.models.Sample({firstName:"Nickolay", lastName: "Schwarz"})
+    expect(model.get("fullName")).toEqual('Nickolay Schwarz')

data/src/components/development_console.coffee

@@ -33,6 +33,7 @@ Luca.components.DevelopmentConsole = Luca.View.extend
         valid
 
       returnValue: (val)->
+        return "undefined" unless val?
         val?.toString()
 
       parseLine: (line)->

data/src/components/fields/text_field.coffee

@@ -16,6 +16,7 @@ Luca.fields.TextField = Luca.core.Field.extend
     @input_id ||= _.uniqueId('field') 
     @input_name ||= @name 
     @label ||= @name
+    @input_class ||= @class
 
     if @prepend
       @$el.addClass('input-prepend')  

data/src/components/grid_view.coffee

@@ -163,6 +163,9 @@ Luca.components.GridView = Luca.View.extend
 
     @header.append("<tr>#{ headers }</tr>")
 
+  getRowEl: (id)->
+    @$ "[data-record-id=#{ id }]", 'table'
+
   render_row: (row,row_index)->
     model_id = if row?.get and row?.attributes then row.get('id') else ''
 

data/src/core/model.coffee

@@ -0,0 +1,28 @@
+# Luca.Model
+#
+# Luca.Model is an extenstion of Backbone.Model which provides
+# few useful patterns:
+#
+#   - computed properties support
+Luca.Model = Backbone.Model.extend
+  initialize: ()->
+    Backbone.Model::initialize @, arguments
+
+    return if _.isUndefined(@computed)
+
+    @_computed = {}
+
+    for attr, dependencies of @computed
+      @on "change:#{attr}", ()=>
+        @_computed[attr] = @[attr].call @
+
+      _(dependencies).each (dep)=>
+        @on "change:#{dep}", ()=>
+          @trigger "change:#{attr}"
+        @trigger "change:#{attr}" if @has(dep)
+
+  get: (attr)->
+    if @computed?.hasOwnProperty(attr)
+      @_computed[attr]
+    else
+      Backbone.Model::get.call @, attr

data/src/core/view.coffee

@@ -30,10 +30,9 @@ Luca.View.extend = (definition)->
 
     return @ unless $(container) and @$el
 
-
     $(container).append( @$el )
-    @
 
+    return @
 
   definition.render = ()->
     if @deferrable
@@ -56,11 +55,15 @@ Luca.View.extend = (definition)->
         @bind @deferrable_trigger, _.once ()=>
           @deferrable.fetch()
 
+      return @
+
     else
       @trigger "before:render", @
       _base.apply(@, arguments)
       @trigger "after:render", @
 
+      return @
+
   Luca.View.originalExtend.apply @, [definition]
 
 _.extend Luca.View.prototype,
@@ -190,3 +193,8 @@ _.extend Luca.View.prototype,
       catch e
         console.log "Error Binding To Collection in registerCollectionEvents", @
         throw e
+
+  registerEvent: (selector, handler)->
+    @events ||= {}
+    @events[ selector ] = handler
+    @delegateEvents()

data/src/framework.coffee

@@ -1,7 +1,7 @@
 _.mixin( _.string )
 
 window.Luca =
-  VERSION: "0.7.92"
+  VERSION: "0.8"
   core: {}
   containers: {}
   components: {}

data/src/templates/fields/text_field.luca

@@ -5,7 +5,7 @@
 %span.add-on
   <%= addOn %>
 <% } %> 
-%input{:style=>"<%= inputStyles %>",:id=>"<%= input_id %>",:type=>"text",:name=>"<%= input_name %>",:placeholder=>"<%= placeHolder %>"}
+%input{:style=>"<%= inputStyles %>",:id=>"<%= input_id %>",:type=>"text",:name=>"<%= input_name %>",:placeholder=>"<%= placeHolder %>", :class=>"<%= input_class %>"}
 
 <% if(helperText) { %>
 %p.helper-text.help-block

data/vendor/assets/javascripts/luca-ui-base.js

@@ -3,7 +3,7 @@
   _.mixin(_.string);
 
   window.Luca = {
-    VERSION: "0.7.92",
+    VERSION: "0.8",
     core: {},
     containers: {},
     components: {},
@@ -288,7 +288,7 @@
 }).call(this);
 (function() {
   Luca.templates || (Luca.templates = {});
-  Luca.templates["fields/text_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<label class=\'control-label\' for=\'', input_id ,'\'>\n  ', label ,'\n</label>\n'); if( typeof(addOn) !== "undefined" ) { __p.push('\n<span class=\'add-on\'>\n  ', addOn ,'\n</span>\n'); } __p.push('\n<input id=\'', input_id ,'\' name=\'', input_name ,'\' placeholder=\'', placeHolder ,'\' style=\'', inputStyles ,'\' type=\'text\' />\n'); if(helperText) { __p.push('\n<p class=\'helper-text help-block\'>\n  ', helperText ,'\n</p>\n'); } __p.push('\n');}return __p.join('');};
+  Luca.templates["fields/text_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<label class=\'control-label\' for=\'', input_id ,'\'>\n  ', label ,'\n</label>\n'); if( typeof(addOn) !== "undefined" ) { __p.push('\n<span class=\'add-on\'>\n  ', addOn ,'\n</span>\n'); } __p.push('\n<input class=\'', input_class ,'\' id=\'', input_id ,'\' name=\'', input_name ,'\' placeholder=\'', placeHolder ,'\' style=\'', inputStyles ,'\' type=\'text\' />\n'); if(helperText) { __p.push('\n<p class=\'helper-text help-block\'>\n  ', helperText ,'\n</p>\n'); } __p.push('\n');}return __p.join('');};
 }).call(this);
 (function() {
   Luca.templates || (Luca.templates = {});
@@ -368,16 +368,18 @@
         }));
         if (!this.deferrable_trigger) this.immediate_trigger = true;
         if (this.immediate_trigger === true) {
-          return this.deferrable.fetch();
+          this.deferrable.fetch();
         } else {
-          return this.bind(this.deferrable_trigger, _.once(function() {
+          this.bind(this.deferrable_trigger, _.once(function() {
             return _this.deferrable.fetch();
           }));
         }
+        return this;
       } else {
         this.trigger("before:render", this);
         _base.apply(this, arguments);
-        return this.trigger("after:render", this);
+        this.trigger("after:render", this);
+        return this;
       }
     };
     return Luca.View.originalExtend.apply(this, [definition]);
@@ -464,6 +466,47 @@
           throw e;
         }
       });
+    },
+    registerEvent: function(selector, handler) {
+      this.events || (this.events = {});
+      this.events[selector] = handler;
+      return this.delegateEvents();
+    }
+  });
+
+}).call(this);
+(function() {
+
+  Luca.Model = Backbone.Model.extend({
+    initialize: function() {
+      var attr, dependencies, _ref, _results,
+        _this = this;
+      Backbone.Model.prototype.initialize(this, arguments);
+      if (_.isUndefined(this.computed)) return;
+      this._computed = {};
+      _ref = this.computed;
+      _results = [];
+      for (attr in _ref) {
+        dependencies = _ref[attr];
+        this.on("change:" + attr, function() {
+          return _this._computed[attr] = _this[attr].call(_this);
+        });
+        _results.push(_(dependencies).each(function(dep) {
+          _this.on("change:" + dep, function() {
+            return _this.trigger("change:" + attr);
+          });
+          if (_this.has(dep)) return _this.trigger("change:" + attr);
+        }));
+      }
+      return _results;
+    },
+    get: function(attr) {
+      var _ref;
+      if ((_ref = this.computed) != null ? _ref.hasOwnProperty(attr) : void 0) {
+        return this._computed[attr];
+      } else {
+        return Backbone.Model.prototype.get.call(this, attr);
+      }
     }
   });
 

data/vendor/assets/javascripts/luca-ui-spec.js

@@ -3,7 +3,7 @@
   _.mixin(_.string);
 
   window.Luca = {
-    VERSION: "0.7.92",
+    VERSION: "0.8",
     core: {},
     containers: {},
     components: {},
@@ -288,7 +288,7 @@
 }).call(this);
 (function() {
   Luca.templates || (Luca.templates = {});
-  Luca.templates["fields/text_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<label class=\'control-label\' for=\'', input_id ,'\'>\n  ', label ,'\n</label>\n'); if( typeof(addOn) !== "undefined" ) { __p.push('\n<span class=\'add-on\'>\n  ', addOn ,'\n</span>\n'); } __p.push('\n<input id=\'', input_id ,'\' name=\'', input_name ,'\' placeholder=\'', placeHolder ,'\' style=\'', inputStyles ,'\' type=\'text\' />\n'); if(helperText) { __p.push('\n<p class=\'helper-text help-block\'>\n  ', helperText ,'\n</p>\n'); } __p.push('\n');}return __p.join('');};
+  Luca.templates["fields/text_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<label class=\'control-label\' for=\'', input_id ,'\'>\n  ', label ,'\n</label>\n'); if( typeof(addOn) !== "undefined" ) { __p.push('\n<span class=\'add-on\'>\n  ', addOn ,'\n</span>\n'); } __p.push('\n<input class=\'', input_class ,'\' id=\'', input_id ,'\' name=\'', input_name ,'\' placeholder=\'', placeHolder ,'\' style=\'', inputStyles ,'\' type=\'text\' />\n'); if(helperText) { __p.push('\n<p class=\'helper-text help-block\'>\n  ', helperText ,'\n</p>\n'); } __p.push('\n');}return __p.join('');};
 }).call(this);
 (function() {
   Luca.templates || (Luca.templates = {});
@@ -368,16 +368,18 @@
         }));
         if (!this.deferrable_trigger) this.immediate_trigger = true;
         if (this.immediate_trigger === true) {
-          return this.deferrable.fetch();
+          this.deferrable.fetch();
         } else {
-          return this.bind(this.deferrable_trigger, _.once(function() {
+          this.bind(this.deferrable_trigger, _.once(function() {
             return _this.deferrable.fetch();
           }));
         }
+        return this;
       } else {
         this.trigger("before:render", this);
         _base.apply(this, arguments);
-        return this.trigger("after:render", this);
+        this.trigger("after:render", this);
+        return this;
       }
     };
     return Luca.View.originalExtend.apply(this, [definition]);
@@ -464,6 +466,47 @@
           throw e;
         }
       });
+    },
+    registerEvent: function(selector, handler) {
+      this.events || (this.events = {});
+      this.events[selector] = handler;
+      return this.delegateEvents();
+    }
+  });
+
+}).call(this);
+(function() {
+
+  Luca.Model = Backbone.Model.extend({
+    initialize: function() {
+      var attr, dependencies, _ref, _results,
+        _this = this;
+      Backbone.Model.prototype.initialize(this, arguments);
+      if (_.isUndefined(this.computed)) return;
+      this._computed = {};
+      _ref = this.computed;
+      _results = [];
+      for (attr in _ref) {
+        dependencies = _ref[attr];
+        this.on("change:" + attr, function() {
+          return _this._computed[attr] = _this[attr].call(_this);
+        });
+        _results.push(_(dependencies).each(function(dep) {
+          _this.on("change:" + dep, function() {
+            return _this.trigger("change:" + attr);
+          });
+          if (_this.has(dep)) return _this.trigger("change:" + attr);
+        }));
+      }
+      return _results;
+    },
+    get: function(attr) {
+      var _ref;
+      if ((_ref = this.computed) != null ? _ref.hasOwnProperty(attr) : void 0) {
+        return this._computed[attr];
+      } else {
+        return Backbone.Model.prototype.get.call(this, attr);
+      }
     }
   });
 
@@ -1813,6 +1856,7 @@
           return valid;
         },
         returnValue: function(val) {
+          if (val == null) return "undefined";
           return val != null ? val.toString() : void 0;
         },
         parseLine: function(line) {
@@ -2130,6 +2174,7 @@
       this.input_id || (this.input_id = _.uniqueId('field'));
       this.input_name || (this.input_name = this.name);
       this.label || (this.label = this.name);
+      this.input_class || (this.input_class = this["class"]);
       if (this.prepend) {
         this.$el.addClass('input-prepend');
         this.addOn = this.prepend;
@@ -2587,6 +2632,9 @@
       });
       return this.header.append("<tr>" + headers + "</tr>");
     },
+    getRowEl: function(id) {
+      return this.$("[data-record-id=" + id + "]", 'table');
+    },
     render_row: function(row, row_index) {
       var altClass, cells, model_id, _ref,
         _this = this;
@@ -2984,7 +3032,7 @@
       expect(values.field1).toEqual("yes");
       return expect(values.field2).toEqual("no");
     });
-    it("should sync the model with the form field values", function() {
+    return it("should sync the model with the form field values", function() {
       this.form.render();
       this.form.loadModel(this.model);
       this.form.setValues({
@@ -2992,183 +3040,6 @@
       });
       return expect(this.form.getValues().field1).toEqual("yes");
     });
-    describe("Loading A New Model", function() {
-      beforeEach(function() {
-        this.form.spiedEvents = {};
-        this.form.render();
-        this.model.beforeFormLoad = sinon.spy();
-        return this.form.loadModel(this.model);
-      });
-      it("should call before form load", function() {
-        return expect(this.model.beforeFormLoad).toHaveBeenCalled();
-      });
-      it("should have triggered before load", function() {
-        return expect(this.form).toHaveTriggered("before:load");
-      });
-      it("should have triggered after load", function() {
-        return expect(this.form).toHaveTriggered("after:load");
-      });
-      it("should have triggered before:load:new", function() {
-        return expect(this.form).toHaveTriggered("before:load:new");
-      });
-      return it("should have triggered after:load:new", function() {
-        return expect(this.form).toHaveTriggered("after:load:new");
-      });
-    });
-    describe("Loading An Existing Model", function() {
-      beforeEach(function() {
-        this.form.spiedEvents = {};
-        this.form.render();
-        this.model.set({
-          id: "one"
-        });
-        this.model.beforeFormLoad = sinon.spy();
-        return this.form.loadModel(this.model);
-      });
-      it("should call before form load", function() {
-        return expect(this.model.beforeFormLoad).toHaveBeenCalled();
-      });
-      it("should have triggered before:load:existing", function() {
-        return expect(this.form).toHaveTriggered("before:load:existing");
-      });
-      it("should have triggered after:load:new", function() {
-        return expect(this.form).toHaveTriggered("after:load:existing");
-      });
-      return it("should apply the form values in the currentModel call if specified", function() {
-        this.form.getField("field1").setValue("sup baby?");
-        expect(this.form.currentModel().get("field1")).not.toEqual("sup baby?");
-        this.form.getField("field1").setValue("sup baby boo?");
-        expect(this.form.currentModel({
-          refresh: false
-        }).get("field1")).not.toEqual("sup baby boo?");
-        return expect(this.form.currentModel({
-          refresh: true
-        }).get("field1")).toEqual("sup baby boo?");
-      });
-    });
-    describe("The Fields Accessors", function() {
-      beforeEach(function() {
-        return this.form.render();
-      });
-      it("should provide access to fields", function() {
-        return expect(this.form.getFields().length).toEqual(6);
-      });
-      return it("should allow me to access a field by its name", function() {
-        return expect(this.form.getField("field1")).toBeDefined();
-      });
-    });
-    describe("The Set Values Function", function() {
-      beforeEach(function() {
-        this.form.render();
-        return this.form.loadModel(this.model);
-      });
-      it("should set the values on the field", function() {
-        this.form.setValues({
-          field1: "andyadontstop"
-        });
-        return expect(this.form.getField("field1").getValue()).toEqual("andyadontstop");
-      });
-      it("should set the values on the model", function() {
-        this.form.setValues({
-          field1: "krs-one"
-        });
-        expect(this.form.getField("field1").getValue()).toEqual("krs-one");
-        return expect(this.model.get("field1")).toEqual("krs-one");
-      });
-      return it("should skip syncing with the model if passed silent", function() {
-        this.form.setValues({
-          field1: "yesyesyall"
-        }, {
-          silent: true
-        });
-        expect(this.form.getField("field1").getValue()).toEqual("yesyesyall");
-        return expect(this.model.get("field1")).not.toEqual("yesyesyall");
-      });
-    });
-    describe("The Get Values Function", function() {
-      beforeEach(function() {
-        this.model.set({
-          field1: "one",
-          field2: "two",
-          field3: void 0,
-          field4: ""
-        });
-        this.form.render();
-        this.form.loadModel(this.model);
-        return this.values = this.form.getValues();
-      });
-      it("should skip the button fields by default", function() {
-        return expect(_(this.values).keys()).not.toContain("field5");
-      });
-      it("should include the button fields if asked", function() {
-        var values;
-        values = this.form.getValues({
-          skip_buttons: false
-        });
-        return expect(_(values).keys()).toContain("field5");
-      });
-      it("should skip blank fields by default", function() {
-        var values;
-        values = this.form.getValues();
-        return expect(_(values).keys()).not.toContain("field4");
-      });
-      it("should include blank fields if asked", function() {
-        var values;
-        values = this.form.getValues({
-          reject_blank: false
-        });
-        return expect(_(values).keys()).toContain("field4");
-      });
-      return it("should skip blank id fields", function() {
-        return expect(_(this.values).keys()).not.toContain("id");
-      });
-    });
-    return describe("Events", function() {
-      beforeEach(function() {
-        this.form.render();
-        return this.form.loadModel(this.model);
-      });
-      describe("Submit Handlers", function() {
-        beforeEach(function() {
-          return this.form.spiedEvents = {};
-        });
-        it("should trigger after submit events", function() {
-          this.form.submit_success_handler(this.model, {
-            success: true
-          });
-          expect(this.form).toHaveTriggered("after:submit");
-          return expect(this.form).toHaveTriggered("after:submit:success");
-        });
-        it("should trigger after submit error events", function() {
-          this.form.submit_success_handler(this.model, {
-            success: false
-          });
-          expect(this.form).toHaveTriggered("after:submit");
-          return expect(this.form).toHaveTriggered("after:submit:error");
-        });
-        return it("should trigger fatal error events", function() {
-          this.form.submit_fatal_error_handler();
-          expect(this.form).toHaveTriggered("after:submit");
-          return expect(this.form).toHaveTriggered("after:submit:fatal_error");
-        });
-      });
-      return describe("Resetting the Form", function() {
-        it("should trigger before and after reset", function() {
-          this.form.resetHandler({
-            currentTarget: 1
-          });
-          expect(this.form).toHaveTriggered("before:reset");
-          return expect(this.form).toHaveTriggered("after:reset");
-        });
-        return it("should call reset", function() {
-          this.form.reset = sinon.spy();
-          this.form.resetHandler({
-            currentTarget: 1
-          });
-          return expect(this.form.reset).toHaveBeenCalled();
-        });
-      });
-    });
   });
 
 }).call(this);
@@ -3649,6 +3520,84 @@
 
 
 
+}).call(this);
+(function() {
+
+  describe("Luca.Model with computed attribute", function() {
+    var App;
+    App = {
+      models: {}
+    };
+    App.models.Sample = Luca.Model.extend({
+      computed: {
+        fullName: ['firstName', 'lastName']
+      },
+      fullName: function() {
+        return "" + (this.get("firstName")) + " " + (this.get("lastName"));
+      }
+    });
+    App.models.SampleWithoutCallback = Luca.Model.extend({
+      computed: {
+        fullName: ['firstName', 'lastName']
+      }
+    });
+    it("should have it undefined if dependences are not set", function() {
+      var model;
+      model = new App.models.Sample;
+      return expect(model.get("fullName")).toEqual(void 0);
+    });
+    it("should have it undefined if callback function is not present", function() {
+      var model;
+      model = new App.models.SampleWithoutCallback;
+      return expect(model.get("fullName")).toEqual(void 0);
+    });
+    it("should not call it's callback if dependences are not set", function() {
+      var model, spy;
+      model = new App.models.Sample;
+      spy = sinon.spy(model, "fullName");
+      return expect(spy.called).toEqual(false);
+    });
+    it("should not call it's callback if dependencies stay the same", function() {
+      var model, spy;
+      model = new App.models.Sample;
+      model.set({
+        firstName: "Nickolay",
+        lastName: "Schwarz"
+      });
+      spy = sinon.spy(model, "fullName");
+      model.set({
+        lastName: "Schwarz"
+      });
+      return expect(spy.called).toEqual(false);
+    });
+    it("should call it's callback when dependencies change", function() {
+      var model, spy;
+      model = new App.models.Sample;
+      spy = sinon.spy(model, "fullName");
+      model.set({
+        firstName: "Nickolay"
+      });
+      return expect(spy.called).toEqual(true);
+    });
+    it("should be gettable as a value of the callback", function() {
+      var model;
+      model = new App.models.Sample;
+      model.set({
+        firstName: "Nickolay",
+        lastName: "Schwarz"
+      });
+      return expect(model.get("fullName")).toEqual(model.fullName());
+    });
+    return it("should have it set on constructor if dependencies are supplied", function() {
+      var model;
+      model = new App.models.Sample({
+        firstName: "Nickolay",
+        lastName: "Schwarz"
+      });
+      return expect(model.get("fullName")).toEqual('Nickolay Schwarz');
+    });
+  });
+
 }).call(this);
 (function() {