pagination_ajax 1.0.5

data/spec/javascripts/helpers/jst_obj.js

@@ -0,0 +1,13 @@
+JST = {
+	'templates/test': function(obj){
+		var __p=[];
+		print=function(){
+			__p.push.apply(__p,arguments);
+		};
+		with(obj||{}){
+			__p.push('<div class=\'comment\'>\n\t',  comment ,' - ',  author ,'\n</div>\n');
+		}
+		
+		return __p.join('');
+	}
+}

data/spec/javascripts/helpers/plugin.js

@@ -0,0 +1,27 @@
+(function ($) {
+  $.fn.handleLinkClick = function(){
+  	
+	$(this).on('click', function(e){
+		e.preventDefault();
+		var $el = $(this);
+		var $parent = $el.closest('.pagination_container');
+		var $p_canv = $el.parent().siblings('.pagination_canvas');
+		var data_attributes = $parent.data();	
+		var server_response = ajaxPagination.sendPaginationRequest(data_attributes);
+		var response;
+		server_response.done(function(data){
+			response = {status: 'success', data: data};
+			ajaxPagination.buildDomElements($p_canv, data_attributes.template, response);
+			ajaxPagination.drawLinkIcons($el, $parent, response);
+		}).fail(function(jqXHR, textStatus, errorThrown){
+			response = {status: 'fail', data: []};
+			ajaxPagination.buildDomElements($p_canv, data_attributes.template, response);
+		});
+	});
+	
+  };
+})(jQuery);
+
+
+
+

data/spec/javascripts/link_generation_spec.js

