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
|
describe( 'Right to left layout', function() {
var table;
dt.libs( {
js: [ 'jquery', 'datatables' ],
css: [ 'datatables' ]
} );
dt.html( 'basic' );
it ( 'Scrollbar position ltr - scroll header padding on right' , function () {
table = $('#example').DataTable( {
scrollY: 200,
paging: false
} );
var header = $('div.dataTables_scrollHeadInner');
var paddingLeft = parseInt( header.css('paddingLeft'), 10 );
var paddingRight = parseInt( header.css('paddingRight'), 10 );
// Need to allow the two to be equal for systems which use hidden scrollbars
expect( paddingLeft === paddingRight || paddingLeft < paddingRight ).toBe( true );
} );
dt.html( 'basic' );
it ( 'Scrollbar position rtl - scroll header padding on left' , function () {
$('body').css( 'direction', 'rtl' );
table = $('#example').DataTable( {
scrollY: 200,
paging: false
} );
var header = $('div.dataTables_scrollHeadInner');
var paddingLeft = parseInt( header.css('paddingLeft'), 10 );
var paddingRight = parseInt( header.css('paddingRight'), 10 );
// Need to allow the two to be equal for systems which use hidden scrollbars
expect( paddingLeft === paddingRight || paddingLeft > paddingRight ).toBe( true );
} );
dt.html( 'basic' );
// DataTables/DataTables #866
it ( 'Scroll left does not alter the scrollbar position detection (ltr)' , function () {
$('body').css( 'direction', 'ltr' );
var force = $('<div style="width:2000px; height: 2px;"/>').appendTo('body');
$('body').scrollLeft(50);
table = $('#example').DataTable( {
scrollY: 200,
paging: false
} );
var header = $('div.dataTables_scrollHeadInner');
var paddingLeft = parseInt( header.css('paddingLeft'), 10 );
var paddingRight = parseInt( header.css('paddingRight'), 10 );
// Need to allow the two to be equal for systems which use hidden scrollbars
expect( paddingLeft === paddingRight || paddingLeft < paddingRight ).toBe( true );
force.remove();
} );
dt.html( 'basic' );
it ( 'Scroll left does not alter the scrollbar position detection (rtl)' , function () {
$('body').css( 'direction', 'rtl' );
var force = $('<div style="width:2000px; height: 2px;"/>').appendTo('body');
$('body').scrollLeft(50);
table = $('#example').DataTable( {
scrollY: 200,
paging: false
} );
var header = $('div.dataTables_scrollHeadInner');
var paddingLeft = parseInt( header.css('paddingLeft'), 10 );
var paddingRight = parseInt( header.css('paddingRight'), 10 );
// Need to allow the two to be equal for systems which use hidden scrollbars
expect( paddingLeft === paddingRight || paddingLeft > paddingRight ).toBe( true );
$('body').css( 'direction', 'ltr' );
force.remove();
} );
} );
|