<html> <!-- NOTE: we are INTENTIONALLY in quirks mode. It makes it much easier to get a "full screen" UI w/ straightforward CSS. --> <!-- // TODO: implement global progress bar // TODO: provide a UI for prompted tests --> <head> <title>The Dojo Unit Test Harness, $Rev$</title> <script type="text/javascript"> window.dojoUrl = "../../dojo/dojo.js"; window.testUrl = ""; window.testModule = ""; // parse out our test URL and our Dojo URL from the query string var qstr = window.location.search.substr(1); if(qstr.length){ var qparts = qstr.split("&"); for(var x=0; x<qparts.length; x++){ var tp = qparts[x].split("="); if(tp[0] == "dojoUrl"){ window.dojoUrl = tp[1]; } if(tp[0] == "testUrl"){ window.testUrl = tp[1]; } if(tp[0] == "testModule"){ window.testModule = tp[1]; } } } document.write("<scr"+"ipt type='text/javascript' djConfig='isDebug: true' src='"+dojoUrl+"'></scr"+"ipt>"); </script> <script type="text/javascript"> try{ dojo.require("doh.runner"); }catch(e){ document.write("<scr"+"ipt type='text/javascript' src='runner.js'></scr"+"ipt>"); document.write("<scr"+"ipt type='text/javascript' src='_browserRunner.js'></scr"+"ipt>"); } if(testUrl.length){ document.write("<scr"+"ipt type='text/javascript' src='"+testUrl+".js'></scr"+"ipt>"); } </script> <style type="text/css"> @import "../../dojo/resources/dojo.css"; /* body { margin: 0px; padding: 0px; font-size: 13px; color: #292929; font-family: Myriad, Lucida Grande, Bitstream Vera Sans, Arial, Helvetica, sans-serif; *font-size: small; *font: x-small; } th, td { font-size: 13px; color: #292929; font-family: Myriad, Lucida Grande, Bitstream Vera Sans, Arial, Helvetica, sans-serif; font-weight: normal; } * body { line-height: 1.25em; } table { border-collapse: collapse; } */ #testLayout { position: relative; left: 0px; top: 0px; width: 100%; height: 100%; border: 1px solid black; border: 0px; } .tabBody { margin: 0px; padding: 0px; /* border: 1px solid black; */ background-color: #DEDEDE; border: 0px; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; overflow: auto; } #logBody { padding-left: 5px; padding-top: 5px; font-family: Monaco, monospace; font-size: 11px; white-space: pre; } #progressOuter { background:#e9e9e9 url("http://svn.dojotoolkit.org/dojo/dijit/trunk/themes/tundra/images/dojoTundraGradientBg.png") repeat-x 0 0; /* border-color: #e8e8e8; */ } #progressInner { background: blue; width: 0%; position: relative; left: 0px; top: 0px; height: 100%; } #play, #pause { font-family: Webdings; font-size: 1.4em; border: 1px solid #DEDEDE; cursor: pointer; padding-right: 0.5em; } .header { border: 1px solid #DEDEDE; } button.tab { border-width: 1px 1px 0px 1px; border-style: solid; border-color: #DEDEDE; margin-right: 5px; } #testListContainer { /* border: 1px solid black; */ position: relative; height: 99%; width: 100%; overflow: auto; } #testList { border-collapse: collapse; position: absolute; left: 0px; width: 100%; } #testList > tbody > tr > td { border-bottom: 1px solid #DEDEDE; border-right : 1px solid #DEDEDE; padding: 3px; } #testListHeader th { border-bottom: 1px solid #DEDEDE; border-right : 1px solid #DEDEDE; padding: 3px; font-weight: bolder; font-style: italic; } #toggleButtons { float: left; background-color: #DEDEDE; } tr.inProgress { background-color: #85afde; } tr.success { background-color: #7cdea7; } tr.failure { background-color: #de827b; } </style> </head> <body> <table id="testLayout" cellpadding="0" cellspacing="0" style="margin: 0;"> <tr valign="top" height="40"> <td colspan="2" id="logoBar"> <h3 style="margin: 5px 5px 0px 5px; float: left;">D.O.H.: The Dojo Objective Harness</h3> <img src="small_logo.png" height="40" style="margin: 0px 5px 0px 5px; float: right;"> <span style="margin: 10px 5px 0px 5px; float: right;"> <input type="checkbox" id="audio" name="audio"> <label for="audio">sounds?</label> </span> </td> </tr> <!-- <tr valign="top" height="10"> <td colspan="2" id="progressOuter"> <div id="progressInner">blah</div> </td> </tr> --> <tr valign="top" height="30"> <td width="30%" class="header"> <span id="toggleButtons" onclick="doh.togglePaused();"> <button id="play">4</button> <button id="pause" style="display: none;">;</button> </span> <span id="runningStatus"> <span id="pausedMsg">Stopped</span> <span id="playingMsg" style="display: none;">Tests Running</span> </span> </td> <td width="*" class="header" valign="bottom"> <button class="tab" onclick="showTestPage();">Test Page</button> <button class="tab" onclick="showLogPage();">Log</button> </td> </tr> <tr valign="top" style="border: 0; padding: 0; margin: 0;"> <td height="100%" style="border: 0; padding: 0; margin: 0;"> <div id="testListContainer"> <table cellpadding="0" cellspacing="0" border="0" width="100%" id="testList" style="margin: 0;"> <thead> <tr id="testListHeader" style="border: 0; padding: 0; margin: 0;" > <th> </th> <th width="20"> <input type="checkbox" checked onclick="toggleRunAll();"> </th> <th width="*" style="text-align: left;">test</th> <th width="50">time</th> </tr> </thead> <tbody valign="top"> <tr id="groupTemplate" style="display: none;"> <td style="font-family: Webdings; width: 15px;">4</td> <td> <input type="checkbox" checked> </td> <td>group name</td> <td>10ms</td> </tr> <tr id="testTemplate" style="display: none;"> <td> </td> <td> </td> <td style="padding-left: 20px;">test name</td> <td>10ms</td> </tr> </tbody> </table> </div> </td> <td> <div style="position: relative; width: 99%; height: 100%; top: 0px; left: 0px;"> <div class="tabBody" style="z-index: 1;"> <pre id="logBody"></pre> </div> <iframe id="testBody" class="tabBody" style="z-index: 0;"></iframe> <!-- src="http://redesign.dojotoolkit.org"></iframe> --> </div> </td> </tr> </table> <span id="hiddenAudio"></span> </body> </html>