grunt-doctrine/tmp/vendor/backbone-modelbinder/spec/javascripts/coreBinder.spec.js

Grunt plugin to convert doctrine xml annotations into backbone models and collections. Useful in conjunction with doctrine apigility. Includes option to scaffold an entire BBB application

describe("core binder", function(){
    beforeEach(function(){

        this.model = new AModel();
        this.view = new SimpleView({model: this.model});
        this.view.render();
        this.modelBinder = new Backbone.ModelBinder();
    });

    describe("View events", function(){
        it("correct model binder changed events fired - 1 binding", function(){
            this.modelBinder.bind(this.model, this.view.el);
            var changeEventCount = 0;
            this.model.on('change', function(){changeEventCount++;});

            this.view.$("[name=firstName]").val("Kijana");
            this.view.$("[name=firstName]").trigger("change");
            expect(changeEventCount).toBe(1);
        });

        it("correct model binder changed events fired - 1 binding", function(){
            this.modelBinder.bind(this.model, this.view.el, {
                date: '.dateClass'
            });

            var changeEventCount = 0;
            this.model.on('change', function(){changeEventCount++;});

            this.view.$("input.dateClass").val("Kijana");
            this.view.$("input.dateClass").trigger("change");
            expect(changeEventCount).toBe(1);
        });

        it("correct view setEl invoked - 2 bindings", function(){
            var setElCount = 0;

            this.modelBinder.bind(this.model, this.view.el, {
                date: '.dateClass'
            });

            var oldSetEl = this.modelBinder._setEl;
            var newSetEl = function(el, elementBinding, convertedValue){
                setElCount++;
                oldSetEl.call(this.modelBinder, el, elementBinding, convertedValue);
            };
            this.modelBinder._setEl = newSetEl;

            this.view.$("input.dateClass").val("Kijana");
            this.view.$("input.dateClass").trigger("change");
            expect(setElCount).toBe(1);
        });
    });

    describe("copyModelAttributesToView", function(){
        it("copyModelAttributesToView functionality", function(){
            this.model.set({firstName: 'Kijana'});
            this.modelBinder.bind(this.model, this.view.el);

            this.model.set({firstName: 'Kerry'}, {silent: true});

            expect(this.view.$("[name=firstName]").val()).toBe('Kijana');

            this.modelBinder.copyModelAttributesToView([]);
            expect(this.view.$("[name=firstName]").val()).toBe('Kijana');

            this.modelBinder.copyModelAttributesToView(['firstName']);
            expect(this.view.$("[name=firstName]").val()).toBe('Kerry');
        });
    });

});