@@ -0,0 +1,143 @@
+describe('Pagination Link Generation', function(){
+
+	beforeEach(function(){
+		loadFixtures('pagination_canvas.html');
+	});
+	
+	describe('drawing the list of links', function(){
+		
+		it('should create a link for every array item passed into drawLinkIcons()', function(){
+			loadFixtures('complete_pagination_dom.html');
+			spyOn(ajaxPagination,'buildLinkList').and.returnValue([1,2,3,4,5,'...',10,'next']);
+			
+			var $el = $('.selected_page');
+			var $parent = $('.pagination_container');
+			var response = {data: [{},{}]};
+			
+			ajaxPagination.drawLinkIcons($el, $parent, response);
+			var html = $('.link_canvas').html();
+			expect(html).toEqual('<a href="#" class="pagination_link" data-element_number="0">1</a><a href="#" class="pagination_link" data-element_number="1">2</a><a href="#" class="pagination_link" data-element_number="2">3</a><a href="#" class="pagination_link" data-element_number="3">4</a><a href="#" class="pagination_link selected_page" data-element_number="4">5</a><span>...</span><a href="#" class="pagination_link" data-element_number="9">10</a><a href="#" class="pagination_link" data-element_number="next">next</a>')
+		});	
+		
+	});
+	
+	describe('displays a truncated listing of links if there are MORE THAN 7 pages', function(){
+		
+		it('should display the proper list of links given 10 pages of links and current_page being the first page', function(){
+			var $parent = $('.pagination_container');
+			$parent.data('current_page',0);
+			$parent.data('per_page',2);
+			$parent.data('total',20);
+			var data = [{},{}];
+			expect(ajaxPagination.buildLinkList($parent, data)).toEqual([1,2,3,4,5,'...',10,'next']);
+		});
+		
+		it('should display the proper list of links given 10 pages of links and current_page == 1', function(){
+			var $parent = $('.pagination_container');
+			$parent.data('current_page',1);
+			$parent.data('per_page',2);
+			$parent.data('total',20);
+			var data = [{},{}];
+			expect(ajaxPagination.buildLinkList($parent, data)).toEqual(['prev',1,2,3,4,5,'...',10,'next']);
+		});
+		
+		it('should display the proper list of links given 10 pages of links and current_page == 5', function(){
+			var $parent = $('.pagination_container');
+			$parent.data('current_page',5);
+			$parent.data('per_page',2);
+			$parent.data('total',20);
+			var data = [{},{}];
+			expect(ajaxPagination.buildLinkList($parent, data)).toEqual(['prev',1,'...',4,5,6,7,8,'...',10,'next']);
+		});
+		
+		it('should display the proper list of links given 10 pages of links and current_page == 8', function(){
+			var $parent = $('.pagination_container');
+			$parent.data('current_page',8);
+			$parent.data('per_page',2);
+			$parent.data('total',20);
+			var data = [{},{}];
+			expect(ajaxPagination.buildLinkList($parent, data)).toEqual(['prev',1,'...',6,7,8,9,10,'next']);
+		});
+		
+		it('should display the proper list of links given 10 pages of links and current_page being the last page', function(){
+			var $parent = $('.pagination_container');
+			$parent.data('current_page',9);
+			$parent.data('per_page',2);
+			$parent.data('total',20);
+			var data = [{},{}];
+			expect(ajaxPagination.buildLinkList($parent, data)).toEqual(['prev',1,'...',6,7,8,9,10]);
+		});
+		
+	});
+	
+	describe('displays a listing of links if there are LESS THAN 7 pages', function(){
+		
+		it('should display all pages without the "prev" link given current_page being the first page', function(){
+			loadFixtures('pagination_canvas.html');
+			var $parent = $('.pagination_container');
+			$parent.data('current_page',0);
+			$parent.data('per_page',2);
+			$parent.data('total',10);
+			var data = [{},{}];
+			expect(ajaxPagination.buildLinkList($parent, data)).toEqual([1,2,3,4,5,'next']);
+		});
+		
+		it('should display all pages without the "next" link given current_page being other than the first or last page', function(){
+			loadFixtures('pagination_canvas.html');
+			var $parent = $('.pagination_container');
+			$parent.data('current_page',4);
+			$parent.data('per_page',2);
+			$parent.data('total',10);
+			var data = [{},{}];
+			expect(ajaxPagination.buildLinkList($parent, data)).toEqual(['prev',1,2,3,4,5]);
+		});
+		
+		it('should display all pages and the "next" and "prev" links given current_page is not the first or last page', function(){
+			loadFixtures('pagination_canvas.html');
+			var $parent = $('.pagination_container');
+			$parent.data('current_page',2);
+			$parent.data('per_page',2);
+			$parent.data('total',10);
+			var data = [{},{}];
+			expect(ajaxPagination.buildLinkList($parent, data)).toEqual(['prev',1,2,3,4,5,'next']);
+		});
+		
+	});
+	
+	describe('displays a combination of the "prev" and "next" links given incomplete information from the user', function(){
+		
+		it('should only display the "next" link if no per_page is given and the current_page == 0, ', function(){
+			var $parent = $('.pagination_container');
+			$parent.data('current_page',0);
+			$parent.data('total',10);
+			var data = [{},{}];
+			expect(ajaxPagination.buildLinkList($parent, data)).toEqual(['next']);
+		});	
+		
+		it('should only display the "prev" link if no per_page is given and the current_page != 0 and data.length == 0, ', function(){
+			var $parent = $('.pagination_container');
+			$parent.data('current_page',4);
+			$parent.data('total',10);
+			var data = [];
+			expect(ajaxPagination.buildLinkList($parent, data)).toEqual(['prev']);
+		});	
+		
+		it('should display the "prev" link if no per_page is given and the current_page != 0 and data.length == 0, ', function(){
+			var $parent = $('.pagination_container');
+			$parent.data('current_page',4);
+			$parent.data('total',10);
+			var data = [];
+			expect(ajaxPagination.buildLinkList($parent, data)).toEqual(['prev']);
+		});
+		
+		it('should display the "prev" and "next" links if no per_page is given and the current_page != 0 and data.length > 0, ', function(){
+			var $parent = $('.pagination_container');
+			$parent.data('current_page',4);
+			$parent.data('total',10);
+			var data = [{},{}];
+			expect(ajaxPagination.buildLinkList($parent, data)).toEqual(['prev','next']);
+		});
+		
+	});
+	
+});

data/spec/javascripts/link_interaction_spec.js

