Subversion Repositories Applications.papyrus

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
2150 mathias 1 
<html>
2 
	<!--
3 
		NOTE: we are INTENTIONALLY in quirks mode. It makes it much easier to
4 
		get a "full screen" UI w/ straightforward CSS.
5 
	-->
6 
	<!--
7 
		// TODO: implement global progress bar
8 
		// TODO: provide a UI for prompted tests
9 
	-->
10 
	<head>
11 
		<title>The Dojo Unit Test Harness, $Rev$</title>
12 
		<script type="text/javascript">
13 
			window.dojoUrl = "../../dojo/dojo.js";
14 
			window.testUrl = "";
15 
			window.testModule = "";
16 
 
17 
			// parse out our test URL and our Dojo URL from the query string
18 
			var qstr = window.location.search.substr(1);
19 
			if(qstr.length){
20 
				var qparts = qstr.split("&");
21 
				for(var x=0; x<qparts.length; x++){
22 
					var tp = qparts[x].split("=");
23 
					if(tp[0] == "dojoUrl"){
24 
						window.dojoUrl = tp[1];
25 
					}
26 
					if(tp[0] == "testUrl"){
27 
						window.testUrl = tp[1];
28 
					}
29 
					if(tp[0] == "testModule"){
30 
						window.testModule = tp[1];
31 
					}
32 
				}
33 
			}
34 
 
35 
			document.write("<scr"+"ipt type='text/javascript' djConfig='isDebug: true' src='"+dojoUrl+"'></scr"+"ipt>");
36 
		</script>
37 
		<script type="text/javascript">
38 
			try{
39 
				dojo.require("doh.runner");
40 
			}catch(e){
41 
				document.write("<scr"+"ipt type='text/javascript' src='runner.js'></scr"+"ipt>");
42 
				document.write("<scr"+"ipt type='text/javascript' src='_browserRunner.js'></scr"+"ipt>");
43 
			}
44 
			if(testUrl.length){
45 
				document.write("<scr"+"ipt type='text/javascript' src='"+testUrl+".js'></scr"+"ipt>");
46 
			}
47 
		</script>
48 
		<style type="text/css">
49 
			@import "../../dojo/resources/dojo.css";
50 
			/*
51 
			body {
52 
				margin: 0px;
53 
				padding: 0px;
54 
				font-size: 13px;
55 
				color: #292929;
56 
				font-family: Myriad, Lucida Grande, Bitstream Vera Sans, Arial, Helvetica, sans-serif;
57 
				*font-size: small;
58 
				*font: x-small;
59 
			}
60 
 
61 
			th, td {
62 
				font-size: 13px;
63 
				color: #292929;
64 
				font-family: Myriad, Lucida Grande, Bitstream Vera Sans, Arial, Helvetica, sans-serif;
65 
				font-weight: normal;
66 
			}
67 
 
68 
			* body {
69 
				line-height: 1.25em;
70 
			}
71 
 
72 
			table {
73 
				border-collapse: collapse;
74 
			}
75 
			*/
76 
 
77 
			#testLayout {
78 
				position: relative;
79 
				left: 0px;
80 
				top: 0px;
81 
				width: 100%;
82 
				height: 100%;
83 
				border: 1px solid black;
84 
				border: 0px;
85 
			}
86 
 
87 
			.tabBody {
88 
				margin: 0px;
89 
				padding: 0px;
90 
				/*
91 
				border: 1px solid black;
92 
				*/
93 
				background-color: #DEDEDE;
94 
				border: 0px;
95 
				width: 100%;
96 
				height: 100%;
97 
				position: absolute;
98 
				left: 0px;
99 
				top: 0px;
100 
				overflow: auto;
101 
			}
102 
 
103 
			#logBody {
104 
				padding-left: 5px;
105 
				padding-top: 5px;
106 
				font-family: Monaco, monospace;
107 
				font-size: 11px;
108 
				white-space: pre;
109 
			}
110 
 
111 
			#progressOuter {
112 
				background:#e9e9e9 url("http://svn.dojotoolkit.org/dojo/dijit/trunk/themes/tundra/dojoTundraGradientBg.png") repeat-x 0 0;
113 
				/*
114 
				border-color: #e8e8e8;
115 
				*/
116 
			}
117 
 
118 
			#progressInner {
119 
				background: blue url("http://svn.dojotoolkit.org/dojo/dijit/trunk/themes/tundra/bar.gif") repeat-x 0 0;
120 
				width: 0%;
121 
				position: relative;
122 
				left: 0px;
123 
				top: 0px;
124 
				height: 100%;
125 
			}
126 
 
127 
			#play, #pause {
128 
				font-family: Webdings;
129 
				font-size: 1.4em;
130 
				border: 1px solid #DEDEDE;
131 
				cursor: pointer;
132 
				padding-right: 0.5em;
133 
			}
134 
 
135 
			.header {
136 
				border: 1px solid #DEDEDE;
137 
			}
138 
 
139 
			button.tab {
140 
				border-width: 1px 1px 0px 1px;
141 
				border-style: solid;
142 
				border-color: #DEDEDE;
143 
				margin-right: 5px;
144 
			}
