node-barefoot/test/specs/view.js

Barefoot makes code sharing between browser and server reality. Write your application once and run it on both ends of the wire.

describe('View', function() {
	var should = require('chai').should();

	describe('Mixin Functionality', function() {
		it('should apply a mixin to its prototype', function() {
			var mixin = { mix: function() { } }
				, View = requireLibFile('view')
				, withMixin = View(mixin);

			withMixin.prototype.should.have.property('mix', mixin.mix);
		})
	})

	describe('addSubview', function() {
		var view;

		beforeEach(function() {
			view = new Barefoot.View({ el: 'body' });
		})

		it('should add a subview', function() {
			var subview = new Barefoot.View({ el: 'nav' });
			view.addSubview(subview);

			view.subviews[0].should.be.equal(subview);
		})

		it('should set the parent view of subview when adding the subview', function() {
			var subview = new Barefoot.View({ el: 'nav' });
			view.addSubview(subview);

			subview.parentView.should.be.equal(view);
		})
	})

	describe('removeSubview', function() {
		var view
			, subview;

		beforeEach(function() {
			view = new Barefoot.View({ el: 'body' });
			subview = new Barefoot.View({ el: 'nav' });
			view.addSubview(subview);

			view.close = function() {};  // Mock
			subview.close = view.close;  // Mock
		})

		it('should remove a subview', function() {
			view.removeSubview(subview);
			view.subviews.should.have.length(0);
		})

		it('should reset the parent view of subview when removing the subview', function() {
			view.removeSubview(subview);
			should.not.exist(subview.parentView);
		})

		it('should call close on the subview on removal', function(done) {
			subview.close = done;
			view.removeSubview(subview);
		})
	})

	describe('render', function() {
		var view;

		beforeEach(function() {
			view = new Barefoot.View({ el: 'body' });
		})

		it('should call beforeRender', function(done) {
			view.beforeRender = function(resolve) {
				resolve();
				done();
			};
			view.render();
		})

		it('should call renderView', function(done) {
			view.renderView = done;
			view.render();
		})

		it('should call afterRender', function(done) {
			view.afterRender = function(resolve) {
				resolve();
				done();
			}
			view.render();
		})

		it('should call renderSubviews', function(done) {
			view.renderView = function() {};
			view.renderSubviews = done;
			view.render();
		})

	})

	describe('renderSubviews', function() {
		var view
			, subview;

		beforeEach(function() {
			view = new Barefoot.View({ el: 'body' });
			subview = new Barefoot.View({ el: 'nav' });

			view.$ = function() {};
			subview.renderView = function() {};
			view.addSubview(subview);
		})

		it('should call render on subviews', function(done) {
			subview.render = done;
			view.renderSubviews();
		})

		it('should call delegateEvents on subviews', function(done) {
			subview.delegateEvents = done;
			view.renderSubviews();
		})
	})

})