@@ -0,0 +1,108 @@
+describe('Pagination Link Interaction', function(){
+	
+	beforeEach(function(){
+		loadFixtures('complete_pagination_dom.html');
+	});
+		
+	describe('sending a request to the server', function(){
+		
+		it('should call ajaxPagination.sendPaginationRequest() with the data_attributes from the dom when the user clicks on .pagination_link', function(){
+			var d = $.Deferred();
+			d.resolve();			
+			
+			spyOn(ajaxPagination,'sendPaginationRequest').and.returnValue(d.promise());
+			spyOn(ajaxPagination,'buildDomElements');
+			
+			var $link = $('.selected_page');
+			$link.handleLinkClick();
+			$link.trigger('click');
+			
+			var data_attributes = $('.pagination_container').data();
+			expect(ajaxPagination.sendPaginationRequest).toHaveBeenCalledWith(data_attributes);
+		});
+		
+	});
+	
+	describe('updating the dom given a successful ajax request', function(){
+		
+		it('should increment current page by one if the user clicks the "next" link and add the "selected_page" class to the new link', function(){
+			var d = $.Deferred();
+			d.resolve([{comment: 'value', author: 'Louie'}]);	
+			spyOn(ajaxPagination,'sendPaginationRequest').and.returnValue(d.promise());
+			
+			var $container = $('.pagination_container');
+			
+			expect($container.data('current_page')).toEqual(4);
+			
+			var $next = $('.pagination_link[data-element_number="next"]');	
+			$next.handleLinkClick();	
+			$next.trigger('click');	
+					
+			expect($container.data('current_page')).toEqual(5);
+			expect($('.selected_page[data-element_number="5"]').length).toBeGreaterThan(0);
+		});
+		
+		it('should decrement current page by one if the user clicks the "prev" link and add the "selected_page" class to the new link', function(){
+			var d = $.Deferred();
+			d.resolve([{comment: 'value', author: 'Louie'}]);	
+			spyOn(ajaxPagination,'sendPaginationRequest').and.returnValue(d.promise());
+			
+			var $container = $('.pagination_container');
+			
+			expect($container.data('current_page')).toEqual(4);
+			
+			var $prev = $('.pagination_link[data-element_number="prev"]');		
+			$prev.handleLinkClick();
+			$prev.trigger('click');	
+					
+			expect($container.data('current_page')).toEqual(3);
+			expect($('.selected_page[data-element_number="3"]').length).toEqual(1);
+		});
+		
+		it('should set the current page to the icon that was clicked and add the "selected_page" class to the clicked link', function(){
+			var d = $.Deferred();
+			d.resolve([{comment: 'value', author: 'Louie'}]);	
+			spyOn(ajaxPagination,'sendPaginationRequest').and.returnValue(d.promise());
+			
+			var $container = $('.pagination_container');
+			
+			var $link = $('.pagination_link[data-element_number="5"]');
+			$link.handleLinkClick();
+			$link.trigger('click');
+					
+			expect($container.data('current_page')).toEqual(5);
+			expect($('.selected_page[data-element_number="5"]').length).toEqual(1);
+		});
+		
+	});
+	
+	describe('failed ajax request', function(){
+		
+		it('should not update the data attributes or link list given a failed ajax request', function(){
+			var d = $.Deferred();
+			d.reject();	
+			spyOn(ajaxPagination,'sendPaginationRequest').and.returnValue(d.promise());
+			
+			var $container = $('.pagination_container');
+			
+			var $links_before_click = $('.pagination_link');
+			console.log($links_before_click);
+			var $current_page_before_click = $container.data('current_page');
+			
+			var $link = $('.pagination_link[data-element_number="6"]');
+			$link.handleLinkClick();
+			$link.trigger('click');
+			
+			var $links_after_click = $('.pagination_link');
+			var $current_page_after_click = $container.data('current_page');
+			
+			for(x=0;x<=$links_after_click.length;x++){
+				var b = $links_before_click[x];
+				var a = $links_after_click[x];
+				expect(a).toEqual(b);
+			}
+		});
+		
+	});
+	
+});

data/spec/javascripts/support/jasmine.yml

