mirror of
https://github.com/DataTables/DataTables.git
synced 2024-11-30 12:24:10 +01:00
132 lines
3.1 KiB
JavaScript
132 lines
3.1 KiB
JavaScript
|
// DATA_TEMPLATE: dom_data
|
||
|
oTest.fnStart( "aoColumns.bVisible" );
|
||
|
|
||
|
$(document).ready( function () {
|
||
|
/* Check the default */
|
||
|
var oTable = $('#example').dataTable();
|
||
|
var oSettings = oTable.fnSettings();
|
||
|
|
||
|
oTest.fnTest(
|
||
|
"All columns are visible by default",
|
||
|
null,
|
||
|
function () { return $('#example tbody tr:eq(0) td').length == 5; }
|
||
|
);
|
||
|
|
||
|
oTest.fnTest(
|
||
|
"Can hide one column and it removes td column from DOM",
|
||
|
function () {
|
||
|
oSession.fnRestore();
|
||
|
$('#example').dataTable( {
|
||
|
"aoColumns": [
|
||
|
null,
|
||
|
{ "bVisible": false },
|
||
|
null,
|
||
|
null,
|
||
|
null
|
||
|
]
|
||
|
} );
|
||
|
},
|
||
|
function () { return $('#example tbody tr:eq(0) td').length == 4; }
|
||
|
);
|
||
|
|
||
|
oTest.fnTest(
|
||
|
"Can hide one column and it removes thead th column from DOM",
|
||
|
null,
|
||
|
function () { return $('#example thead tr:eq(0) th').length == 4; }
|
||
|
);
|
||
|
|
||
|
oTest.fnTest(
|
||
|
"Can hide one column and it removes tfoot th column from DOM",
|
||
|
null,
|
||
|
function () { return $('#example tfoot tr:eq(0) th').length == 4; }
|
||
|
);
|
||
|
|
||
|
oTest.fnTest(
|
||
|
"The correct thead column has been hidden",
|
||
|
null,
|
||
|
function () {
|
||
|
var jqNodes = $('#example thead tr:eq(0) th');
|
||
|
var bReturn =
|
||
|
jqNodes[0].innerHTML == "Rendering engine" &&
|
||
|
jqNodes[1].innerHTML == "Platform(s)" &&
|
||
|
jqNodes[2].innerHTML == "Engine version" &&
|
||
|
jqNodes[3].innerHTML == "CSS grade";
|
||
|
return bReturn;
|
||
|
}
|
||
|
);
|
||
|
|
||
|
oTest.fnTest(
|
||
|
"The correct tbody column has been hidden",
|
||
|
function () {
|
||
|
oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } );
|
||
|
},
|
||
|
function () {
|
||
|
var jqNodes = $('#example tbody tr:eq(0) td');
|
||
|
var bReturn =
|
||
|
jqNodes[0].innerHTML == "Gecko" &&
|
||
|
jqNodes[1].innerHTML == "Gnome" &&
|
||
|
jqNodes[2].innerHTML == "1.8" &&
|
||
|
jqNodes[3].innerHTML == "A";
|
||
|
return bReturn;
|
||
|
}
|
||
|
);
|
||
|
|
||
|
|
||
|
oTest.fnTest(
|
||
|
"Can hide multiple columns and it removes td column from DOM",
|
||
|
function () {
|
||
|
oSession.fnRestore();
|
||
|
$('#example').dataTable( {
|
||
|
"aoColumns": [
|
||
|
null,
|
||
|
{ "bVisible": false },
|
||
|
{ "bVisible": false },
|
||
|
null,
|
||
|
{ "bVisible": false }
|
||
|
]
|
||
|
} );
|
||
|
},
|
||
|
function () { return $('#example tbody tr:eq(0) td').length == 2; }
|
||
|
);
|
||
|
|
||
|
oTest.fnTest(
|
||
|
"Multiple hide - removes thead th column from DOM",
|
||
|
null,
|
||
|
function () { return $('#example thead tr:eq(0) th').length == 2; }
|
||
|
);
|
||
|
|
||
|
oTest.fnTest(
|
||
|
"Multiple hide - removes tfoot th column from DOM",
|
||
|
null,
|
||
|
function () { return $('#example tfoot tr:eq(0) th').length == 2; }
|
||
|
);
|
||
|
|
||
|
oTest.fnTest(
|
||
|
"Multiple hide - the correct thead columns have been hidden",
|
||
|
null,
|
||
|
function () {
|
||
|
var jqNodes = $('#example thead tr:eq(0) th');
|
||
|
var bReturn =
|
||
|
jqNodes[0].innerHTML == "Rendering engine" &&
|
||
|
jqNodes[1].innerHTML == "Engine version"
|
||
|
return bReturn;
|
||
|
}
|
||
|
);
|
||
|
|
||
|
oTest.fnTest(
|
||
|
"Multiple hide - the correct tbody columns have been hidden",
|
||
|
function () {
|
||
|
oDispacher.click( $('#example thead th:eq(1)')[0], { 'shift': true } );
|
||
|
},
|
||
|
function () {
|
||
|
var jqNodes = $('#example tbody tr:eq(0) td');
|
||
|
var bReturn =
|
||
|
jqNodes[0].innerHTML == "Gecko" &&
|
||
|
jqNodes[1].innerHTML == "1"
|
||
|
return bReturn;
|
||
|
}
|
||
|
);
|
||
|
|
||
|
|
||
|
oTest.fnComplete();
|
||
|
} );
|