<html>
<!--
NOTE: we are INTENTIONALLY in quirks mode. It makes it much easier to
get a "full screen" UI w/ straightforward CSS.
-->
<!--
// TODO: provide a UI for prompted tests
-->
<head>
<title>RequireJS Tests Via The Dojo Unit Test Harness, $Rev: 20149 $</title>
<script type="text/javascript">
// workaround for bug in Safari 3. See #7189
if (/3[\.0-9]+ Safari/.test(navigator.appVersion))
{
window.console = {
origConsole: window.console,
log: function(s){
this.origConsole.log(s);
},
info: function(s){
this.origConsole.info(s);
},
error: function(s){
this.origConsole.error(s);
},
warn: function(s){
this.origConsole.warn(s);
}
};
}
</script>
<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];
}
if(tp[0] == "registerModulePath"){
var modules = tp[1].split(";");
window.registerModulePath=[];
for (var i=0; i<modules.length;i++){
window.registerModulePath.push(modules[i].split(","));
}
}
}
}
//document.write("<scr"+"ipt type='text/javascript' djConfig='isDebug: true' src='"+dojoUrl+"'></scr"+"ipt>");
</script>
<script type="text/javascript" src="runner.js"></script>
<script type="text/javascript" src="_browserRunner.js"></script>
<script type="text/javascript">
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 repeat-x 0 0;
height: 1em;
/*the following trick is necessary to prevent IE from wrapping the last piece of progress bar into a new line*/
_margin:1px;
_padding: -1px;
/*
border-color: #e8e8e8;
*/
}
#progressOuter .success, #progressOuter .failure{
float: left;
height: 1em;
}
#play, #pause {
font-family: Arial;
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 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;
}
#testList tfoot {
font-weight: bold;
}
#toggleButtons {
float: left;
background-color: #DEDEDE;
}
div.testGroupName {
position: absolute;
}
.inProgress {
background-color: #85afde;
}
.success {
background-color: #7cdea7;
}
.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;">RequireJS Tests Via 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"><div id="progressOuter" onclick="doh._jumpToSuite(arguments[0]);"></div></td>
</tr>
<tr valign="top" height="30">
<td width="30%" class="header">
<span id="toggleButtons" onclick="doh.togglePaused();">
<button id="play">►</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="doh.showTestPage();">Test Page</button>
<button class="tab" onclick="doh.showLogPage();">Log</button>
<button class="tab" onclick="doh.showPerfTestsPage();">Performance Tests Results</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;" onclick="doh._jumpToLog(arguments[0]);">
<thead>
<tr id="testListHeader" style="border: 0; padding: 0; margin: 0;" >
<th> </th>
<th width="20">
<input type="checkbox" checked
onclick="doh.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: Arial; width: 15px;">►</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 id="perfTestsBody" style="background-color: white;"></div>
</div>
<iframe id="testBody" class="tabBody"
style="z-index: -1;"></iframe>
<!--
src="http://redesign.dojotoolkit.org"></iframe>
-->
</div>
</td>
</tr>
</table>
<span id="hiddenAudio"></span>
</body>
</html>