| New file |
|---|
| 0,0 → 1,105 |
|---|
| /* |
| _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>"; |
| } |
| })(); |