tests_onhold/4_server-side/bAutoWidth.js

// DATA_TEMPLATE: empty_table
oTest.fnStart( "bAutoWidth" );

/* It's actually a little tricky to test this. We can't test absolute numbers because
 * different browsers and different platforms will render the width of the columns slightly
 * differently. However, we certainly can test the principle of what should happen (column 
 * width doesn't change over pages)
 */

$(document).ready( function () {
        /* Check the default */
        var oTable = $('#example').dataTable( {
                "bServerSide": true,
                "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php"
        } );
        var oSettings = oTable.fnSettings();
        
        oTest.fnWaitTest( 
                "Auto width is enabled by default",
                null,
                function () { return oSettings.oFeatures.bAutoWidth; }
        );
        
        oTest.fnWaitTest( 
                "First column has a width assigned to it",
                null,
                function () { return $('#example thead th:eq(0)').attr('style').match(/width/i); }
        );
        
        /*
        This would seem like a better test - but there appear to be difficulties with tables
        which are bigger (calculated) than there is actually room for. I suspect this is actually
        a bug in datatables
        oTest.fnWaitTest( 
                "Check column widths on first page match second page",
                null,
                function () {
                        var anThs = $('#example thead th');
                        var a0 = anThs[0].offsetWidth;
                        var a1 = anThs[1].offsetWidth;
                        var a2 = anThs[2].offsetWidth;
                        var a3 = anThs[3].offsetWidth;
                        var a4 = anThs[4].offsetWidth;
                        $('#example_next').click();
                        var b0 = anThs[0].offsetWidth;
                        var b1 = anThs[1].offsetWidth;
                        var b2 = anThs[2].offsetWidth;
                        var b3 = anThs[3].offsetWidth;
                        var b4 = anThs[4].offsetWidth;
                        console.log( a0, b0, a1, b1, a2, b2, a3, b3 );
                        if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 )
                                return true;
                        else
                                return false;
                }
        );
        
        oTest.fnWaitTest( 
                "Check column widths on second page match thid page",
                null,
                function () {
                        var anThs = $('#example thead th');
                        var a0 = anThs[0].offsetWidth;
                        var a1 = anThs[1].offsetWidth;
                        var a2 = anThs[2].offsetWidth;
                        var a3 = anThs[3].offsetWidth;
                        var a4 = anThs[4].offsetWidth;
                        $('#example_next').click();
                        var b0 = anThs[0].offsetWidth;
                        var b1 = anThs[1].offsetWidth;
                        var b2 = anThs[2].offsetWidth;
                        var b3 = anThs[3].offsetWidth;
                        var b4 = anThs[4].offsetWidth;
                        if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 )
                                return true;
                        else
                                return false;
                }
        );
        */
        
        /* Check can disable */
        oTest.fnWaitTest( 
                "Auto width can be disabled",
                function () {
                        oSession.fnRestore();
                        oTable = $('#example').dataTable( {
                                "bServerSide": true,
                "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php",
                                "bAutoWidth": false
                        } );
                        oSettings = oTable.fnSettings();
                },
                function () { return oSettings.oFeatures.bAutoWidth == false; }
        );
        
        oTest.fnWaitTest( 
                "First column does not have a width assigned to it",
                null,
                function () { return $('#example thead th:eq(0)').attr('style') == null; }
        );
        
        /*
        oTest.fnWaitTest( 
                "Check column widths on first page do not match second page",
                null,
                function () {
                        var anThs = $('#example thead th');
                        var a0 = anThs[0].offsetWidth;
                        var a1 = anThs[1].offsetWidth;
                        var a2 = anThs[2].offsetWidth;
                        var a3 = anThs[3].offsetWidth;
                        var a4 = anThs[4].offsetWidth;
                        $('#example_next').click();
                        var b0 = anThs[0].offsetWidth;
                        var b1 = anThs[1].offsetWidth;
                        var b2 = anThs[2].offsetWidth;
                        var b3 = anThs[3].offsetWidth;
                        var b4 = anThs[4].offsetWidth;
                        if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 )
                                return false;
                        else
                                return true;
                }
        );
        */
        
        /* Enable makes no difference */
        oTest.fnWaitTest( 
                "Auto width enabled override",
                function () {
                        oSession.fnRestore();
                        oTable = $('#example').dataTable( {
                                "bServerSide": true,
                "sAjaxSource": "../../../examples/server_side/scripts/server_processing.php",
                                "bAutoWidth": true
                        } );
                        oSettings = oTable.fnSettings();
                },
                function () { return oSettings.oFeatures.bAutoWidth; }
        );
        
        
        oTest.fnComplete();
} );
1	// DATA_TEMPLATE: empty_table
2	oTest.fnStart( "bAutoWidth" );
3
4	/* It's actually a little tricky to test this. We can't test absolute numbers because
5	* different browsers and different platforms will render the width of the columns slightly
6	* differently. However, we certainly can test the principle of what should happen (column
7	* width doesn't change over pages)
8	*/
9
10	$(document).ready( function () {
11	/* Check the default */
12	var oTable = $('#example').dataTable( {
13	"bServerSide": true,
14	"sAjaxSource": "../../../examples/server_side/scripts/server_processing.php"
15	} );
16	var oSettings = oTable.fnSettings();
17
18	oTest.fnWaitTest(
19	"Auto width is enabled by default",
20	null,
21	function () { return oSettings.oFeatures.bAutoWidth; }
22	);
23
24	oTest.fnWaitTest(
25	"First column has a width assigned to it",
26	null,
27	function () { return $('#example thead th:eq(0)').attr('style').match(/width/i); }
28	);
29
30	/*
31	This would seem like a better test - but there appear to be difficulties with tables
32	which are bigger (calculated) than there is actually room for. I suspect this is actually
33	a bug in datatables
34	oTest.fnWaitTest(
35	"Check column widths on first page match second page",
36	null,
37	function () {
38	var anThs = $('#example thead th');
39	var a0 = anThs[0].offsetWidth;
40	var a1 = anThs[1].offsetWidth;
41	var a2 = anThs[2].offsetWidth;
42	var a3 = anThs[3].offsetWidth;
43	var a4 = anThs[4].offsetWidth;
44	$('#example_next').click();
45	var b0 = anThs[0].offsetWidth;
46	var b1 = anThs[1].offsetWidth;
47	var b2 = anThs[2].offsetWidth;
48	var b3 = anThs[3].offsetWidth;
49	var b4 = anThs[4].offsetWidth;
50	console.log( a0, b0, a1, b1, a2, b2, a3, b3 );
51	if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 )
52	return true;
53	else
54	return false;
55	}
56	);
57
58	oTest.fnWaitTest(
59	"Check column widths on second page match thid page",
60	null,
61	function () {
62	var anThs = $('#example thead th');
63	var a0 = anThs[0].offsetWidth;
64	var a1 = anThs[1].offsetWidth;
65	var a2 = anThs[2].offsetWidth;
66	var a3 = anThs[3].offsetWidth;
67	var a4 = anThs[4].offsetWidth;
68	$('#example_next').click();
69	var b0 = anThs[0].offsetWidth;
70	var b1 = anThs[1].offsetWidth;
71	var b2 = anThs[2].offsetWidth;
72	var b3 = anThs[3].offsetWidth;
73	var b4 = anThs[4].offsetWidth;
74	if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 )
75	return true;
76	else
77	return false;
78	}
79	);
80	*/
81
82	/* Check can disable */
83	oTest.fnWaitTest(
84	"Auto width can be disabled",
85	function () {
86	oSession.fnRestore();
87	oTable = $('#example').dataTable( {
88	"bServerSide": true,
89	"sAjaxSource": "../../../examples/server_side/scripts/server_processing.php",
90	"bAutoWidth": false
91	} );
92	oSettings = oTable.fnSettings();
93	},
94	function () { return oSettings.oFeatures.bAutoWidth == false; }
95	);
96
97	oTest.fnWaitTest(
98	"First column does not have a width assigned to it",
99	null,
100	function () { return $('#example thead th:eq(0)').attr('style') == null; }
101	);
102
103	/*
104	oTest.fnWaitTest(
105	"Check column widths on first page do not match second page",
106	null,
107	function () {
108	var anThs = $('#example thead th');
109	var a0 = anThs[0].offsetWidth;
110	var a1 = anThs[1].offsetWidth;
111	var a2 = anThs[2].offsetWidth;
112	var a3 = anThs[3].offsetWidth;
113	var a4 = anThs[4].offsetWidth;
114	$('#example_next').click();
115	var b0 = anThs[0].offsetWidth;
116	var b1 = anThs[1].offsetWidth;
117	var b2 = anThs[2].offsetWidth;
118	var b3 = anThs[3].offsetWidth;
119	var b4 = anThs[4].offsetWidth;
120	if ( a0==b0 && a1==b1 && a2==b2 && a3==b3 )
121	return false;
122	else
123	return true;
124	}
125	);
126	*/
127
128	/* Enable makes no difference */
129	oTest.fnWaitTest(
130	"Auto width enabled override",
131	function () {
132	oSession.fnRestore();
133	oTable = $('#example').dataTable( {
134	"bServerSide": true,
135	"sAjaxSource": "../../../examples/server_side/scripts/server_processing.php",
136	"bAutoWidth": true
137	} );
138	oSettings = oTable.fnSettings();
139	},
140	function () { return oSettings.oFeatures.bAutoWidth; }
141	);
142
143
144	oTest.fnComplete();
145	} );