tests_onhold/1_dom/fnSetColumnVis2.js

// DATA_TEMPLATE: complex_header_2
oTest.fnStart( "fnSetColumnVis with complex headers" );

$(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( 
                "Hide the first column",
                function () {
                        $('#example').dataTable().fnSetColumnVis( 0, false );
                },
                function () { return $('#example tbody tr:eq(0) td').length == 4; }
        );
        
        oTest.fnTest(
                "First cell is '2' - first column hidden",
                null,
                function () { return $('#example thead tr:eq(0) th:eq(0)').html() == "2"; }
        );
        
        oTest.fnTest(
                "First cell has colspan of 3",
                null,
                function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('colspan') == 3; }
        );
        
        oTest.fnTest(
                "First cell has rowspan of 2",
                null,
                function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('rowspan') == 2; }
        );
        
        oTest.fnTest(
                "First cell in last column is '11'",
                null,
                function () { return $('#example thead tr:eq(4) th:eq(0)').html() == 11; }
        );
        
        oTest.fnTest(
                "First cell in last column has been truncated to one column",
                null,
                function () { return $('#example thead tr:eq(4) th:eq(0)')[0].getAttribute('colspan') == 1; }
        );
        
        
        oTest.fnTest( 
                "Hide the second column",
                function () {
                        $('#example').dataTable().fnSetColumnVis( 0, true );
                        $('#example').dataTable().fnSetColumnVis( 1, false );
                },
                function () { return $('#example tbody tr:eq(0) td').length == 4; }
        );
        
        oTest.fnTest(
                "First cell is '1' - second column hidden",
                null,
                function () { return $('#example thead tr:eq(0) th:eq(0)').html() == "1"; }
        );
        
        oTest.fnTest(
                "Second cell is '2' - second column hidden",
                null,
                function () { return $('#example thead tr:eq(0) th:eq(1)').html() == "2"; }
        );
        
        oTest.fnTest(
                "First cell in fourth row is '10' (visibly the first) - second column hidden",
                null,
                function () { return $('#example thead tr:eq(3) th:eq(0)').html() == "10"; }
        );
        
        oTest.fnTest(
                "First cell has colspan of 1",
                null,
                function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('colspan') == 1; }
        );
        
        oTest.fnTest(
                "Second cell has colspan of 2",
                null,
                function () { return $('#example thead tr:eq(0) th:eq(1)')[0].getAttribute('colspan') == 2; }
        );
        
        oTest.fnTest(
                "First cell has rowspan of 1",
                null,
                function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('rowspan') == 1; }
        );
        
        oTest.fnTest(
                "Second cell has rowspan of 2",
                null,
                function () { return $('#example thead tr:eq(0) th:eq(1)')[0].getAttribute('rowspan') == 2; }
        );
        
        oTest.fnTest(
                "First cell in last column is '11'",
                null,
                function () { return $('#example thead tr:eq(4) th:eq(0)').html() == 11; }
        );
        
        oTest.fnTest(
                "First cell in last column has been truncated to one column",
                null,
                function () { return $('#example thead tr:eq(4) th:eq(0)')[0].getAttribute('colspan') == 1; }
        );
        
        
        oTest.fnTest( 
                "Hide the first two columns",
                function () {
                        $('#example').dataTable().fnSetColumnVis( 0, false );
                        $('#example').dataTable().fnSetColumnVis( 1, false );
                },
                function () { return $('#example tbody tr:eq(0) td').length == 3; }
        );
        
        oTest.fnTest(
                "First cell is '2' - first two columns hidden",
                null,
                function () { return $('#example thead tr:eq(0) th:eq(0)').html() == "2"; }
        );
        
        oTest.fnTest(
                "Second cell is '3' - first two columns hidden",
                null,
                function () { return $('#example thead tr:eq(0) th:eq(1)').html() == "3"; }
        );
        
        oTest.fnTest(
                "First cell in third row is '6' - first two columns hidden",
                null,
                function () { return $('#example thead tr:eq(2) th:eq(0)').html() == "6"; }
        );
        
        oTest.fnTest(
                "First cell has colspan of 2",
                null,
                function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('colspan') == 2; }
        );
        
        oTest.fnTest(
                "First cell has rowspan of 2",
                null,
                function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('rowspan') == 2; }
        );
        
        oTest.fnTest(
                "Second cell has rowspan of 1",
                null,
                function () { return $('#example thead tr:eq(0) th:eq(1)')[0].getAttribute('rowspan') == 1; }
        );
        
        oTest.fnTest(
                "First cell in last column is '12'",
                null,
                function () { return $('#example thead tr:eq(4) th:eq(0)').html() == 12; }
        );
        
        
        oTest.fnTest( 
                "Hide the third column",
                function () {
                        $('#example').dataTable().fnSetColumnVis( 0, true );
                        $('#example').dataTable().fnSetColumnVis( 1, true );
                        $('#example').dataTable().fnSetColumnVis( 2, false );
                },
                function () { return $('#example tbody tr:eq(0) td').length == 4; }
        );
        
        oTest.fnTest(
                "First cell is '1' - third column hidden",
                null,
                function () { return $('#example thead tr:eq(0) th:eq(0)').html() == "1"; }
        );
        
        oTest.fnTest(
                "Second cell is '2' - third column hidden",
                null,
                function () { return $('#example thead tr:eq(0) th:eq(1)').html() == "2"; }
        );
        
        oTest.fnTest(
                "First cell (visible second) in third row is '6' - third column hidden",
                null,
                function () { return $('#example thead tr:eq(2) th:eq(0)').html() == "6"; }
        );
        
        oTest.fnTest(
                "Second cell has colspan of 2",
                null,
                function () { return $('#example thead tr:eq(0) th:eq(1)')[0].getAttribute('colspan') == 2; }
        );
        
        oTest.fnTest(
                "Second cell has rowspan of 2",
                null,
                function () { return $('#example thead tr:eq(0) th:eq(1)')[0].getAttribute('rowspan') == 2; }
        );
        
        oTest.fnTest(
                "Third row first cell (second visible) colspan is 1",
                null,
                function () { return $('#example thead tr:eq(2) th:eq(0)')[0].getAttribute('colspan') == 1; }
        );
        
        oTest.fnTest(
                "Third row second cell (third visible) value is 7",
                null,
                function () { return $('#example thead tr:eq(2) th:eq(1)').html() == "7"; }
        );
        
        oTest.fnTest(
                "Third row second cell (third visible) colspan is 1",
                null,
                function () { return $('#example thead tr:eq(2) th:eq(1)')[0].getAttribute('colspan') == 1; }
        );
        
        oTest.fnTest(
                "Third row second cell (third visible) rowspan is 3",
                null,
                function () { return $('#example thead tr:eq(2) th:eq(1)')[0].getAttribute('rowspan') == 3; }
        );
        
        
        oTest.fnComplete();
} );
1	// DATA_TEMPLATE: complex_header_2
2	oTest.fnStart( "fnSetColumnVis with complex headers" );
3
4	$(document).ready( function () {
5	/* Check the default */
6	var oTable = $('#example').dataTable();
7	var oSettings = oTable.fnSettings();
8
9	oTest.fnTest(
10	"All columns are visible by default",
11	null,
12	function () { return $('#example tbody tr:eq(0) td').length == 5; }
13	);
14
15	oTest.fnTest(
16	"Hide the first column",
17	function () {
18	$('#example').dataTable().fnSetColumnVis( 0, false );
19	},
20	function () { return $('#example tbody tr:eq(0) td').length == 4; }
21	);
22
23	oTest.fnTest(
24	"First cell is '2' - first column hidden",
25	null,
26	function () { return $('#example thead tr:eq(0) th:eq(0)').html() == "2"; }
27	);
28
29	oTest.fnTest(
30	"First cell has colspan of 3",
31	null,
32	function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('colspan') == 3; }
33	);
34
35	oTest.fnTest(
36	"First cell has rowspan of 2",
37	null,
38	function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('rowspan') == 2; }
39	);
40
41	oTest.fnTest(
42	"First cell in last column is '11'",
43	null,
44	function () { return $('#example thead tr:eq(4) th:eq(0)').html() == 11; }
45	);
46
47	oTest.fnTest(
48	"First cell in last column has been truncated to one column",
49	null,
50	function () { return $('#example thead tr:eq(4) th:eq(0)')[0].getAttribute('colspan') == 1; }
51	);
52
53
54	oTest.fnTest(
55	"Hide the second column",
56	function () {
57	$('#example').dataTable().fnSetColumnVis( 0, true );
58	$('#example').dataTable().fnSetColumnVis( 1, false );
59	},
60	function () { return $('#example tbody tr:eq(0) td').length == 4; }
61	);
62
63	oTest.fnTest(
64	"First cell is '1' - second column hidden",
65	null,
66	function () { return $('#example thead tr:eq(0) th:eq(0)').html() == "1"; }
67	);
68
69	oTest.fnTest(
70	"Second cell is '2' - second column hidden",
71	null,
72	function () { return $('#example thead tr:eq(0) th:eq(1)').html() == "2"; }
73	);
74
75	oTest.fnTest(
76	"First cell in fourth row is '10' (visibly the first) - second column hidden",
77	null,
78	function () { return $('#example thead tr:eq(3) th:eq(0)').html() == "10"; }
79	);
80
81	oTest.fnTest(
82	"First cell has colspan of 1",
83	null,
84	function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('colspan') == 1; }
85	);
86
87	oTest.fnTest(
88	"Second cell has colspan of 2",
89	null,
90	function () { return $('#example thead tr:eq(0) th:eq(1)')[0].getAttribute('colspan') == 2; }
91	);
92
93	oTest.fnTest(
94	"First cell has rowspan of 1",
95	null,
96	function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('rowspan') == 1; }
97	);
98
99	oTest.fnTest(
100	"Second cell has rowspan of 2",
101	null,
102	function () { return $('#example thead tr:eq(0) th:eq(1)')[0].getAttribute('rowspan') == 2; }
103	);
104
105	oTest.fnTest(
106	"First cell in last column is '11'",
107	null,
108	function () { return $('#example thead tr:eq(4) th:eq(0)').html() == 11; }
109	);
110
111	oTest.fnTest(
112	"First cell in last column has been truncated to one column",
113	null,
114	function () { return $('#example thead tr:eq(4) th:eq(0)')[0].getAttribute('colspan') == 1; }
115	);
116
117
118	oTest.fnTest(
119	"Hide the first two columns",
120	function () {
121	$('#example').dataTable().fnSetColumnVis( 0, false );
122	$('#example').dataTable().fnSetColumnVis( 1, false );
123	},
124	function () { return $('#example tbody tr:eq(0) td').length == 3; }
125	);
126
127	oTest.fnTest(
128	"First cell is '2' - first two columns hidden",
129	null,
130	function () { return $('#example thead tr:eq(0) th:eq(0)').html() == "2"; }
131	);
132
133	oTest.fnTest(
134	"Second cell is '3' - first two columns hidden",
135	null,
136	function () { return $('#example thead tr:eq(0) th:eq(1)').html() == "3"; }
137	);
138
139	oTest.fnTest(
140	"First cell in third row is '6' - first two columns hidden",
141	null,
142	function () { return $('#example thead tr:eq(2) th:eq(0)').html() == "6"; }
143	);
144
145	oTest.fnTest(
146	"First cell has colspan of 2",
147	null,
148	function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('colspan') == 2; }
149	);
150
151	oTest.fnTest(
152	"First cell has rowspan of 2",
153	null,
154	function () { return $('#example thead tr:eq(0) th:eq(0)')[0].getAttribute('rowspan') == 2; }
155	);
156
157	oTest.fnTest(
158	"Second cell has rowspan of 1",
159	null,
160	function () { return $('#example thead tr:eq(0) th:eq(1)')[0].getAttribute('rowspan') == 1; }
161	);
162
163	oTest.fnTest(
164	"First cell in last column is '12'",
165	null,
166	function () { return $('#example thead tr:eq(4) th:eq(0)').html() == 12; }
167	);
168
169
170	oTest.fnTest(
171	"Hide the third column",
172	function () {
173	$('#example').dataTable().fnSetColumnVis( 0, true );
174	$('#example').dataTable().fnSetColumnVis( 1, true );
175	$('#example').dataTable().fnSetColumnVis( 2, false );
176	},
177	function () { return $('#example tbody tr:eq(0) td').length == 4; }
178	);
179
180	oTest.fnTest(
181	"First cell is '1' - third column hidden",
182	null,
183	function () { return $('#example thead tr:eq(0) th:eq(0)').html() == "1"; }
184	);
185
186	oTest.fnTest(
187	"Second cell is '2' - third column hidden",
188	null,
189	function () { return $('#example thead tr:eq(0) th:eq(1)').html() == "2"; }
190	);
191
192	oTest.fnTest(
193	"First cell (visible second) in third row is '6' - third column hidden",
194	null,
195	function () { return $('#example thead tr:eq(2) th:eq(0)').html() == "6"; }
196	);
197
198	oTest.fnTest(
199	"Second cell has colspan of 2",
200	null,
201	function () { return $('#example thead tr:eq(0) th:eq(1)')[0].getAttribute('colspan') == 2; }
202	);
203
204	oTest.fnTest(
205	"Second cell has rowspan of 2",
206	null,
207	function () { return $('#example thead tr:eq(0) th:eq(1)')[0].getAttribute('rowspan') == 2; }
208	);
209
210	oTest.fnTest(
211	"Third row first cell (second visible) colspan is 1",
212	null,
213	function () { return $('#example thead tr:eq(2) th:eq(0)')[0].getAttribute('colspan') == 1; }
214	);
215
216	oTest.fnTest(
217	"Third row second cell (third visible) value is 7",
218	null,
219	function () { return $('#example thead tr:eq(2) th:eq(1)').html() == "7"; }
220	);
221
222	oTest.fnTest(
223	"Third row second cell (third visible) colspan is 1",
224	null,
225	function () { return $('#example thead tr:eq(2) th:eq(1)')[0].getAttribute('colspan') == 1; }
226	);
227
228	oTest.fnTest(
229	"Third row second cell (third visible) rowspan is 3",
230	null,
231	function () { return $('#example thead tr:eq(2) th:eq(1)')[0].getAttribute('rowspan') == 3; }
232	);
233
234
235	oTest.fnComplete();
236	} );