mirror of
https://github.com/DataTables/DataTables.git
synced 2024-12-05 17:24:10 +01:00
131 lines
3.4 KiB
JavaScript
Executable File
131 lines
3.4 KiB
JavaScript
Executable File
// DATA_TEMPLATE: empty_table
|
|
oTest.fnStart( "aoColumns.bVisible" );
|
|
|
|
$(document).ready( function () {
|
|
/* Check the default */
|
|
var oTable = $('#example').dataTable( {
|
|
"sAjaxSource": "../../../examples/ajax/sources/objects.txt",
|
|
"aoColumns": [
|
|
{ "mDataProp": "engine" },
|
|
{ "mDataProp": "browser" },
|
|
{ "mDataProp": "platform" },
|
|
{ "mDataProp": "version" },
|
|
{ "mDataProp": "grade" }
|
|
]
|
|
} );
|
|
var oSettings = oTable.fnSettings();
|
|
|
|
oTest.fnWaitTest(
|
|
"All columns are visible by default",
|
|
null,
|
|
function () { return $('#example tbody tr:eq(0) td').length == 5; }
|
|
);
|
|
|
|
oTest.fnWaitTest(
|
|
"Can hide one column and it removes td column from DOM",
|
|
function () {
|
|
oSession.fnRestore();
|
|
$('#example').dataTable( {
|
|
"sAjaxSource": "../../../examples/ajax/sources/objects.txt",
|
|
"aoColumns": [
|
|
{ "mDataProp": "engine" },
|
|
{ "mDataProp": "browser", "bVisible": false },
|
|
{ "mDataProp": "platform" },
|
|
{ "mDataProp": "version" },
|
|
{ "mDataProp": "grade" }
|
|
]
|
|
} );
|
|
},
|
|
function () { return $('#example tbody tr:eq(0) td').length == 4; }
|
|
);
|
|
|
|
oTest.fnWaitTest(
|
|
"Can hide one column and it removes thead th column from DOM",
|
|
null,
|
|
function () { return $('#example thead tr:eq(0) th').length == 4; }
|
|
);
|
|
|
|
oTest.fnWaitTest(
|
|
"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.fnWaitTest(
|
|
"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.fnWaitTest(
|
|
"Can hide multiple columns and it removes td column from DOM",
|
|
function () {
|
|
oSession.fnRestore();
|
|
$('#example').dataTable( {
|
|
"sAjaxSource": "../../../examples/ajax/sources/objects.txt",
|
|
"aoColumns": [
|
|
{ "mDataProp": "engine" },
|
|
{ "mDataProp": "browser", "bVisible": false },
|
|
{ "mDataProp": "platform", "bVisible": false },
|
|
{ "mDataProp": "version" },
|
|
{ "mDataProp": "grade", "bVisible": false }
|
|
]
|
|
} );
|
|
},
|
|
function () { return $('#example tbody tr:eq(0) td').length == 2; }
|
|
);
|
|
|
|
oTest.fnWaitTest(
|
|
"Multiple hide - removes thead th column from DOM",
|
|
null,
|
|
function () { return $('#example thead tr:eq(0) th').length == 2; }
|
|
);
|
|
|
|
oTest.fnWaitTest(
|
|
"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.fnWaitTest(
|
|
"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();
|
|
} ); |