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' );
} );
} );
|
