| Current File : /home/obaba/public_html/admin/assets/plugins/bootstrap-paginator/test/test.html |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap Paginator Tests</title>
<link rel="stylesheet" href="../css/qunit-1.11.0.css">
<link rel="stylesheet" href="../css/bootstrap-responsive.css">
<link rel="stylesheet" href="../css/bootstrap.css">
<script src="../lib/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="../lib/bootstrap.min.js" type="text/javascript"></script>
</head>
<body>
<div id="paginator-test"></div>
<div id="qunit"></div>
<div id="qunit-fixture"></div>
<div id='bp-3-element-test'></div>
<span id='bp-2-element-test'></span>
<script src="../src/bootstrap-paginator.js"></script>
<script src="../lib/qunit-1.11.0.js"></script>
<script type="text/javascript">
$(function(){
var container = $('#paginator-test');
var options = null;
//container.bootstrapPaginator(options);
module("getPages functionality test, 11 pages, maximum 3 pages visible",{
setup: function(){
options = {
containerClass:"pagination"
, currentPage:1
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:null
};
container.bootstrapPaginator(options);
},
teardown: function(){
//container.bootstrapPaginator('destroy');
}
});
/**
*
* Tests the get page result. When the current page is 1 under the configuration, there will be no first and previous page,
* current page will be 1, next page will be 2, and last page will be 11. Second page within the pages item is 2.
*
* */
test("test getPage result,current page 1",function(){
var pages = container.bootstrapPaginator("getPages");
equal(pages.current,1,"Current page of initial setup is 1.")
equal(pages.first,1,"No first page in the initial setup")
equal(pages.prev, 1, "No previous page in the initial setup")
equal(pages.next, 2, "Next page of initial setup is 2")
equal(pages.last, 11, "Last page of initial setup is 11")
equal(pages[1],2,"page number 1's value must be 2");
})
/**
*
* Tests the get page result. When the current page is 2 under the configuration, first and previous page is 1,
* next is 3, last is 11, the 3rd page item is 3.
*
* */
test("test getPage result current page 2",function(){
options.currentPage = 2;
container.bootstrapPaginator(options);
var pages = container.bootstrapPaginator("getPages");
equal(pages.current,2,"Current page of initial setup is 2.")
equal(pages.first,1,"First page is one")
equal(pages.prev, 1, "Previous page is 1")
equal(pages.next, 3, "Next page of initial setup is 3")
equal(pages.last, 11, "Last page of initial setup is 11")
equal(pages[2],3,"page number 2's value must be 3");
equal(pages.length, 3, "Length of the pages is 3")
})
/**
* Tests the get page result, when the current page is 10, first is 1, previous is 9, next and last are 11.
*
* */
test("test gePage result with current page 10",function(){
options.currentPage = 10;
container.bootstrapPaginator(options);
var pages = container.bootstrapPaginator("getPages");
equal(pages.current,10,"Current page of initial setup is 10.")
equal(pages.first,1,"First page is 1")
equal(pages.prev, 9, "Previous page is 9")
equal(pages.next, 11, "Next page is 11")
equal(pages.last, 11, "Last page is 11")
equal(pages.length, 2, "Length of the pages is 2")
})
/**
* Tests the get page result, when the current page is 11, first is 1, previous is 10, no next and last item.
* the length of pages is 2.
*
* */
test("test get page result with current page 11",function(){
options.currentPage = 11;
container.bootstrapPaginator(options);
var pages = container.bootstrapPaginator("getPages");
equal(pages.current,11,"Current page of initial setup is 11.")
equal(pages.first,1,"First page is 1")
equal(pages.prev, 10, "Previous page is 10")
equal(pages.next, 11, "No next page")
equal(pages.last, 11, "No last page")
equal(pages.length, 2, "Length of the pages is 2")
})
/**
* Tests the functionality of getValueFromOption. this function is how the program turn the function attribute into
* value when deciding it.
*
*
* */
module("getValueFromOption functionality test",{
setup: function(){
container.bootstrapPaginator('destroy');
options = {
containerClass:"pagination"
, currentPage:1
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:null
};
container.bootstrapPaginator(options);
}
})
/**
* Tests both a string parameter and a function parameter, string parameter should return the orignial string,
* while function one must give the return value of that function.
* */
test("test the functionality of the getValueFromOption",function(){
var result = container.bootstrapPaginator("getValueFromOption","a")
equal(result,"a","value from the option function is a");
var result = container.bootstrapPaginator("getValueFromOption",function(a){
return a+1;
},1010)
equal(result,1011,"value from the option function is 1010");
})
/**
* Tests the buildPageItem function. the function builds individual page item by providing only the
* */
module("buildPageItem functionality test",{
setup: function(){
container.bootstrapPaginator('destroy');
options = {
containerClass:"pagination"
, currentPage:2
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:null
};
container.bootstrapPaginator(options);
}
})
/**
*
* Renders different types of pages. and check the html node and text within it.
*
* */
test("test individual page item rendering ", function(){
var pages = container.bootstrapPaginator("getPages");
var first = container.bootstrapPaginator("buildPageItem","first",pages.first),
prev = container.bootstrapPaginator("buildPageItem","prev",pages.prev),
next = container.bootstrapPaginator("buildPageItem","next",pages.next),
last = container.bootstrapPaginator("buildPageItem","last",pages.last),
current = container.bootstrapPaginator("buildPageItem","page",pages.current);
ok(first.is("li"),"check whether the wrapping element is a li");
var childOfFirst = first.children();
equal(childOfFirst.length,1,"length of the children is 1");
ok(childOfFirst.first().is("a"),"check whether the content container is a");
equal(childOfFirst.first().text(),"<<","text of first item is <<");
ok(prev.is("li"),"check whether the wrapping element of prev is a li");
var childOfPrev = prev.children();
equal(childOfPrev.length,1,"length of the previous children is 1");
ok(childOfPrev.first().is("a"),"check whether the previous content container is a");
equal(childOfPrev.first().text(),"<","text of previous item is <");
var childOfCurrent = current.children();
equal(childOfCurrent.length,1,"length of the current children is 1");
ok(childOfCurrent.first().is("a"),"check whether the current content container is a");
equal(childOfCurrent.first().text(),"2","text of current item is 2");
var childOfNext = next.children();
equal(childOfNext.length,1,"length of the next children is 1");
ok(childOfNext.first().is("a"),"check whether the next content container is a");
equal(childOfNext.first().text(),">","text of next item is >");
var childOfLast = last.children();
equal(childOfLast.length,1,"length of the last children is 1");
ok(childOfLast.first().is("a"),"check whether the last content container is a");
equal(childOfLast.first().text(),">>","text of last item is >>");
})
/**
* Test the functionality of render function. The test will go for those boundary pages.
*
* Test cases are: 1, 2, 10, 11
*
* */
module("render functionality test",{
setup: function(){
container.bootstrapPaginator('destroy');
}
})
/**
* Test case 1, there will be 5 items, 1,2,3 and >, >>
* */
test("test rendering for page = 1",function(){
options = {
containerClass:"pagination"
, currentPage:1
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:null
};
container.bootstrapPaginator(options);
var containerChildren = container.children();
equal(containerChildren.length,1,"must be only 1 element in the container");
var outerContainer = $(containerChildren[0])
ok(outerContainer.is("ul"),"outer container element is ul");
var pageItems = outerContainer.children();
equal(pageItems.length,5,"page items in this case is 3 page items plus next and last");
equal($($(pageItems[0]).children()[0]).text(),'1',"first page is 1, no previous and first");
ok($(pageItems[0]).hasClass("active"),"first page 1 is an active page");
equal($($(pageItems[1]).children()[0]).text(),'2',"second item is 2");
equal($($(pageItems[2]).children()[0]).text(),'3',"third item is 3");
equal($($(pageItems[3]).children()[0]).text(),">","fourth item is next");
equal($($(pageItems[4]).children()[0]).text(),">>","fifth item is last");
})
/**
* Test case 2, there will be 7 items, <<, <, 1, 2, 3 and >, >>
* */
test("test rendering for page = 2", function(){
container.bootstrapPaginator("destroy");
options = {
containerClass:"pagination"
, currentPage:2
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:null
};
container.bootstrapPaginator(options);
var containerChildren = container.children();
equal(containerChildren.length,1,"must be only 1 element in the container");
var outerContainer = $(containerChildren[0])
ok(outerContainer.is("ul"),"outer container element is ul");
var pageItems = outerContainer.children();
equal(pageItems.length,7,"page items in this case is first, previous, 3 page items plus next and last");
equal($($(pageItems[0]).children()[0]).text(),'<<',"first item is first page with text <<");
equal($($(pageItems[1]).children()[0]).text(),'<',"second item is previous page wiht text <");
equal($($(pageItems[2]).children()[0]).text(),'1',"third page item is 1");
equal($($(pageItems[3]).children()[0]).text(),'2',"fourth page item is 2");
ok($(pageItems[3]).hasClass("active"),"fourth page item is an active page");
equal($($(pageItems[4]).children()[0]).text(),'3',"fifth page item is 3");
equal($($(pageItems[5]).children()[0]).text(),">","sixth item is next");
equal($($(pageItems[6]).children()[0]).text(),">>","seventh item is last");
})
/**
* Test case 10, there will be 6 items, <<, <, 10, 11, >, >>
* */
test("test rendering for page = 10", function(){
container.bootstrapPaginator("destroy");
options = {
containerClass:"pagination"
, currentPage:10
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:null
};
container.bootstrapPaginator(options);
var containerChildren = container.children();
equal(containerChildren.length,1,"must be only 1 element in the container");
var outerContainer = $(containerChildren[0])
ok(outerContainer.is("ul"),"outer container element is ul");
var pageItems = outerContainer.children();
equal(pageItems.length,6,"page items in this case is first, previous, 3 page items plus next and last");
equal($($(pageItems[0]).children()[0]).text(),'<<',"first item is first page with text <<");
equal($($(pageItems[1]).children()[0]).text(),'<',"second item is previous page wiht text <");
equal($($(pageItems[2]).children()[0]).text(),'10',"third page item is 10");
ok($(pageItems[2]).hasClass("active"),"fourth page item is an active page");
equal($($(pageItems[3]).children()[0]).text(),'11',"fourth page item is 11");
equal($($(pageItems[4]).children()[0]).text(),">","fifth item is next");
equal($($(pageItems[5]).children()[0]).text(),">>","sixth item is last");
})
/**
* Test case 11, there will be 4 items, <<, <, 10, 11
* */
test("test rendering for page = 11",function(){
options = {
containerClass:"pagination"
, currentPage:11
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:null
};
container.bootstrapPaginator(options);
var containerChildren = container.children();
equal(containerChildren.length,1,"must be only 1 element in the container");
var outerContainer = $(containerChildren[0])
ok(outerContainer.is("ul"),"outer container element is ul");
var pageItems = outerContainer.children();
equal(pageItems.length,4,"page items in this case is first, previous, 3 page items plus next and last");
equal($($(pageItems[0]).children()[0]).text(),'<<',"first item is first page with text <<");
equal($($(pageItems[1]).children()[0]).text(),'<',"second item is previous page wiht text <");
equal($($(pageItems[2]).children()[0]).text(),'10',"third page item is 10");
equal($($(pageItems[3]).children()[0]).text(),'11',"fourth page item is 11");
ok($(pageItems[3]).hasClass("active"),"fourth page item is an active page");
})
/**
* Tests the show functionality.
* */
module("show functionality test",{
setup: function(){
container.bootstrapPaginator('destroy');
}
})
/**
* Test case shows the page 5 and check whether the page 5 is active and the text is 5.
* */
test("test normal show function with current page = 1, page = 5, totalPages = 11.",function(){
options = {
containerClass:"pagination"
, currentPage:1
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:null
};
container.bootstrapPaginator(options);
container.bootstrapPaginator("show",5);
var list = container.children().first().children();
equal(list.length,7,"page items should be 7");
ok($(list[3]).hasClass("active"),'page 5 is active');
equal($(list[3]).text(),5,'active page text is 5');
})
/**
* Test case shows the first page and check whether the first page 1 is active and the text is 1.
* */
test("test showFirst function,currentPage = 2, totalPages = 11",function(){
container.bootstrapPaginator("destroy");
options = {
containerClass:"pagination"
, currentPage:2
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:null
};
container.bootstrapPaginator(options);
container.bootstrapPaginator("showFirst");
var list = container.children().first().children();
ok($(list[0]).hasClass("active"),'page 1 is active');
equal($(list[0]).text(),1,'active page text is 1');
})
/**
* Test case shows the previous page and check whether the previous page 2 is active and the text is 2.
* */
test("test showPrevious function,currentPage = 3, totalPages = 11",function(){
container.bootstrapPaginator("destroy");
options = {
containerClass:"pagination"
, currentPage:3
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:null
};
container.bootstrapPaginator(options);
container.bootstrapPaginator("showPrevious");
var list = container.children().first().children();
ok($(list[3]).hasClass("active"),'page 2 is active');
equal($(list[3]).text(),2,'active page text is 2');
})
/**
* Test case shows the next page and check whether the next page 4 is active and the text is 4.
* */
test("test showNext function, currentPage = 3, totalPages = 11",function(){
container.bootstrapPaginator("destroy");
options = {
containerClass:"pagination"
, currentPage:3
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:null
};
container.bootstrapPaginator(options);
container.bootstrapPaginator("showNext");
var list = container.children().first().children();
ok($(list[2]).hasClass("active"),'page 4 is active');
equal($(list[2]).text(),4,'active page text is 4');
})
/**
* Test case shows the last page and check whether the last page 11 is active and the text is 11.
* */
test("test showLast function, currentPage = 3, totalPages = 11",function(){
container.bootstrapPaginator("destroy");
options = {
containerClass:"pagination"
, currentPage:3
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:null
};
container.bootstrapPaginator(options);
container.bootstrapPaginator("showLast");
var list = container.children().first().children();
ok($(list[3]).hasClass("active"),'page 4 is active');
equal($(list[3]).text(),11,'active page text is 4');
})
/**
* Tests two events, onPageClicked and onPageChanged. onPageClicked will test all types of pages.
* */
module("event testing",{
setup: function(){
container.bootstrapPaginator('destroy');
}
})
/**
* Tests the numeric page item click event, check whether the type and page are alright and whether there is the original event
*
* */
test("test onPageClicked event, will click on page 2",function(){
var typeAct = null,
pageAct = null,
originalEventAct = null;
options = {
containerClass:"pagination"
, currentPage:3
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:function(e,originalEvent,type,page){
typeAct = type
pageAct = page
originalEventAct = originalEvent;
}
, onPageChanged:null
};
container.bootstrapPaginator(options);
var list = container.children().first().children();
//click page 2
$($(list[3]).children()).first().click();
equal(typeAct,"page","type for page 2 is page");
equal(pageAct,"2","page for page 2 is 2");
notEqual(originalEventAct,null,"should be an original event");
})
/**
* Tests the first page item click event, check whether the type and page are alright and whether there is the original event
*
* */
test("test onPageClicked event, will click on first page",function(){
var typeAct = null,
pageAct = null,
originalEventAct = null;
options = {
containerClass:"pagination"
, currentPage:3
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:function(e,originalEvent,type,page){
typeAct = type
pageAct = page
originalEventAct = originalEvent;
}
, onPageChanged:null
};
container.bootstrapPaginator(options);
var list = container.children().first().children();
//click page 2
$($(list[0]).children()).first().click();
equal(typeAct,"first","type for first is first");
equal(pageAct,"1","page for first page is 1");
notEqual(originalEventAct,null,"should be an original event");
})
/**
* Tests the previous page item click event, check whether the type and page are alright and whether there is the original event
*
* */
test("test onPageClicked event, will click on previous page",function(){
var typeAct = null,
pageAct = null,
originalEventAct = null;
options = {
containerClass:"pagination"
, currentPage:3
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:function(e,originalEvent,type,page){
typeAct = type
pageAct = page
originalEventAct = originalEvent;
}
, onPageChanged:null
};
container.bootstrapPaginator(options);
var list = container.children().first().children();
//click page 2
$($(list[1]).children()).first().click();
equal(typeAct,"prev","type for previous page is prev");
equal(pageAct,"2","page for previous page is 2");
notEqual(originalEventAct,null,"should be an original event");
})
/**
* Tests the next page item click event, check whether the type and page are alright and whether there is the original event
*
* */
test("test onPageClicked event, will click on next page",function(){
var typeAct = null,
pageAct = null,
originalEventAct = null;
options = {
containerClass:"pagination"
, currentPage:3
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:function(e,originalEvent,type,page){
typeAct = type
pageAct = page
originalEventAct = originalEvent;
}
, onPageChanged:null
};
container.bootstrapPaginator(options);
var list = container.children().first().children();
//click page 2
$($(list[5]).children()).first().click();
equal(typeAct,"next","type for next is next");
equal(pageAct,"4","page for next page is 4");
notEqual(originalEventAct,null,"should be an original event");
})
/**
* Tests the last page item click event, check whether the type and page are alright and whether there is the original event
*
* */
test("test onPageClicked event, will click on last page",function(){
var typeAct = null,
pageAct = null,
originalEventAct = null;
options = {
containerClass:"pagination"
, currentPage:3
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:function(e,originalEvent,type,page){
typeAct = type
pageAct = page
originalEventAct = originalEvent;
}
, onPageChanged:null
};
container.bootstrapPaginator(options);
var list = container.children().first().children();
//click page 2
$($(list[6]).children()).first().click();
equal(typeAct,"last","type for last is last");
equal(pageAct,"11","page for last page is 11");
notEqual(originalEventAct,null,"should be an original event");
})
/**
* Tests the pageChanged event, check whether the oldValue and the new value are alright.
*
* */
test("test onPageChanged event,",function(){
var oldValue = null,
newValue = null;
options = {
containerClass:"pagination"
, currentPage:3
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:function(e,oldPage,newPage){
oldValue = oldPage,
newValue = newPage;
}
};
container.bootstrapPaginator(options);
container.bootstrapPaginator("show",11);
equal(oldValue,"3","old page value is 3");
equal(newValue,"11","new page value is 11");
})
/**
* Tests the pageChanged event, check whether the oldValue and the new value are alright.
*
* */
test("test page-changed event",function(){
var oldValue = null,
newValue = null;
options = {
containerClass:"pagination"
, currentPage:3
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:null
};
container.bootstrapPaginator("destroy");
container.bootstrapPaginator(options);
container.on("page-changed",function(e,oldPage,newPage){
oldValue = oldPage,
newValue = newPage;
})
container.bootstrapPaginator("show",11);
equal(oldValue,"3","old page value is 3");
equal(newValue,"11","new page value is 11");
})
/**
* Tests the pageChanged event, check whether the oldValue and the new value are alright.
*
* */
test("test page-clicked event, will click on last page",function(){
var typeAct = null,
pageAct = null,
originalEventAct = null;
options = {
containerClass:"pagination"
, currentPage:3
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:null
};
container.bootstrapPaginator("destroy")
container.bootstrapPaginator(options);
container.on("page-clicked",function(e,originalEvent,type,page){
typeAct = type
pageAct = page
originalEventAct = originalEvent;
})
var list = container.children().first().children();
//click page 2
$($(list[6]).children()).first().click();
equal(typeAct,"last","type for last is last");
equal(pageAct,"11","page for last page is 11");
notEqual(originalEventAct,null,"should be an original event");
})
test("test whether page-clicked event is stoppable.",function(){
var page = -1;
options = {
containerClass:"pagination"
, currentPage:3
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:function(e,originalEvent,type,page){
e.stopImmediatePropagation();
}
, onPageChanged:function(event,oldPage,newPage){
page = newPage;
}
};
container.bootstrapPaginator("destroy")
container.bootstrapPaginator(options);
var list = container.children().first().children();
$($(list[6]).children()).first().click();
var pages = container.bootstrapPaginator("getPages");
equal(pages.current,"3","current page hasn't changed");
equal(page,-1,"Page changed event has been fired");
});
/**
* Tests the exceptions when the page is out of range
* */
module("exception testing",{
setup: function(){
container.bootstrapPaginator('destroy');
},
teardown: function(){
container.bootstrapPaginator('destroy');
options = {
containerClass:"pagination"
, currentPage:3
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:null
};
container.bootstrapPaginator(options);
}
})
/**
* When shows the page out of 1~totalPages, it will throw and exception with message "Page out of range"
* */
test("Page range test",function(){
options = {
containerClass:"pagination"
, currentPage:3
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:function(e,oldPage,newPage){
oldValue = oldPage;
newValue = newPage;
}
};
container.bootstrapPaginator(options);
throws(function(){
container.bootstrapPaginator("show",-1);
},/range/,"Page out of lower boundary exception when using show");
throws(function(){
container.bootstrapPaginator("show",12);
},/range/,"Page out of upper boundary exception when using show");
throws(function(){
container.bootstrapPaginator({currentPage:-2});
},/range/,"Page out of lower boundary exception when setting the current page through setOptions")
throws(function(){
container.bootstrapPaginator({currentPage:25});
},/range/,"Page out of upper boundary exception when setting the current page through setOptions")
})
/**
* Tests the options when the page is out of range
* */
module("option testing",{
setup: function(){
container.bootstrapPaginator('destroy');
},
teardown: function(){
container.bootstrapPaginator('destroy');
options = {
containerClass:"pagination"
, currentPage:3
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:null
};
container.bootstrapPaginator(options);
}
})
/**
*
* Tests the containerClass option, check whether it's been set to the proper element.
*
* */
test("test containerClass, string test and function that returns testF will be tested",function(){
options = {
containerClass:"test"
, currentPage:3
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:null
};
container.bootstrapPaginator(options);
ok(container.hasClass("pagination"),"Container should have the class pagination")
ok(container.hasClass("test"),"Container should have the class test")
})
/**
*
* Tests the listContainerClass, it just check whether it's been set to the proper element
*
* */
test("test listContainerClass, string test and function that returns testF will be tested",function(){
options = {
containerClass:"test"
, currentPage:3
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:null
};
options.listContainerClass = "listCT"
container.bootstrapPaginator(options);
var list = container.children().first();
ok(list.hasClass("listCT"),"List should have the class listCT")
options.listContainerClass = function(){
return "listCTF"
}
container.bootstrapPaginator(options);
var list = container.children().first();
ok(list.hasClass("listCTF"),"List should have the class listCTF")
})
/**
*
* Tests the itemContainerClass, checks whether it's been set to the right element
*
* */
test("test itemContainerClass, string test and function that returns testF will be tested,currentPage = 3,totalPage =11,",function(){
options = {
containerClass:"test"
, currentPage:3
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:null
};
var typeAct = [],
pageAct = [],
currentPage = null;
options.itemContainerClass = function(type, page,current){
typeAct.push(type);
pageAct.push(page);
currentPage = current;
return "itemCTF"
}
container.bootstrapPaginator(options);
var itemContainer = container.children().first().children().first();
ok(itemContainer.hasClass("itemCTF"),"List should have the class listCTF")
equal(typeAct[0],"first","Type of the first item should be first");
equal(pageAct[0],"1","Page of the first item should be first");
equal(currentPage,"3","Current page is 3");
})
/**
* Tests whether the itemContentClass has been set to the right element.
* */
test("test itemContentClass, string test and function that returns testF will be tested,currentPage = 3,totalPage =11,",function(){
options = {
containerClass:"test"
, currentPage:3
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:null
};
options.itemContentClass = "itemContentCT"
container.bootstrapPaginator(options);
var itemContent = container.children().first().children().first().children().first();
ok(itemContent.hasClass("itemContentCT"),"Item content should have the class itemContentCT")
var typeAct = [],
pageAct = [],
currentPage = null
options.itemContentClass = function(type, page, current){
typeAct.push(type);
pageAct.push(page);
currentPage = current
return "itemContentCTF"
}
container.bootstrapPaginator(options);
var itemContent = container.children().first().children().first().children().first();
ok(itemContent.hasClass("itemContentCTF"),"List should have the class itemContentCTF")
equal(typeAct[2],"page","Type of the first page item should be page");
equal(pageAct[2],"1","Page of the first page item should be 1");
equal(currentPage,"3","Current page item should be 3");
})
/**
*
* Tests the itemTexts, a special function is provided. Then each text of the rendered element is checked.
* */
test("test itemTexts, string test and function that returns testF will be tested,currentPage = 3,totalPage =11, text function returns type+' '+page+' '+current ",function(){
options = {
containerClass:"test"
, currentPage:3
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:null
};
options.itemTexts = function(type, page,current){
return type+" "+page+" "+current;
}
container.bootstrapPaginator(options);
var itemList = container.children().first()
equal($(itemList.children()[0]).children().first().text(),"first 1 3","text for first item should be 'first 1 3'");
equal($(itemList.children()[1]).children().first().text(),"prev 2 3","text for previous item should be 'prev 2 3'");
equal($(itemList.children()[2]).children().first().text(),"page 1 3","text for first page item should be 'page 1 3'");
equal($(itemList.children()[3]).children().first().text(),"page 2 3","text for second page item should be 'page 2 3'");
equal($(itemList.children()[4]).children().first().text(),"page 3 3","text for third page item should be 'page 3 3'");
equal($(itemList.children()[5]).children().first().text(),"next 4 3","text for next item should be 'next 4 3'");
equal($(itemList.children()[6]).children().first().text(),"last 11 3","text for last item should be 'last 11 3'");
})
/**
*
* Tests the pageUrl option. the attribute href of the rendered element is check to see whether it matches the expected result.
*
* */
test("test pageUrl, string test and function that returns testF will be tested,currentPage = 3,totalPage =11, pageUrl function returns type+' '+page+' '+current ",function(){
options = {
containerClass:"test"
, currentPage:3
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page,current){
return type+' '+page+' '+current;
}
, onPageClicked:null
, onPageChanged:null
};
container.bootstrapPaginator(options);
var itemList = container.children().first()
equal($(itemList.children()[0]).children().first().attr("href"),"first 1 3","href for first item should be 'first 1 3'");
equal($(itemList.children()[1]).children().first().attr("href"),"prev 2 3","href for previous item should be 'prev 2 3'");
equal($(itemList.children()[2]).children().first().attr("href"),"page 1 3","href for first page item should be 'page 1 3'");
equal($(itemList.children()[3]).children().first().attr("href"),"page 2 3","href for second page item should be 'page 2 3'");
equal($(itemList.children()[4]).children().first().attr("href"),"page 3 3","href for third page item should be 'page 3 3'");
equal($(itemList.children()[5]).children().first().attr("href"),"next 4 3","href for next item should be 'next 4 3'");
equal($(itemList.children()[6]).children().first().attr("href"),"last 11 3","href for last item should be 'last 11 3'");
})
/**
* Tooltip text option is check here by providing a special version of function to see whether it matches the expected result
* */
test("test tooltipTitles, string test and function that returns testF will be tested,currentPage = 3,totalPage =11, tooltipTitles function returns type+' '+page+' '+current ",function(){
options = {
containerClass:"test"
, currentPage:3
, numberOfPages: 3
, totalPages:11
, tooltipTitles:function(type,page,current){
return type+' '+page+' '+current;
}
, onPageClicked:null
, onPageChanged:null
,useBootstrapTooltip:false
};
container.bootstrapPaginator(options);
var itemList = container.children().first()
equal($(itemList.children()[0]).children().first().attr("title"),"first 1 3","tooltip for first item should be 'first 1 3'");
equal($(itemList.children()[1]).children().first().attr("title"),"prev 2 3","tooltip for previous item should be 'prev 2 3'");
equal($(itemList.children()[2]).children().first().attr("title"),"page 1 3","tooltip for first page item should be 'page 1 3'");
equal($(itemList.children()[3]).children().first().attr("title"),"page 2 3","tooltip for second page item should be 'page 2 3'");
equal($(itemList.children()[4]).children().first().attr("title"),"page 3 3","tooltip for third page item should be 'page 3 3'");
equal($(itemList.children()[5]).children().first().attr("title"),"next 4 3","tooltip for next item should be 'next 4 3'");
equal($(itemList.children()[6]).children().first().attr("title"),"last 11 3","tooltip for last item should be 'last 11 3'");
})
test("test shouldShowPage, string test and function that returns testF will be tested,currentPage = 3,totalPage =11, tooltipTitles function returns type+' '+page+' '+current ",function(){
var types = [],
pages = [],
currentPage = null
options = {
containerClass:"test"
, currentPage:3
, numberOfPages: 3
, totalPages:11
,shouldShowPage: function(type,page,current){
types.push(type)
pages.push(page)
currentPage = current
return false;
}
, onPageClicked:null
, onPageChanged:null
,useBootstrapTooltip:false
};
container.bootstrapPaginator(options);
var itemList = container.children().first()
equal(itemList.children().length,0,"all items are hidden, no pages should be shown");
equal(types.length, 7 ," should be 7 types inside")
equal(pages.length, 7 ," should be 7 pages inside")
equal(types[3], "page" ,"second page item type is page")
equal(pages[3], 2 ,"second page item page is 2")
equal(currentPage, 3 ,"current page item page is 3")
})
test("test shouldShowPage on first page",function(){
container.bootstrapPaginator("destroy");
var types = [],
pages = [],
currentPage = null
options = {
containerClass:"test"
, currentPage:1
, numberOfPages: 3
, totalPages:5
, onPageClicked:null
, onPageChanged:null
,useBootstrapTooltip:false
};
container.bootstrapPaginator(options);
var itemList = container.children().first();
equal($(itemList.children()[0]).text(), 1 ," should be 1 types inside");
equal($(itemList.children()[2]).text(), 3 ," should be 3 types inside");
equal($(itemList.children()[3]).text(), ">" ," should be > types inside");
equal($(itemList.children()[4]).text(), ">>" ," should be >> types inside");
})
test("test shouldShowPage on last page",function(){
container.bootstrapPaginator("destroy");
var types = [],
pages = [],
currentPage = null
options = {
containerClass:"test"
, currentPage:5
, numberOfPages: 3
, totalPages:5
, onPageClicked:null
, onPageChanged:null
,useBootstrapTooltip:false
};
container.bootstrapPaginator(options);
var itemList = container.children().first();
equal($(itemList.children()[0]).text(), "<<" ," should be 7 types inside");
equal($(itemList.children()[1]).text(), "<" ," should be 7 types inside");
equal($(itemList.children()[2]).text(), 4 ," should be 7 types inside");
equal($(itemList.children()[3]).text(), 5 ," should be 7 types inside");
})
test("test size option", function(){
container.bootstrapPaginator("destroy");
options = {
currentPage: 3,
totalPages:11
}
container.bootstrapPaginator(options);
equal(container.hasClass("pagination"),true,"container must have class pagination")
equal(container.hasClass("pagination-mini"),false,"container must not have class pagination-mini")
equal(container.hasClass("pagination-small"),false,"container must not have class pagination-small")
equal(container.hasClass("pagination-large"),false,"container must not have class pagination-large")
container.bootstrapPaginator({
size:"mini"
})
equal(container.hasClass("pagination pagination-mini"),true,"container must have class pagination and pagination-mini when size is 'mini'")
equal(container.hasClass("pagination-small"),false,"container must have not class pagination-small when size is 'mini'")
equal(container.hasClass("pagination-large"),false,"container must have not class pagination-large when size is 'mini'")
container.bootstrapPaginator({
size:"small"
})
equal(container.hasClass("pagination pagination-small"),true,"container must have class pagination and pagination-small when size is 'small'")
equal(container.hasClass("pagination-mini"),false,"container must not have class pagination-mini when size is 'small'")
equal(container.hasClass("pagination-large"),false,"container must not have class pagination-large when size is 'small'")
container.bootstrapPaginator({
size:"large"
})
equal(container.hasClass("pagination pagination-large"),true,"container must have class pagination and pagination-large when size is 'large'")
equal(container.hasClass("pagination-mini"),false,"container must not have class pagination-mini when size is 'large'")
equal(container.hasClass("pagination-small"),false,"container must not have class pagination-small when size is 'large'")
})
test("test alignment option",function(){
container.bootstrapPaginator("destroy");
options = {
currentPage: 3,
totalPages:11
}
container.bootstrapPaginator(options);
equal(container.hasClass("pagination"),true,"container must have class pagination");
equal(container.hasClass("pagination-centered"),false,"container must not have class pagination-centered");
equal(container.hasClass("pagination-right"),false,"container must not have class pagination-right");
container.bootstrapPaginator({
alignment:'center'
})
equal(container.hasClass("pagination-centered"),true,"container must have class pagination-centered when alignment is 'center'");
equal(container.hasClass("pagination-right"),false,"container must not have class pagination-right when alignment is 'center'");
container.bootstrapPaginator({
alignment:'right'
})
equal(container.hasClass("pagination-right"),true,"container must have class pagination-right when alignment is 'right'");
equal(container.hasClass("pagination-centered"),false,"container must not have class pagination-centered when alignment is 'right'");
})
module("Bad input testing",{
setup: function(){
container.bootstrapPaginator('destroy');
},
teardown: function(){
container.bootstrapPaginator('destroy');
options = {
containerClass:"pagination"
, currentPage:3
, numberOfPages: 3
, totalPages:11
, pageUrl:function(type,page){
return null;
}
, onPageClicked:null
, onPageChanged:null
};
container.bootstrapPaginator(options);
}
})
test("bad input for setOptions, string value feed into numeric attribute,currentPage:'3',numberOfPages:'5',totalPages:'11'",function(){
options = {
currentPage:"3"
, numberOfPages: "5"
, totalPages:"11"
};
container.bootstrapPaginator(options);
var pages = container.bootstrapPaginator("getPages");
equal(pages.first,1,"first page is 1")
equal(pages.prev,2,"previous page is 2")
equal(pages.next,4,"next page is 4")
equal(pages.last,11,"last page is 11")
equal(pages.current,3,"current page is 3");
equal(pages.total,11,"total pages is 11");
equal(pages.numberOfPages,5,"number of pages is 5");
})
test("bad input for show, string value '5' is feeded",function(){
container.bootstrapPaginator("destroy");
options = {
currentPage: 3,
numberOfPages: 5,
totalPages:11
}
container.bootstrapPaginator(options);
container.bootstrapPaginator('show',"5");
var pages = container.bootstrapPaginator("getPages");
equal(pages.first,1,"first page is 1")
equal(pages.prev,4,"previous page is 4")
equal(pages.next,6,"next page is 6")
equal(pages.last,11,"last page is 11")
equal(pages.current,5,"current page is 5");
equal(pages.total,11,"total pages is 11");
equal(pages.numberOfPages,5,"number of pages is 5");
})
})
</script>
</body>
</html>