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
|
describe('stripeClasses Option', function() {
dt.libs({
js: ['jquery', 'datatables'],
css: ['datatables']
});
describe('Default tests', function() {
dt.html('basic');
it('Confirm default odd and even behaviour', function() {
$('#example').dataTable();
expect($('#example tbody tr:eq(0)').attr('class')).toBe('odd');
expect($('#example tbody tr:eq(1)').attr('class')).toBe('even');
expect($('#example tbody tr:eq(2)').attr('class')).toBe('odd');
});
});
describe('Functional tests', function() {
dt.html('basic');
it('Empty stripeClasses', function() {
$('#example').dataTable({
stripeClasses: []
});
expect($('#example tbody tr:eq(0)').attr('class')).toBe(undefined);
expect($('#example tbody tr:eq(1)').attr('class')).toBe(undefined);
});
dt.html('basic');
it('Single class', function() {
$('#example').dataTable({
stripeClasses: ['wibble']
});
expect($('#example tbody tr:eq(0)').attr('class')).toBe('wibble');
expect($('#example tbody tr:eq(1)').attr('class')).toBe('wibble');
});
dt.html('basic');
it('Two classes', function() {
$('#example').dataTable({
stripeClasses: ['first', 'second']
});
expect($('#example tbody tr:eq(0)').attr('class')).toBe('first');
expect($('#example tbody tr:eq(1)').attr('class')).toBe('second');
expect($('#example tbody tr:eq(2)').attr('class')).toBe('first');
});
dt.html('basic');
it('Three classes', function() {
$('#example').dataTable({
stripeClasses: ['first', 'second', 'third']
});
expect($('#example tbody tr:eq(0)').attr('class')).toBe('first');
expect($('#example tbody tr:eq(1)').attr('class')).toBe('second');
expect($('#example tbody tr:eq(2)').attr('class')).toBe('third');
expect($('#example tbody tr:eq(6)').attr('class')).toBe('first');
expect($('#example tbody tr:eq(7)').attr('class')).toBe('second');
expect($('#example tbody tr:eq(8)').attr('class')).toBe('third');
});
dt.html('basic');
it('Three classes on second page', function() {
var table = $('#example').DataTable({
stripeClasses: ['first', 'second', 'third']
});
table.page(1).draw(false);
expect($('#example tbody tr:eq(0)').attr('class')).toBe('first');
expect($('#example tbody tr:eq(1)').attr('class')).toBe('second');
expect($('#example tbody tr:eq(2)').attr('class')).toBe('third');
expect($('#example tbody tr:eq(6)').attr('class')).toBe('first');
expect($('#example tbody tr:eq(7)').attr('class')).toBe('second');
expect($('#example tbody tr:eq(8)').attr('class')).toBe('third');
});
});
});
|
