1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
|
describe( "stateSave option", function() {
dt.libs( {
js: [ 'jquery', 'datatables' ],
css: [ 'datatables' ]
} );
describe("Check Default", function () {
dt.html( 'basic' );
it("stateSave disabled by default", function () {
$('#example').dataTable();
expect($.fn.dataTable.defaults.bStateSave).toBe(false);
});
dt.html( 'basic' );
it("stateSave can be enabled", function () {
$('#example').dataTable({
"stateSave": true
});
//Not sure how to check here, checking against defaults is not a very good way to check if enabled
});
});
describe("Check when enabled", function () {
it("Is filter state saved upon table refresh- DOM", function () {
$('#example_filter input').val(2012).keyup();
$('#example').DataTable().destroy();
$('#example').dataTable({
"stateSave": true
});
expect($('#example_info').html() == "Showing 1 to 9 of 9 entries (filtered from 57 total entries)").toBeTruthy();
});
it("Has input been entered into input element", function () {
expect($('#example_filter input').val() == 2012).toBeTruthy();
});
dt.html( 'basic' );
it("Is filter state saved upon table refresh- API", function () {
$('#example').dataTable({
"stateSave": true
});
$('#example').DataTable().search("2012").draw();
$('#example').DataTable().destroy();
$('#example').dataTable({
"stateSave": true
});
expect($('#example_info').html() == "Showing 1 to 9 of 9 entries (filtered from 57 total entries)").toBeTruthy();
});
describe("Single Sorting", function () {
it("Does sorting function by default", function () {
$('#example').DataTable().search('').draw();
$('#example thead th:eq(0)').click();
expect($('#example tbody td:eq(0)').html() == "Zorita Serrano").toBeTruthy();
});
it("Does sorting remain applied after page refresh", function () {
$('#example').DataTable().search('').draw();
$('#example').DataTable().destroy();
$('#example').dataTable({
"stateSave": true
});
expect($('#example tbody td:eq(0)').html() == "Zorita Serrano").toBeTruthy();
$('#example').DataTable().state.clear();
});
it("Single column sorting reversed", function () {
$('#example thead th:eq(0)').click();
console.log($('#example tbody td:eq(0)').html());
expect($('#example tbody td:eq(0)').html() == "Airi Satou").toBeTruthy();
});
it("Single column sorting reversed- remain applied after refresh", function () {
$('#example').DataTable().destroy();
$('#example').dataTable({
"stateSave": true
});
expect($('#example tbody td:eq(0)').html() == "Airi Satou").toBeTruthy();
$('#example').DataTable().state.clear();
});
});
describe("Multi-Column Sorting", function () {
dt.html( 'basic' );
it("Does sorting function by default", function () {
$('#example').dataTable({
"stateSave": true
});
$('#example thead th:eq(3)').click();
$('#example thead th:eq(3)').click();
var clickEvent = $.Event('click');
clickEvent.shiftKey = true;
$('#example thead th:eq(5)').trigger(clickEvent);
expect($('#example tbody td:eq(5)').html() == "$86,000").toBeTruthy();
expect($('#example tbody td:eq(3)').html() == "66").toBeTruthy();
});
it("Does sorting remain after refresh", function () {
$('#example').DataTable().destroy();
$('#example').dataTable({
"stateSave": true
});
expect($('#example tbody td:eq(5)').html() == "$86,000").toBeTruthy();
expect($('#example tbody td:eq(3)').html() == "66").toBeTruthy();
});
it("Can we destroy the session //Unable to get working", function () {
$('#example').DataTable().state.clear();
console.log($('#example tbody td:eq(5)').html());
//expect($('#example tbody td:eq(5)').html() == "$162,700").toBeTruthy();
});
});
describe(" saveState when paging", function () {
dt.html( 'basic' );
it("Check table is back to default state", function () {
$('#example').dataTable({
"stateSave": true
});
expect($('#example tbody td:eq(0)').html() == "Airi Satou").toBeTruthy();
expect(doc.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries").toBeTruthy();
});
it("Paging- Second page", function () {
$('#example_next').click();
expect($('#example tbody td:eq(0)').html() == "Charde Marshall").toBeTruthy();
expect(doc.getElementById('example_info').innerHTML == "Showing 11 to 20 of 57 entries").toBeTruthy();
});
it("Paging- Second page- After refresh", function () {
$('#example').DataTable().destroy();
$('#example').dataTable({
"stateSave": true
});
expect($('#example tbody td:eq(0)').html() == "Charde Marshall").toBeTruthy();
expect(doc.getElementById('example_info').innerHTML == "Showing 11 to 20 of 57 entries").toBeTruthy();
});
it("Paging- Third page", function () {
$('#example_next').click();
expect($('#example tbody td:eq(0)').html() == "Gloria Little").toBeTruthy();
expect(doc.getElementById('example_info').innerHTML == "Showing 21 to 30 of 57 entries").toBeTruthy();
});
it("Paging- Third page- After refresh", function () {
$('#example').DataTable().destroy();
$('#example').dataTable({
"stateSave": true
});
expect($('#example tbody td:eq(0)').html() == "Gloria Little").toBeTruthy();
expect(doc.getElementById('example_info').innerHTML == "Showing 21 to 30 of 57 entries").toBeTruthy();
});
it("Paging back to second page", function () {
$('#example_previous').click();
expect($('#example tbody td:eq(0)').html() == "Charde Marshall").toBeTruthy();
expect(doc.getElementById('example_info').innerHTML == "Showing 11 to 20 of 57 entries").toBeTruthy();
});
it("Paging back to second page- After refresh", function () {
$('#example').DataTable().destroy();
$('#example').dataTable({
"stateSave": true
});
expect($('#example tbody td:eq(0)').html() == "Charde Marshall").toBeTruthy();
expect(doc.getElementById('example_info').innerHTML == "Showing 11 to 20 of 57 entries").toBeTruthy();
});
it("paging back to first page", function () {
$('#example_previous').click();
expect($('#example tbody td:eq(0)').html() == "Airi Satou").toBeTruthy();
expect(doc.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries").toBeTruthy();
});
it("paging back to first page- After refresh", function () {
$('#example').DataTable().destroy();
$('#example').dataTable({
"stateSave": true
});
expect($('#example tbody td:eq(0)').html() == "Airi Satou").toBeTruthy();
expect(doc.getElementById('example_info').innerHTML == "Showing 1 to 10 of 57 entries").toBeTruthy();
});
});
describe("saveState when changing page length", function () {
it("Information with 25 records", function () {
$('select[name=example_length]').val('25').change();
expect(doc.getElementById('example_info').innerHTML == "Showing 1 to 25 of 57 entries").toBeTruthy();
$('#example').DataTable().state.clear();
});
});
});
describe("Check when disabled", function () {
dt.html( 'basic' );
it("Information with 25 records", function () {
$('#example').dataTable({
"stateSave": true
});
$('select[name=example_length]').val('25').change();
expect(doc.getElementById('example_info').innerHTML == "Showing 1 to 25 of 57 entries").toBeTruthy();
});
it("Information with 25 records- After refresh", function () {
$('#example').DataTable().destroy();
$('#example').dataTable({
"stateSave": true
});
expect(doc.getElementById('example_info').innerHTML == "Showing 1 to 25 of 57 entries").toBeTruthy();
});
it("Information with 100 records", function () {
$('select[name=example_length]').val('100').change();
expect(doc.getElementById('example_info').innerHTML == "Showing 1 to 57 of 57 entries").toBeTruthy();
});
it("Information with 100 records- After refresh", function () {
$('#example').DataTable().destroy();
$('#example').dataTable({
"stateSave": true
});
expect(doc.getElementById('example_info').innerHTML == "Showing 1 to 57 of 57 entries").toBeTruthy();
$('#example').DataTable().state.clear();
});
});
describe("Check state is ignored", function () {
dt.html( 'basic' );
it("Ignored if datatable is reinitialised with different number of columns", function () {
$('#example').dataTable({
"stateSave": true
});
expect($('#example').DataTable().settings()[0].aoColumns.length == 6).toBe(true);
expect($('#example tbody td:eq(0)').html() == "Airi Satou").toBeTruthy();
expect($('#example tbody td:eq(3)').html() == "33").toBeTruthy();
});
it("Remove column and reinitialise datatable", function () {
$('#example').DataTable().destroy();
$('#example thead th:eq(3)').remove();
$('#example tfoot th:eq(3)').remove();
$("#example tbody tr").each(function() {
$(this).find("td:eq(3)").remove();
});
$('#example').dataTable({
"stateSave": true
});
expect($('#example').DataTable().settings()[0].aoColumns.length == 5).toBe(true);
expect($('#example tbody td:eq(0)').html() == "Airi Satou").toBeTruthy();
expect($('#example tbody td:eq(3)').html() == "2008/11/28").toBeTruthy();
$('#example').DataTable().state.clear();
});
});
} );
|
