tests_onhold/5_ajax_objects/aoColumns.sWidth.js

// DATA_TEMPLATE: empty_table
oTest.fnStart( "aoColumns.sWidth" );

/* NOTE - we need to disable the auto width for the majority of these test in order to preform 
 * these tests as the auto width will convert the width to a px value. We can do 'non-exact' tests
 * with auto width enabled however to ensure it scales columns as required
 */

$(document).ready( function () {
        /* Check the default */
        var oTable = $('#example').dataTable( {
                "sAjaxSource": "../../../examples/ajax/sources/objects.txt",
                "bAutoWidth": false,
                "aoColumns": [
                        { "mData": "engine" },
                        { "mData": "browser", "sWidth": '40%' },
                        { "mData": "platform" },
                        { "mData": "version" },
                        { "mData": "grade" }
                ]
        } );
        var oSettings = oTable.fnSettings();
        
        oTest.fnWaitTest( 
                "With auto width disabled the width for one column is appled",
                null,
                function () { return $('#example thead th:eq(1)')[0].style.width == "40%"; }
        );
        
        oTest.fnWaitTest( 
                "With auto width disabled the width for one column is appled",
                function () {
                        oSession.fnRestore();
                        oTable = $('#example').dataTable( {
                                "sAjaxSource": "../../../examples/ajax/sources/objects.txt",
                                "bAutoWidth": false,
                                "aoColumns": [
                                        { "mData": "engine" },
                                        { "mData": "browser" },
                                        { "mData": "platform", "sWidth": '20%' },
                                        { "mData": "version", "sWidth": '30%' },
                                        { "mData": "grade" }
                                ]
                        } );
                },
                function () {
                        var bReturn =
                                $('#example thead th:eq(2)')[0].style.width == "20%" &&
                                $('#example thead th:eq(3)')[0].style.width == "30%";
                        return bReturn;
                }
        );
        
        
        oTest.fnWaitTest( 
                "With auto width, it will make the smallest column the largest with percentage width given",
                function () {
                        oSession.fnRestore();
                        oTable = $('#example').dataTable( {
                                "sAjaxSource": "../../../examples/ajax/sources/objects.txt",
                                "aoColumns": [
                                        { "mData": "engine" },
                                        { "mData": "browser" },
                                        { "mData": "platform" },
                                        { "mData": "version", "sWidth": '40%' },
                                        { "mData": "grade" }
                                ]
                        } );
                },
                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;
                        
                        if ( a3>a0 && a3>a1 && a3>a2 && a3>a4 )
                                return true;
                        else
                                return false;
                }
        );
        
        
        oTest.fnComplete();
} );
1	// DATA_TEMPLATE: empty_table
2	oTest.fnStart( "aoColumns.sWidth" );
3
4	/* NOTE - we need to disable the auto width for the majority of these test in order to preform
5	* these tests as the auto width will convert the width to a px value. We can do 'non-exact' tests
6	* with auto width enabled however to ensure it scales columns as required
7	*/
8
9	$(document).ready( function () {
10	/* Check the default */
11	var oTable = $('#example').dataTable( {
12	"sAjaxSource": "../../../examples/ajax/sources/objects.txt",
13	"bAutoWidth": false,
14	"aoColumns": [
15	{ "mData": "engine" },
16	{ "mData": "browser", "sWidth": '40%' },
17	{ "mData": "platform" },
18	{ "mData": "version" },
19	{ "mData": "grade" }
20	]
21	} );
22	var oSettings = oTable.fnSettings();
23
24	oTest.fnWaitTest(
25	"With auto width disabled the width for one column is appled",
26	null,
27	function () { return $('#example thead th:eq(1)')[0].style.width == "40%"; }
28	);
29
30	oTest.fnWaitTest(
31	"With auto width disabled the width for one column is appled",
32	function () {
33	oSession.fnRestore();
34	oTable = $('#example').dataTable( {
35	"sAjaxSource": "../../../examples/ajax/sources/objects.txt",
36	"bAutoWidth": false,
37	"aoColumns": [
38	{ "mData": "engine" },
39	{ "mData": "browser" },
40	{ "mData": "platform", "sWidth": '20%' },
41	{ "mData": "version", "sWidth": '30%' },
42	{ "mData": "grade" }
43	]
44	} );
45	},
46	function () {
47	var bReturn =
48	$('#example thead th:eq(2)')[0].style.width == "20%" &&
49	$('#example thead th:eq(3)')[0].style.width == "30%";
50	return bReturn;
51	}
52	);
53
54
55	oTest.fnWaitTest(
56	"With auto width, it will make the smallest column the largest with percentage width given",
57	function () {
58	oSession.fnRestore();
59	oTable = $('#example').dataTable( {
60	"sAjaxSource": "../../../examples/ajax/sources/objects.txt",
61	"aoColumns": [
62	{ "mData": "engine" },
63	{ "mData": "browser" },
64	{ "mData": "platform" },
65	{ "mData": "version", "sWidth": '40%' },
66	{ "mData": "grade" }
67	]
68	} );
69	},
70	function () {
71	var anThs = $('#example thead th');
72	var a0 = anThs[0].offsetWidth;
73	var a1 = anThs[1].offsetWidth;
74	var a2 = anThs[2].offsetWidth;
75	var a3 = anThs[3].offsetWidth;
76	var a4 = anThs[4].offsetWidth;
77
78	if ( a3>a0 && a3>a1 && a3>a2 && a3>a4 )
79	return true;
80	else
81	return false;
82	}
83	);
84
85
86	oTest.fnComplete();
87	} );