145 
 
146 
			#testListContainer {
147 
				/*
148 
				border: 1px solid black;
149 
				*/
150 
				position: relative;
151 
				height: 99%;
152 
				width: 100%;
153 
				overflow: auto;
154 
			}
155 
 
156 
			#testList {
157 
				border-collapse: collapse;
158 
				position: absolute;
159 
				left: 0px;
160 
				width: 100%;
161 
			}
162 
 
163 
			#testList > tbody > tr > td {
164 
				border-bottom: 1px solid #DEDEDE;
165 
				border-right : 1px solid #DEDEDE;
166 
				padding: 3px;
167 
			}
168 
 
169 
			#testListHeader th {
170 
				border-bottom: 1px solid #DEDEDE;
171 
				border-right : 1px solid #DEDEDE;
172 
				padding: 3px;
173 
				font-weight: bolder;
174 
				font-style: italic;
175 
			}
176 
 
177 
			#toggleButtons {
178 
				float: left;
179 
				background-color: #DEDEDE;
180 
			}
181 
 
182 
			tr.inProgress {
183 
				background-color: #85afde;
184 
			}
185 
 
186 
			tr.success {
187 
				background-color: #7cdea7;
188 
			}
189 
 
190 
			tr.failure {
191 
				background-color: #de827b;
192 
			}
193 
		</style>
194 
	</head>
195 
	<body>
196 
		<table id="testLayout" cellpadding="0" cellspacing="0" style="margin: 0;">
197 
			<tr valign="top" height="40">
198 
				<td colspan="2" id="logoBar">
199 
					<h3 style="margin: 5px 5px 0px 5px; float: left;">D.O.H.: The Dojo Objective Harness</h3>
200 
					<img src="small_logo.png" height="40" style="margin: 0px 5px 0px 5px; float: right;">
201 
					<span style="margin: 10px 5px 0px 5px; float: right;">
202 
						<input type="checkbox" id="audio" name="audio">
203 
						<label for="audio">sounds?</label>
204 
					</span>
205 
				</td>
206 
			</tr>
207 
			<!--
208 
			<tr valign="top" height="10">
209 
				<td colspan="2" id="progressOuter">
210 
					<div id="progressInner">blah</div>
211 
				</td>
212 
			</tr>
213 
			-->
214 
			<tr valign="top" height="30">
215 
				<td width="30%" class="header">
216 
					<span id="toggleButtons" onclick="doh.togglePaused();">
217 
						<button id="play">&#052;</button>
218 
						<button id="pause" style="display: none;">&#059;</button>
219 
					</span>
220 
					<span id="runningStatus">
221 
						<span id="pausedMsg">Stopped</span>
222 
						<span id="playingMsg" style="display: none;">Tests Running</span>
223 
					</span>
224 
				</td>
225 
				<td width="*" class="header" valign="bottom">
226 
					<button class="tab" onclick="showTestPage();">Test Page</button>
227 
					<button class="tab" onclick="showLogPage();">Log</button>
228 
				</td>
229 
			</tr>
230 
			<tr valign="top" style="border: 0; padding: 0; margin: 0;">
231 
				<td height="100%" style="border: 0; padding: 0; margin: 0;">
232 
					<div id="testListContainer">
233 
						<table cellpadding="0" cellspacing="0" border="0"
234 
							width="100%" id="testList" style="margin: 0;">
235 
							<thead>
236 
								<tr id="testListHeader" style="border: 0; padding: 0; margin: 0;" >
237 
									<th>&nbsp;</th>
238 
									<th width="20">
239 
										<input type="checkbox" checked
240 
											onclick="toggleRunAll();">
241 
									</th>
242 
									<th width="*" style="text-align: left;">test</th>
243 
									<th width="50">time</th>
244 
								</tr>
245 
							</thead>
246 
							<tbody valign="top">
247 
								<tr id="groupTemplate" style="display: none;">
248 
									<td style="font-family: Webdings; width: 15px;">&#052;</td>
249 
									<td>
250 
										<input type="checkbox" checked>
251 
									</td>
252 
									<td>group name</td>
253 
									<td>10ms</td>
254 
								</tr>
255 
								<tr id="testTemplate" style="display: none;">
256 
									<td>&nbsp;</td>
257 
									<td>&nbsp;</td>
258 
									<td style="padding-left: 20px;">test name</td>
259 
									<td>10ms</td>
260 
								</tr>
261 
							</tbody>
262 
						</table>
263 
					</div>
264 
				</td>
265 
				<td>
266 
					<div style="position: relative; width: 99%; height: 100%; top: 0px; left: 0px;">
267 
						<div class="tabBody"
268 
							style="z-index: 1;">
269 
<pre id="logBody"></pre>
270 
						</div>
271 
						<iframe id="testBody" class="tabBody"
272 
							style="z-index: 0;"></iframe>
273 
						<!--
274 
							src="http://redesign.dojotoolkit.org"></iframe>
275 
						-->
276 
					</div>
277 
				</td>
278 
			</tr>
279 
		</table>
280 
		<span id="hiddenAudio"></span>
281 
	</body>
282 
</html>
283