Просмотр архива Генератор форм


<?php

// DATA_TEMPLATE: dom_data
oTest.fnStart( "sDom" );

/* This is going to be brutal on the browser! There is a lot that can be tested here... */

$(document).ready( function () {
    /* Check the default */
    var oTable = $('#example').dataTable();
    var oSettings = oTable.fnSettings();
    
    oTest.fnTest( 
        "Default DOM varaible",
        null,
        function () { return oSettings.sDom == "lfrtip"; }
    );
    
    oTest.fnTest( 
        "Default DOM in document",
        null,
        function () {
            var nNodes = $('#demo div, #demo table');
            var nWrapper = document.getElementById('example_wrapper');
            var nLength = document.getElementById('example_length');
            var nFilter = document.getElementById('example_filter');
            var nInfo = document.getElementById('example_info');
            var nPaging = document.getElementById('example_paginate');
            var nTable = document.getElementById('example');
            
            var bReturn = 
                nNodes[0] == nWrapper &&
                nNodes[1] == nLength &&
                nNodes[2] == nFilter &&
                nNodes[3] == nTable &&
                nNodes[4] == nInfo &&
                nNodes[5] == nPaging;
            return bReturn;
        }
    );
    
    oTest.fnTest( 
        "Check example 1 in code propagates",
        function () {
            oSession.fnRestore();
            oTable = $('#example').dataTable( {
                "sDom": '<"wrapper"flipt>'
            } );
            oSettings = oTable.fnSettings();
        },
        function () { return oSettings.sDom == '<"wrapper"flipt>'; }
    );
    
    oTest.fnTest( 
        "Check example 1 in DOM",
        null,
        function () {
            var jqNodes = $('#demo div, #demo table');
            var nNodes = [];
            
            /* Strip the paging nodes */
            for ( var i=0, iLen=jqNodes.length ; i<iLen ; i++ )
            {
                if ( jqNodes[i].getAttribute('id') != "example_previous" &&
                     jqNodes[i].getAttribute('id') != "example_next" )
                {
                    nNodes.push( jqNodes[i] );
                }
            }
            
            var nWrapper = document.getElementById('example_wrapper');
            var nLength = document.getElementById('example_length');
            var nFilter = document.getElementById('example_filter');
            var nInfo = document.getElementById('example_info');
            var nPaging = document.getElementById('example_paginate');
            var nTable = document.getElementById('example');
            var nCustomWrapper = $('div.wrapper')[0];
            
            var bReturn = 
                nNodes[0] == nWrapper &&
                nNodes[1] == nCustomWrapper &&
                nNodes[2] == nFilter &&
                nNodes[3] == nLength &&
                nNodes[4] == nInfo &&
                nNodes[5] == nPaging &&
                nNodes[6] == nTable;
            return bReturn;
        }
    );
    
    oTest.fnTest( 
        "Check example 2 in DOM",
        function () {
            oSession.fnRestore();
            $('#example').dataTable( {
                "sDom": '<lf<t>ip>'
            } );
        },
        function () {
            var jqNodes = $('#demo div, #demo table');
            var nNodes = [];
            var nCustomWrappers = []
            
            /* Strip the paging nodes */
            for ( var i=0, iLen=jqNodes.length ; i<iLen ; i++ )
            {
                if ( jqNodes[i].getAttribute('id') != "example_previous" &&
                     jqNodes[i].getAttribute('id') != "example_next" )
                {
                    nNodes.push( jqNodes[i] );
                }
                
                /* Only the two custom divs don't have class names */
                if ( jqNodes[i].className == "" )
                {
                    nCustomWrappers.push( jqNodes[i] );
                }
            }
            
            var nWrapper = document.getElementById('example_wrapper');
            var nLength = document.getElementById('example_length');
            var nFilter = document.getElementById('example_filter');
            var nInfo = document.getElementById('example_info');
            var nPaging = document.getElementById('example_paginate');
            var nTable = document.getElementById('example');
            
            var bReturn = 
                nNodes[0] == nWrapper &&
                nNodes[1] == nCustomWrappers[0] &&
                nNodes[2] == nLength &&
                nNodes[3] == nFilter &&
                nNodes[4] == nCustomWrappers[1] &&
                nNodes[5] == nTable &&
                nNodes[6] == nInfo &&
                nNodes[7] == nPaging;
            return bReturn;
        }
    );
    
    oTest.fnTest( 
        "Check no length element",
        function () {
            oSession.fnRestore();
            $('#example').dataTable( {
                "sDom": 'frtip'
            } );
        },
        function () {
            var nNodes = $('#demo div, #demo table');
            var nWrapper = document.getElementById('example_wrapper');
            var nLength = document.getElementById('example_length');
            var nFilter = document.getElementById('example_filter');
            var nInfo = document.getElementById('example_info');
            var nPaging = document.getElementById('example_paginate');
            var nTable = document.getElementById('example');
            
            var bReturn = 
                nNodes[0] == nWrapper &&
                null == nLength &&
                nNodes[1] == nFilter &&
                nNodes[2] == nTable &&
                nNodes[3] == nInfo &&
                nNodes[4] == nPaging;
            return bReturn;
        }
    );
    
    oTest.fnTest( 
        "Check no filter element",
        function () {
            oSession.fnRestore();
            $('#example').dataTable( {
                "sDom": 'lrtip'
            } );
        },
        function () {
            var nNodes = $('#demo div, #demo table');
            var nWrapper = document.getElementById('example_wrapper');
            var nLength = document.getElementById('example_length');
            var nFilter = document.getElementById('example_filter');
            var nInfo = document.getElementById('example_info');
            var nPaging = document.getElementById('example_paginate');
            var nTable = document.getElementById('example');
            
            var bReturn = 
                nNodes[0] == nWrapper &&
                nNodes[1] == nLength &&
                null == nFilter &&
                nNodes[2] == nTable &&
                nNodes[3] == nInfo &&
                nNodes[4] == nPaging;
            return bReturn;
        }
    );
    
    /* Note we don't test for no table as this is not supported (and it would be fairly daft! */
    
    oTest.fnTest( 
        "Check no info element",
        function () {
            oSession.fnRestore();
            $('#example').dataTable( {
                "sDom": 'lfrtp'
            } );
        },
        function () {
            var nNodes = $('#demo div, #demo table');
            var nWrapper = document.getElementById('example_wrapper');
            var nLength = document.getElementById('example_length');
            var nFilter = document.getElementById('example_filter');
            var nInfo = document.getElementById('example_info');
            var nPaging = document.getElementById('example_paginate');
            var nTable = document.getElementById('example');
            
            var bReturn = 
                nNodes[0] == nWrapper &&
                nNodes[1] == nLength &&
                nNodes[2] == nFilter &&
                nNodes[3] == nTable &&
                null == nInfo &&
                nNodes[4] == nPaging;
            return bReturn;
        }
    );
    
    oTest.fnTest( 
        "Check no paging element",
        function () {
            oSession.fnRestore();
            $('#example').dataTable( {
                "sDom": 'lfrti'
            } );
        },
        function () {
            var nNodes = $('#demo div, #demo table');
            var nWrapper = document.getElementById('example_wrapper');
            var nLength = document.getElementById('example_length');
            var nFilter = document.getElementById('example_filter');
            var nInfo = document.getElementById('example_info');
            var nPaging = document.getElementById('example_paginate');
            var nTable = document.getElementById('example');
            
            var bReturn = 
                nNodes[0] == nWrapper &&
                nNodes[1] == nLength &&
                nNodes[2] == nFilter &&
                nNodes[3] == nTable &&
                nNodes[4] == nInfo &&
                null == nPaging;
            return bReturn;
        }
    );
    
    oTest.fnTest( 
        "Element with an id",
        function () {
            $('#example').dataTable( {
                "bDestroy": true,
                "sDom": '<"#test"lf>rti'
            } );
        },
        function () {
            return $('#test').length == 1;
        }
    );
    
    oTest.fnTest( 
        "Element with an id and a class",
        function () {
            $('#example').dataTable( {
                "bDestroy": true,
                "sDom": '<"#test.classTest"lf>rti'
            } );
        },
        function () {
            return ($('#test').length == 1 && $('#test')[0].className == "classTest");
        }
    );
    
    oTest.fnTest( 
        "Element with just a class",
        function () {
            $('#example').dataTable( {
                "bDestroy": true,
                "sDom": '<"classTest"lf>rti'
            } );
        },
        function () {
            return ($('div.classTest').length == 1 );
        }
    );
    
    oTest.fnTest( 
        "Two elements with an id",
        function () {
            $('#example').dataTable( {
                "bDestroy": true,
                "sDom": '<"#test1"lf>rti<"#test2"lf>'
            } );
        },
        function () {
            return ($('#test1').length == 1 && $('#test2').length == 1);
        }
    );
    
    oTest.fnTest( 
        "Two elements with an id and one with a class",
        function () {
            $('#example').dataTable( {
                "bDestroy": true,
                "sDom": '<"#test1"lf>rti<"#test2.classTest"lf>'
            } );
        },
        function () {
            return ($('#test1').length == 1 && $('#test2').length == 1 && $('div.classTest').length == 1);
        }
    );
    
    
    oTest.fnComplete();
} );

?>