Skip to content

Commit 5b3dbf0

Browse files
vdwvdw
committed
Update tests
1 parent afbea6f commit 5b3dbf0

File tree

2 files changed

+109
-50
lines changed

2 files changed

+109
-50
lines changed

‎test/index.html

+74-42
Original file line numberDiff line numberDiff line change
@@ -1,58 +1,90 @@
11
<!doctype html>
22
<html lang="en">
33
<head>
4-
<meta charset="utf-8">
5-
<title>Tabslet jquery plugin | Testing</title>
6-
<meta name="description" content="Yet another plugin for tabs">
4+
<meta charset="utf-8">
5+
<title>Tabslet jquery plugin | Testing</title>
6+
<meta name="description" content="Yet another plugin for tabs">
77

8-
<!-- STYLES -->
9-
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
10-
<link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-1.12.0.css" type="text/css" media="screen">
11-
<style>
12-
.hide {
13-
position: absolute;
14-
top:-9999px;
15-
visibility:hidden;
16-
}
17-
</style>
8+
<!-- STYLES -->
9+
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
10+
<link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-1.12.0.css" type="text/css" media="screen">
11+
<style>
12+
.hide {
13+
position: absolute;
14+
top:-9999px;
15+
visibility:hidden;
16+
}
17+
</style>
1818
</head>
1919
<!--[if lt IE 7]> <body class="ie ie6 lte9 lte8 lte7"> <![endif]-->
2020
<!--[if IE 7]> <body class="ie ie7 lte9 lte8 lte7"> <![endif]-->
2121
<!--[if IE 8]> <body class="ie ie8 lte9 lte8"> <![endif]-->
2222
<!--[if IE 9]> <body class="ie ie9 lte9"> <![endif]-->
2323
<!--[if gt IE 9]> <body class="ie"> <![endif]-->
2424
<!--[if !IE]><!--> <body> <!--<![endif]-->
25-
<div class='tabs hide'>
26-
<ul class='horizontal'>
27-
<li><a href="#tab-1">tab</a></li>
28-
<li><a href="#tab-2">tab</a></li>
29-
<li><a href="#tab-3">tab</a></li>
30-
</ul>
31-
<div id='tab-1'><h3>TAB 1</h3></div>
32-
<div id='tab-2'><h3>TAB 2</h3></div>
33-
<div id='tab-3'><h3>TAB 3</h3></div>
34-
</div>
35-
<div class='tabs_2 hide'>
36-
<ul class='horizontal'>
37-
<li><a href="#tab-1">tab</a></li>
38-
<li><a href="#tab-2">tab</a></li>
39-
<li><a href="#tab-3">tab</a></li>
40-
</ul>
41-
<div id='tab-1'><h3>TAB 1</h3></div>
42-
<div id='tab-2'><h3>TAB 2</h3></div>
43-
<div id='tab-3'><h3>TAB 3</h3></div>
44-
</div>
45-
<div id="qunit"></div>
25+
<div class='tabs hide'>
26+
<ul class='horizontal'>
27+
<li><a href="#tab-1">tab</a></li>
28+
<li><a href="#tab-2">tab</a></li>
29+
<li><a href="#tab-3">tab</a></li>
30+
</ul>
31+
<div id='tab-1'><h3>TAB 1</h3></div>
32+
<div id='tab-2'><h3>TAB 2</h3></div>
33+
<div id='tab-3'><h3>TAB 3</h3></div>
34+
</div>
35+
<div class='tabs_2 hide'>
36+
<ul class='horizontal'>
37+
<li><a href="#tab-1">tab</a></li>
38+
<li><a href="#tab-2">tab</a></li>
39+
<li><a href="#tab-3">tab</a></li>
40+
</ul>
41+
<div id='tab-1'><h3>TAB 1</h3></div>
42+
<div id='tab-2'><h3>TAB 2</h3></div>
43+
<div id='tab-3'><h3>TAB 3</h3></div>
44+
</div>
45+
<div class='tabs_3 hide'>
46+
<ul class='horizontal'>
47+
<li><a href="#tab-1">tab</a></li>
48+
<li><a href="#tab-2">tab</a></li>
49+
<li><a href="#tab-3">tab</a></li>
50+
</ul>
51+
<div id='tab-1'><h3>TAB 1</h3></div>
52+
<div id='tab-2'><h3>TAB 2</h3></div>
53+
<div id='tab-3'><h3>TAB 3</h3></div>
54+
</div>
55+
<div class='tabs_4 hide'>
56+
<a class="prev">previous</a>
57+
<a class="next">next</a>
58+
<ul class='horizontal'>
59+
<li><a href="#tab-1">tab</a></li>
60+
<li><a href="#tab-2">tab</a></li>
61+
<li><a href="#tab-3">tab</a></li>
62+
</ul>
63+
<div id='tab-1'><h3>TAB 1</h3></div>
64+
<div id='tab-2'><h3>TAB 2</h3></div>
65+
<div id='tab-3'><h3>TAB 3</h3></div>
66+
</div>
67+
<div class='tabs_5 hide'>
68+
<ul class='horizontal'>
69+
<li><a data-ref="#tab-1">tab</a></li>
70+
<li><a data-ref="#tab-2">tab</a></li>
71+
<li><a data-ref="#tab-3">tab</a></li>
72+
</ul>
73+
<div id='tab-1'><h3>TAB 1</h3></div>
74+
<div id='tab-2'><h3>TAB 2</h3></div>
75+
<div id='tab-3'><h3>TAB 3</h3></div>
76+
</div>
77+
<div id="qunit"></div>
4678
<div id="qunit-fixture"></div>
47-
<!-- JQuery -->
48-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
49-
<script>window.jQuery || document.write('<script src="javascripts/vendor/jquery-1.8.1.min.js"><\/script>')</script>
79+
<!-- JQuery -->
80+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
81+
<script>window.jQuery || document.write('<script src="javascripts/vendor/jquery-1.8.1.min.js"><\/script>')</script>
5082

