| Current File : /home/obaba/public_html/admin/assets/plugins/bootstrap-paginator/test/testv3.html |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap Paginator V3 Tests</title>
<link rel="stylesheet" href="../css/qunit-1.11.0.css">
<link rel="stylesheet" href="../css/bootstrapv3.css">
<script src="../lib/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="../lib/bootstrapv3.js" type="text/javascript"></script>
</head>
<body>
<div id="qunit"></div>
<div id="qunit-fixture"></div>
<div>
<ul id='bp-3-element-test'></ul>
</div>
<div>
<ul id='bp-3-element-lg-test'></ul>
</div>
<div>
<ul id='bp-3-element-sm-test'></ul>
</div>
<script src="../src/bootstrap-paginator.js"></script>
<script src="../lib/qunit-1.11.0.js"></script>
<script type="text/javascript">
$(function(){
test("Test bootstrap v3 rendering", function(){
var element = $('#bp-3-element-test');
var options = {
bootstrapMajorVersion:3,
currentPage: 3,
numberOfPages: 5,
totalPages:11
}
element.bootstrapPaginator(options);
var element = $('#bp-3-element-test');
ok(!element.hasClass('pagination-lg'),"Root element shouldn't have pagination-lg class");
ok(!element.hasClass('pagination-sm'),"Root element shouldn't have pagination-sm class");
var list = element.children();
for(var i=0;i < list.length;i++)
{
var item = $(list[i]);
ok(item.is("li"),"Element "+i+" should be li");
}
options = {
size:"large",
bootstrapMajorVersion:3,
currentPage: 3,
numberOfPages: 5,
totalPages:11
};
var element = $('#bp-3-element-lg-test');
element.bootstrapPaginator(options);
ok(element.hasClass('pagination-lg'),"Root element should have pagination-lg class");
var element = $('#bp-3-element-sm-test');
options = {
size:"small",
bootstrapMajorVersion:3,
currentPage: 3,
numberOfPages: 5,
totalPages:11
};
element.bootstrapPaginator(options);
ok(element.hasClass('pagination-sm'),"Root element should have pagination-sm class");
})
});
</script>
</body>
</html>