104 lines
3.7 KiB
JavaScript
104 lines
3.7 KiB
JavaScript
|
/*
|
||
|
|
_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 d = dojo;
|
||
|
|
var theme = false; var testMode;
|
||
|
|
if(window.location.href.indexOf("?") > -1){
|
||
|
|
var str = window.location.href.substr(window.location.href.indexOf("?")+1).split(/#/);
|
||
|
|
var ary = str[0].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
|
||
|
|
dojo.config.locale = locale = value;
|
||
|
|
break;
|
||
|
|
case "dir":
|
||
|
|
// rtl | null
|
||
|
|
document.getElementsByTagName("html")[0].dir = value;
|
||
|
|
break;
|
||
|
|
case "theme":
|
||
|
|
// tundra | soria | noir | squid | nihilo | null
|
||
|
|
theme = value;
|
||
|
|
break;
|
||
|
|
case "a11y":
|
||
|
|
if(value){ testMode = "dijit_a11y"; }
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// always include the default theme files:
|
||
|
|
if(!theme){ theme = dojo.config.defaultTestTheme || 'tundra'; }
|
||
|
|
var themeCss = d.moduleUrl("dijit.themes",theme+"/"+theme+".css");
|
||
|
|
var themeCssRtl = d.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(dojo.config.parseOnLoad){
|
||
|
|
dojo.config.parseOnLoad = false;
|
||
|
|
dojo.config._deferParsing = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
d.addOnLoad(function(){
|
||
|
|
|
||
|
|
// set the classes
|
||
|
|
if(!d.hasClass(d.body(),theme)){ d.addClass(d.body(),theme); }
|
||
|
|
if(testMode){ d.addClass(d.body(),testMode); }
|
||
|
|
|
||
|
|
// test-link matrix code:
|
||
|
|
var node = document.createElement('div');
|
||
|
|
node.id = "testNodeDialog";
|
||
|
|
d.addClass(node,"dijitTestNodeDialog");
|
||
|
|
d.body().appendChild(node);
|
||
|
|
|
||
|
|
_populateTestDialog(node);
|
||
|
|
|
||
|
|
d.connect(document,"onkeypress", function _testNodeShow(/* Event */evt){
|
||
|
|
var key = (evt.charCode == d.keys.SPACE ? d.keys.SPACE : evt.keyCode);
|
||
|
|
if(evt.ctrlKey && (key == d.keys.F9)){ // F9 is generic enough?
|
||
|
|
d.style('testNodeDialog',"top",(dijit.getViewport().t + 4) +"px");
|
||
|
|
d.toggleClass('testNodeDialog',"dijitTestNodeShowing");
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
if(dojo.config._deferParsing){ d.parser.parse(d.body()); }
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
var _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", "nihilo" /* ,"squid" */ ];
|
||
|
|
str += "<b>Tests:</b><br><table>";
|
||
|
|
d.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="'+(d.moduleUrl("dijit.themes","themeTester.html"))+'">themeTester</'+'a></td></tr>';
|
||
|
|
str += '<tr><td colspan="4">or: <a hr'+'ef="'+(d.moduleUrl("dijit.tests"))+'">tests folder</'+'a></td></tr>';
|
||
|
|
node.innerHTML = str + "</table>";
|
||
|
|
}
|
||
|
|
})();
|