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
|
describe('Caption tag', function() {
dt.libs({
js: ['jquery', 'datatables'],
css: ['datatables']
});
dt.html('basic');
it('Remains in place when initialised without scrolling - top', function() {
$('#example').append('<caption>Caption</caption>');
var table = $('#example').DataTable();
expect($('caption')[0].parentNode).toBe(table.table().node());
expect($('caption').css('caption-side')).toBe('top');
});
dt.html('basic');
it('Remains in place when initialised without scrolling - bottom', function() {
$('#example').append('<caption style="caption-side: bottom;">Caption</caption>');
var table = $('#example').DataTable();
expect($('caption')[0].parentNode).toBe(table.table().node());
expect($('caption').css('caption-side')).toBe('bottom');
});
dt.html('basic');
it('When set to appear above the table, it does when scrolling', function() {
$('#example').append('<caption>Caption</caption>');
var table = $('#example').DataTable({
scrollY: 200
});
expect($('caption')[0].parentNode).toBe(table.table().header().parentNode);
expect($('caption').css('caption-side')).toBe('top');
});
dt.html('basic');
it('When set to appear below the table, it does when scrolling', function() {
$('#example').append('<caption style="caption-side: bottom;">Caption</caption>');
var table = $('#example').DataTable({
scrollY: 200
});
expect($('caption')[0].parentNode).toBe(table.table().footer().parentNode);
expect($('caption').css('caption-side')).toBe('bottom');
});
});
|
