284 lines
7 KiB
HTML
284 lines
7 KiB
HTML
|
<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>
|
||
|
|
|