Prettier JQuery tables
[contractdashboard.git] / media / unit_testing / tests_onhold / 1_dom / aoColumns.bVisible.js
blob:a/media/unit_testing/tests_onhold/1_dom/aoColumns.bVisible.js -> blob:b/media/unit_testing/tests_onhold/1_dom/aoColumns.bVisible.js
--- a/media/unit_testing/tests_onhold/1_dom/aoColumns.bVisible.js
+++ b/media/unit_testing/tests_onhold/1_dom/aoColumns.bVisible.js
@@ -1,1 +1,132 @@
+// 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();
+} );