diff options
Diffstat (limited to 'includes/js/dijit/bench/benchTool.html')
| -rw-r--r-- | includes/js/dijit/bench/benchTool.html | 189 |
1 files changed, 189 insertions, 0 deletions
diff --git a/includes/js/dijit/bench/benchTool.html b/includes/js/dijit/bench/benchTool.html new file mode 100644 index 0000000..b8a9041 --- /dev/null +++ b/includes/js/dijit/bench/benchTool.html @@ -0,0 +1,189 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> + <title>Dojo interactive benchmark tool</title> + <script type="text/javascript" src="../../dojo/dojo.js"></script> + <script type="text/javascript"> + // FIXME: + // the url below points to dojo.inpdx.net/benchResults.php + // need to setup DB on dtk.org and change URL here to store + // results elsewhere ... work db structure in accompanying + // .php file + // basic stats are located at http://dojo.inpdx.net/benchmarks.html + + dojo.require("dojo.fx"); + // FIXME: this seems an excessive fix for IE6 issue ... + dojo.require("dijit.dijit"); + // dojo.require("dijit.form.Button"); + dojo.require("dijit.dijit-all"); + dojo.require("dojo.parser"); + + + // setup global variables + var masterResults = { clientNavigator: navigator.userAgent, dataSet: [], errors: [] } + var isRunning = false; + var theCount, theClass, runner = null; + var testCount = 0; + dojo.addOnLoad(function(){ + theCount = dojo.byId('countNode'); + theClass = dojo.byId('classNode'); + runner = dojo.byId('runner'); + masterResults.dojoVersion = dojo.version.toString(); + }); + + + function _toggleRunMsg(){ + var newMsg = (isRunning) ? " Run Test " : " Running ..." + dojo.fx.chain([ + dojo.fadeOut({ + node:runner, + duration:200, + onEnd: function(){ + runner.innerHTML = newMsg; + isRunning=!isRunning; + } + }), + dojo.fadeIn({ node:runner, duration: 200 }) + ]).play(); + } + + function runTest(){ + if(isRunning){ return; } + _toggleRunMsg(); + setTimeout(function(){_runRealTest();},1000); + } + + function _runRealTest(){ + + var _error = false; + var count = theCount.value; + var aclass = theClass.value.toString(); + var theMethod = (dojo.byId('parse').checked) ? "parse" : "create"; + + var tmpNode = document.createElement('div'); + + switch(theMethod){ + case "parse" : + var tmpString = []; + for(var i=0; i<count; i++){ + tmpString.push('<div dojoType="', aclass, '"></div>'); + } + tmpNode.innerHTML = tmpString.join(""); + var tmpTimer = new Date().getTime(); + dojo.parser.parse(tmpNode); + var endTime = new Date().getTime() - tmpTimer; + break; + case "create" : + var construction = dojo.getObject(aclass); + var tmpTimer = new Date().getTime(); + for(var i=0; i<count; i++){ + var tmp = new construction({}); + tmpNode.appendChild(tmp.domNode); + } + var endTime = new Date().getTime() - tmpTimer; + break; + } + + var average = (endTime / count); + var msg = "It took: "+endTime+"ms to "+theMethod+" "+count+" "+aclass+" widgets"+ + "<br>(average: "+average+" ms/widget)<br><br>"; + + masterResults.dataSet.push({ + testNum: ++testCount, + dijit: aclass, + testCount: count, + testAverage: average, + testMethod: theMethod, + testTime: endTime + }); + + dojo.byId("results").innerHTML += msg; + setTimeout(function(){_toggleRunMsg();},250); + + // Nodes have to be in the document for IE7 to GC them. + // Do this after generating the widgets to dispel + // notion that widget parents have to be in document + // a-priori. + dojo.byId("limbo").appendChild(tmpNode); + } + + function doDebug(){ + var key = escape(dojo.toJson(masterResults)); + dojo.byId('hiddenHolder').value = key; + return true; + } + + </script> + <style> + @import "../../dijit/themes/tundra/tundra.css"; + @import "../../dijit/themes/dijit.css"; + @import "../../dojo/resources/dojo.css"; + @import "../../dijit/tests/css/dijitTests.css"; + + #limbo { + display: none; + } + #theContainer { + float:left; + display: block; padding:12px; padding-top:0; + width:420px; margin-left:20px; + background-color:#fff; -moz-border-radius:8pt 8pt; + border:2px solid #ededed; + } + #leftControl { float:left; width:300px; } + #testControl, #submitControl { border:2px solid #ededed; padding:12px; -moz-border-radius:8pt 8pt; background-color:#fff; } + #results { overflow:auto; height:300px; border:1px solid #ccc; color:darkred; padding:8px; } + #results li { list-style-type: none; } + #results ul { margin:0; padding:0; } + .runHolder, .submitButton { + border:1px solid #ccc; padding:3px; -moz-border-radius:8pt 8pt; text-align:center; + cursor:pointer; background-color:#ededed; display:block; width:125px; + } + + </style> +</head> +<body class="tundra"> + <div id="limbo"></div> + <h1 class="testTitle">Dojo Benchmark Tool</h1> + + <div id="leftControl"> + <div id="testControl"> + + Class: <input type="text" name="dijit" id="classNode" value="dijit.form.Button"><br><br> + Count: <input type="text" name="count" id="countNode" value="100" size="4" ><br><br> + + Method: <label for="parse"> + <input type="radio" name="theMethod" value="parse" id="parse" checked="on"> Parse + </label> + <label for="create"> + <input type="radio" name="theMethod" value="create" id="create"> Create + </label> + + <br><br> + <span onclick="runTest()" class="runHolder"><span id="runner"> Run Test </span></span> + + </div> + + <br> + + <div id="submitControl"> + <p> + * The results of these tests are important to us. Please feel free to submit your dataSet + to Dojotoolkit.org. Your privacy will be respected. + + </p> + <div id="hiddenResults"> + <form id="resultForm" action="http://dojo.inpdx.net/benchResults.php" + method="POST" onsubmit="doDebug()"> + <input type="hidden" id="hiddenHolder" value="" name="key"> + <input type="submit" value=" Submit Data " class="submitButton"> + </form> + </div> + </div> + </div> + + <div id="theContainer"><h3>Results:</h3><div id="results"></div></div> + +</body> +</html> |