form_binder_test.js

steal(
	"jquery/class", 
	'jquery/controller', 
	'jquery/model', 
	'jquery/model/validations', 
	'funcunit/qunit',
	'jquery/view',
	'form_binder')
.then(function(){
	
	$.Controller('Cntrlr', {
		init : function(){
			this.element.html($.View('form', {m: model}))
		}
	});
	$.Model("BlogPost",{
		attributes : { 
			title        : 'string',
			lead         : 'text',
			body         : 'text',
			is_published : 'boolean',
			status       : 'string',
			tags         : 'array',
			author       : 'string'
		},
		valuesForTags   : ['test', 'tag'],
		valuesForStatus : [['published', 'Published'], ['draft', 'Draft']],
		valuesForAuthor : ['Mihael', 'Justin', 'Brian', 'Austin'],
		init : function(){
			this.validatePresenceOf('title');
			this.validatePresenceOf('lead');
		},

	}, {});
	
	model = new BlogPost();
	
	module("form_binder test", { 
		setup: function(){
			$('<div id="content"></div>').appendTo($("#qunit-test-area"));
			$('#content').cntrlr();
		}
	});

	test("Changing a value in form changes a value in model", function(){
		stop();
		$('#blog_post_title').val('Title').trigger('blur');
		equals('Title', model.attr('title'));
		$('#blog_post_lead').val('Lead').trigger('blur');
		equals('Lead', model.attr('lead'));
		start();
	});	
	
	test("Changing an attribute in model reflects in form", function(){
		model.attr('title', 'Title2');
		equals($('#blog_post_title').val(), 'Title2');
		model.attr('body', 'Body');
		equals($('#blog_post_body').val(), 'Body');
	})
	
	test("Changing an attribute in model reflects in password field", function(){
		model.attr('password', 'pass');
		equals($('#blog_post_password').val(), 'pass');
	})
	
	test("Setting an array attribute should check checkboxes in checkbox group", function(){
		model.attr('tags', ['test', 'tag'])
		equals($('[name="blog_post[tags][]"]:checked').length, 2)
		model.attr('tags', ['tag'])
		equals($('[name="blog_post[tags][]"]:checked').length, 1)
		model.attr('tags', [])
		equals($('[name="blog_post[tags][]"]:checked').length, 0)
	})
	
	test("Setting a value should reflect in select box", function(){
		model.attr('status', 'published')
		equals($('#blog_post_status').val(), 'published')
		model.attr('status', 'draft')
		equals($('#blog_post_status').val(), 'draft')
	})
	
	test("Validation should work on blur", function(){
		$('#blog_post_title').val('').trigger('blur')
		equals($('#blog_post_title').parents('.input-wrapper').find('.errors').text(), "can't be empty")
	})
	
	test("Errors should be removed after valid data is entered", function(){
		$('#blog_post_title').val('').trigger('blur')
		equals($('#blog_post_title').parents('.input-wrapper').find('.errors').text(), "can't be empty")
		$('#blog_post_title').val('Title').trigger('blur')
		equals($('#blog_post_title').parents('.input-wrapper').find('.errors').text(), "")
	})
	
	test("Errors should be removed after valid data is entered", function(){
		$('#blog_post_title').val('').trigger('blur')
		equals($('#blog_post_title').parents('.input-wrapper').find('.errors').text(), "can't be empty")
		$('#blog_post_title').val('Title').trigger('blur')
		equals($('#blog_post_title').parents('.input-wrapper').find('.errors').text(), "")
	})

	test("Setting an boolean value should reflect in checkbox being checked", function(){
		model.attr('is_published', true)
		equals($('#blog_post_is_published:checked').length, 1)
	})
	
	test("Setting an value in model should select this value in a radio group", function(){
		model.attr('author', 'Mihael')
		equals($('[name="blog_post[author]"]:checked').val(), 'Mihael')
		model.attr('author', 'Justin')
		equals($('[name="blog_post[author]"]:checked').val(), 'Justin')
	})
	
	test("Clicking an radio button should set value in model", function(){
		$('[name="blog_post[author]"]:eq(3)').trigger('click').trigger('change');
		equals(model.attr('author'), 'Austin')
	})
	
	test("Setting a value of form field that isn't set in attributes should work as expected", function(){
		$('#blog_post_non_existing_attribute').val('Test value').trigger('change');
		equals(model.attr('non_existing_attribute'), 'Test value')
	})
	
	test("Setting an non_existing_attribute should set value in form field", function(){
		model.attr('non_existing_attribute2', 'Test value');
		equals($('#blog_post_non_existing_attribute2').val(), 'Test value')
	})
	
	test("providing inline values to selects, checkbox groups and radio groups", function(){
		equals($('#blog_post_select_field option').length, 2)
		equals($('[name="blog_post[radio_group_field]"]').length, 2)
		equals($('[name="blog_post[checkbox_group_field][]"]').length, 2)
	})
	
})