Subversion Repositories Applications.papyrus

/*      
        _testCommon.js - a simple module to be included in dijit test pages to allow
        for easy switching between the many many points of the test-matrix.

        in your test browser, provides a way to switch between available themes,
        and optionally enable RTL (right to left) mode, and/or dijit_a11y (high-
        constrast/image off emulation) ... probably not a genuine test for a11y.

        usage: on any dijit test_* page, press ctrl-f9 to popup links.

        there are currently (2 themes * 4 tests) * (10 variations of supported browsers)
        not including testing individual locale-strings

        you should not be using this in a production enviroment. include
        your css and set your classes manually. for test purposes only ...
*/

(function(){
        var theme = false; var testMode;
        if(window.location.href.indexOf("?") > -1){
                var str = window.location.href.substr(window.location.href.indexOf("?")+1);
                var ary  = str.split(/&/);
                for(var i=0; i<ary.length; i++){
                        var split = ary[i].split(/=/),
                                key = split[0],
                                value = split[1];
                        switch(key){
                                case "locale":
                                        // locale string | null
                                        djConfig.locale = locale = value;
                                        break;
                                case "dir":
                                        // rtl | null
                                        document.getElementsByTagName("html")[0].dir = value;
                                        break;
                                case "theme":
                                        // tundra | soria | noir | squid | null
                                        theme = value;
                                        break;
                                case "a11y":
                                        if(value){ testMode = "dijit_a11y"; }
                        }
                }
        }               

        // always include the default theme files:
        if(!theme){ theme = djConfig.defaultTestTheme || 'tundra'; }
        var themeCss = dojo.moduleUrl("dijit.themes",theme+"/"+theme+".css");
        var themeCssRtl = dojo.moduleUrl("dijit.themes",theme+"/"+theme+"_rtl.css");
        document.write('<link rel="stylesheet" type="text/css" href="'+themeCss+'"/>');
        document.write('<link rel="stylesheet" type="text/css" href="'+themeCssRtl+'"/>');

        if(djConfig.parseOnLoad){ 
                djConfig.parseOnLoad = false;
                djConfig._deferParsing = true;
        }

        dojo.addOnLoad(function(){

                // set the classes
                
                if(!dojo.hasClass(dojo.body(),theme)){ dojo.addClass(dojo.body(),theme); }
                if(testMode){ dojo.addClass(dojo.body(),testMode); }
                        

                // test-link matrix code:
                var node = document.createElement('div');
                node.id = "testNodeDialog";
                dojo.addClass(node,"dijitTestNodeDialog");
                dojo.body().appendChild(node);

                _populateTestDialog(node);
                dojo.connect(document,"onkeypress","_testNodeShow");

                if(djConfig._deferParsing){ dojo.parser.parse(dojo.body()); }

        });

        _testNodeShow = function(/* Event */evt){
                var key = (evt.charCode == dojo.keys.SPACE ? dojo.keys.SPACE : evt.keyCode);
                if(evt.ctrlKey && (key == dojo.keys.F9)){ // F9 is generic enough?
                        dojo.style(dojo.byId('testNodeDialog'),"top",(dijit.getViewport().t + 4) +"px");
                        dojo.toggleClass(dojo.byId('testNodeDialog'),"dijitTestNodeShowing");
                }
        }

        _populateTestDialog = function(/* DomNode */node){
                // pseudo-function to populate our test-martix-link pop-up
                var base = window.location.pathname;
                var str = "";
                var themes = ["tundra",/*"noir", */ "soria" /* ,"squid" */ ];
                str += "<b>Tests:</b><br><table>";
                dojo.forEach(themes,function(t){
                        str +=  '<tr><td><a hr'+'ef="'+base+'?theme='+t+'">'+t+'</'+'a></td>'+
                                '<td><a hr'+'ef="'+base+'?theme='+t+'&dir=rtl">rtl</'+'a></td>'+
                                '<td><a hr'+'ef="'+base+'?theme='+t+'&a11y=true">a11y</'+'a></td>'+
                                '<td><a hr'+'ef="'+base+'?theme='+t+'&a11y=true&dir=rtl">a11y+rtl</'+'a></td>'+
                                // too many potential locales to list, use &locale=[lang] to set
                                '</tr>';
                });
                str += '<tr><td colspan="4">jump to: <a hr'+'ef="'+(dojo.moduleUrl("dijit.themes","themeTester.html"))+'">themeTester</'+'a></td></tr>';
                str += '<tr><td colspan="4">or: <a hr'+'ef="'+(dojo.moduleUrl("dijit.tests"))+'">tests folder</'+'a></td></tr>';
                node.innerHTML = str + "</table>";
        }
})();