silverstripe-framework/thirdparty/jquery-entwine/spec/spec.entwine.basics.js

describe('Entwine', function(){

	beforeEach(function(){
		$.entwine.warningLevel = $.entwine.WARN_LEVEL_BESTPRACTISE;
		$('body').append('<div id="dom_test"></div>');
	});

	afterEach(function(){
		$('#dom_test').remove();
	});

	describe('Basics', function(){

		beforeEach(function(){
			$.entwine.clear_all_rules();
			$('#dom_test').html('<div id="a" class="a b c" data-fieldtype="foo"></div><div id="b" class="c d e"></div>');
		});

		it('can attach and call a base function', function(){
			$('#a').entwine({
				foo: function(){return this.attr('id');}
			});

			expect($('.a').foo()).toEqual('a');
		});

		it('can attach and call a base function on a selector using a data attribute selection', function(){
			$('[data-fieldtype=foo]').entwine({
				foo: function(){return this.attr('id');}
			});

			expect($('.a').foo()).toEqual('a');
		});

		it('can attach and call several base functions', function(){
			$('#a').entwine({
				foo: function(){return 'foo_' + this.attr('id');},
				bar: function(){return 'bar_' + this.attr('id');}
			});

			expect($('.a').foo()).toEqual('foo_a');
			expect($('.a').bar()).toEqual('bar_a');
		});

		it('can attach and call a namespaced function', function(){
			$.entwine('bar', function($){
				$('#a').entwine({
					foo: function(){return this.attr('id');}
				});
			});

			expect($('.a').entwine('bar').foo()).toEqual('a');
		});

		it('can attach and call a nested namespaced function', function(){
			$.entwine('qux.baz.bar', function($){
				$('#a').entwine({
					foo: function(){return this.attr('id');}
				});
			});

			expect($('.a').entwine('qux.baz.bar').foo()).toEqual('a');
		});

		it('can call two functions on two elements', function(){
			var res = [];

			$('#a').entwine({
				foo: function(){res.push(this.attr('id'));}
			});
			$('#b.c').entwine({
				foo: function(){res.push(this.attr('id'));}
			});

			$('#dom_test div').foo();
			expect(res).toEqual(['b', 'a']);
		});

		it('can call two namespaced functions on two elements', function(){
			var res = [];

			$.entwine('bar', function($){
				$('#a').entwine({
					foo: function(){res.push(this.attr('id'));}
				});
				$('#b.c').entwine({
					foo: function(){res.push(this.attr('id'));}
				});
			});

			$('#dom_test div').entwine('bar').foo();
			expect(res).toEqual(['b', 'a']);
		});
	});
});