51-
<!-- JS -->
52-
<script type="text/javascript" src="http://code.jquery.com/qunit/qunit-1.12.0.js"></script>
53-
<script type="text/javascript" src="../jquery.tabslet.js"></script>
54-
<script src="jquery.tabslet.test.js"></script>
55-
<!-- JS ends -->
83+
<!-- JS -->
84+
<script type="text/javascript" src="http://code.jquery.com/qunit/qunit-1.12.0.js"></script>
85+
<script type="text/javascript" src="../jquery.tabslet.js"></script>
86+
<script src="jquery.tabslet.test.js"></script>
87+
<!-- JS ends -->
5688

5789
</body>
5890
</html>

‎test/jquery.tabslet.test.js

+35-8
Original file line numberDiff line numberDiff line change
@@ -3,17 +3,44 @@
33
*
44
*/
55

6-
$(".tabs").tabslet();
7-
$(".tabs_2").tabslet();
6+
// Initialization
7+
$('.tabs').tabslet();
8+
$('.tabs_2').tabslet();
9+
$('.tabs_3').tabslet({ active: 2 });
10+
$('.tabs_4').tabslet();
11+
$('.tabs_5').tabslet({ attribute: 'data-ref' });
812

9-
test( "Initialization", function() {
10-
equal($('.tabs').find('DIV').is(':hidden'), true, "Tabs are hidden");
11-
equal($('.tabs').find('DIV:first').is(':visible'), true, "First tab is visible");
13+
// Tests
14+
test( 'Initialization', function() {
15+
equal($('.tabs').find('DIV').is(':hidden'), true, 'Tabs are hidden');
16+
equal($('.tabs').find('DIV:first').is(':visible'), true, 'First tab is visible');
1217
});
1318

14-
test( "Default action", function() {
19+
test( 'Default functionality', function() {
1520
$('.tabs_2').find('UL LI:first').next().find('A').click();
1621

17-
equal($('.tabs_2').find('DIV:first').is(':hidden'), true, "Tabs are hidden");
18-
equal($('.tabs_2').find('DIV:first').next().is(':visible'), true, "Second tab is visible");
22+
equal($('.tabs_2').find('DIV:first').is(':hidden'), true, 'The first tab is hidden');
23+
equal($('.tabs_2').find('DIV:first').next().is(':visible'), true, 'Second tab is visible');
24+
});
25+
26+
test( 'Option "active: 2"', function() {
27+
equal($('.tabs_3').find('DIV:first').is(':hidden'), true, 'The first tab is hidden');
28+
equal($('.tabs_3').find('DIV:first').next().is(':visible'), true, 'Second tab is visible');
29+
equal($('.tabs_3').find('DIV:first').next().next().is(':hidden'), true, 'The last tab is hidden');
30+
});
31+
32+
test( 'Option "controls: { next: .next }"', function() {
33+
$('.next').click();
34+
35+
equal($('.tabs_4').find('DIV:first').is(':hidden'), true, 'The first tab is hidden');
36+
equal($('.tabs_4').find('DIV:first').next().is(':visible'), true, 'Second tab is visible');
37+
equal($('.tabs_4').find('DIV:first').next().next().is(':hidden'), true, 'The last tab is hidden');
38+
});
39+
40+
test( 'Option "attribute: data-ref"', function() {
41+
$('.tabs_5').find('UL LI:first').next().find('A').click();
42+
43+
equal($('.tabs_5').find('DIV:first').is(':hidden'), true, 'The first tab is hidden');
44+
equal($('.tabs_5').find('DIV:first').next().is(':visible'), true, 'Second tab is visible');
45+
equal($('.tabs_5').find('DIV:first').next().next().is(':hidden'), true, 'The last tab is hidden');
1946
});

0 commit comments

Comments
 (0)