--- /dev/null
+// 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": [
+ { "mData": "engine" },
+ { "mData": "browser" },
+ { "mData": "platform" },
+ { "mData": "version" },
+ { "mData": "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": [
+ { "mData": "engine" },
+ { "mData": "browser", "bVisible": false },
+ { "mData": "platform" },
+ { "mData": "version" },
+ { "mData": "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": [
+ { "mData": "engine" },
+ { "mData": "browser", "bVisible": false },
+ { "mData": "platform", "bVisible": false },
+ { "mData": "version" },
+ { "mData": "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();
+} );
\ No newline at end of file