@@ -0,0 +1,129 @@
+# src_files
+#
+# Return an array of filepaths relative to src_dir to include before jasmine specs.
+# Default: []
+#
+# EXAMPLE:
+#
+# src_files:
+#   - lib/source1.js
+#   - lib/source2.js
+#   - dist/**/*.js
+#
+src_files:
+  - spec/javascripts/helpers/jquery.js
+  - spec/javascripts/helpers/jasmine_jquery.js
+  - spec/javascripts/helpers/jst_obj.js
+  - spec/javascripts/helpers/plugin.js
+  - lib/assets/pagination_ajax.js
+
+
+# stylesheets
+#
+# Return an array of stylesheet filepaths relative to src_dir to include before jasmine specs.
+# Default: []
+#
+# EXAMPLE:
+#
+# stylesheets:
+#   - css/style.css
+#   - stylesheets/*.css
+#
+stylesheets:
+  - stylesheets/**/*.css
+
+# helpers
+#
+# Return an array of filepaths relative to spec_dir to include before jasmine specs.
+# Default: ["helpers/**/*.js"]
+#
+# EXAMPLE:
+#
+# helpers:
+#   - helpers/**/*.js
+#
+helpers:
+  - 'helpers/**/*.js'
+
+# spec_files
+#
+# Return an array of filepaths relative to spec_dir to include.
+# Default: ["**/*[sS]pec.js"]
+#
+# EXAMPLE:
+#
+# spec_files:
+#   - **/*[sS]pec.js
+#
+spec_files:
+  - '**/*[sS]pec.js'
+
+# src_dir
+#
+# Source directory path. Your src_files must be returned relative to this path. Will use root if left blank.
+# Default: project root
+#
+# EXAMPLE:
+#
+# src_dir: public
+#
+src_dir:
+
+# spec_dir
+#
+# Spec directory path. Your spec_files must be returned relative to this path.
+# Default: spec/javascripts
+#
+# EXAMPLE:
+#
+# spec_dir: spec/javascripts
+#
+spec_dir:
+
+# spec_helper
+#
+# Ruby file that Jasmine server will require before starting.
+# Returned relative to your root path
+# Default spec/javascripts/support/jasmine_helper.rb
+#
+# EXAMPLE:
+#
+# spec_helper: spec/javascripts/support/jasmine_helper.rb
+#
+spec_helper: spec/javascripts/support/jasmine_helper.rb
+
+# boot_dir
+#
+# Boot directory path. Your boot_files must be returned relative to this path.
+# Default: Built in boot file
+#
+# EXAMPLE:
+#
+# boot_dir: spec/javascripts/support/boot
+#
+boot_dir:
+
+# boot_files
+#
+# Return an array of filepaths relative to boot_dir to include in order to boot Jasmine
+# Default: Built in boot file
+#
+# EXAMPLE
+#
+# boot_files:
+#   - '**/*.js'
+#
+boot_files:
+
+# rack_options
+#
+# Extra options to be passed to the rack server
+# by default, Port and AccessLog are passed.
+#
+# This is an advanced options, and left empty by default
+#
+# EXAMPLE
+#
+# rack_options:
+#   server: 'thin'
+

data/spec/javascripts/support/jasmine_helper.rb

@@ -0,0 +1,15 @@
+#Use this file to set/override Jasmine configuration options
+#You can remove it if you don't need it.
+#This file is loaded *after* jasmine.yml is interpreted.
+#
+#Example: using a different boot file.
+#Jasmine.configure do |config|
+#   config.boot_dir = '/absolute/path/to/boot_dir'
+#   config.boot_files = lambda { ['/absolute/path/to/boot_dir/file.js'] }
+#end
+#
+#Example: prevent PhantomJS auto install, uses PhantomJS already on your path.
+#Jasmine.configure do |config|
+#   config.prevent_phantomjs_auto_install = true
+#end
+#

data/spec/javascripts/template_rendering_spec.js

@@ -0,0 +1,16 @@
+describe('Rendering content to the page', function(){
+	
+	it('should render the template to the view', function(){
+		loadFixtures('complete_pagination_dom.html');
+		
+		var $canvas = $('.pagination_canvas');
+		var template = $('.pagination_container').data('template');
+		var response = {status: 'success', 
+						data: [{"author":"Louie Mancini","comment":"here is a comment"},
+							   {"author":"Robert Duval","comment":"The Godfather was the best movie ever"}]
+					   }
+		ajaxPagination.buildDomElements($canvas, template, response);
+		expect($('.comment').length).toEqual(2);
+	});
+
+});