source: Dev/branches/rest-dojo-ui/client/util/doh/runner.html @ 256

Last change on this file since 256 was 256, checked in by hendrikvanantwerpen, 13 years ago

Reworked project structure based on REST interaction and Dojo library. As
soon as this is stable, the old jQueryUI branch can be removed (it's
kept for reference).

File size: 6.5 KB
Line 
1<!DOCTYPE html>
2<html style="height:100%;">
3        <head>
4                <title>The Dojo Unit Test Harness, $Rev: 25896 $</title>
5
6                <script type="text/javascript">
7                        // workaround for bug in Safari 3.      See #7189
8                        if (/3[\.0-9]+ Safari/.test(navigator.appVersion))
9                        {
10                                window.console = {
11                                        origConsole: window.console,
12                                                log: function(s){
13                                                this.origConsole.log(s);
14                                        },
15                                        info: function(s){
16                                                this.origConsole.info(s);
17                                        },
18                                        error: function(s){
19                                                this.origConsole.error(s);
20                                        },
21                                        warn: function(s){
22                                                this.origConsole.warn(s);
23                                        }
24                                };
25                        }
26                </script>
27
28                <script type="text/javascript" src="_parseURLargs.js"></script>
29       
30                <style type="text/css">
31                        @import "../../dojo/resources/dojo.css";
32                        /*
33                        body {
34                                margin: 0px;
35                                padding: 0px;
36                                font-size: 13px;
37                                color: #292929;
38                                font-family: Myriad, Lucida Grande, Bitstream Vera Sans, Arial, Helvetica, sans-serif;
39                                *font-size: small;
40                                *font: x-small;
41                        }
42
43                        th, td {
44                                font-size: 13px;
45                                color: #292929;
46                                font-family: Myriad, Lucida Grande, Bitstream Vera Sans, Arial, Helvetica, sans-serif;
47                                font-weight: normal;
48                        }
49
50                        * body {
51                                line-height: 1.25em;
52                        }
53                       
54                        table {
55                                border-collapse: collapse;
56                        }
57                        */
58
59                        #testLayout {
60                                position: relative;
61                                left: 0px;
62                                top: 0px;
63                                width: 100%;
64                                height: 100%;
65                                border: 1px solid black;
66                                border: 0px;
67                        }
68
69                        .tabBody {
70                                margin: 0px;
71                                padding: 0px;
72                                /*
73                                border: 1px solid black;
74                                */
75                                background-color: #DEDEDE;
76                                border: 0px;
77                                width: 100%;
78                                height: 100%;
79                                position: absolute;
80                                left: 0px;
81                                top: 0px;
82                                overflow: auto;
83                        }
84
85                        #logBody {
86                                padding-left: 5px;
87                                padding-top: 5px;
88                                font-family: Monaco, monospace;
89                                font-size: 11px;
90                                white-space: pre;
91                        }
92
93                        #progressOuter {
94                                background:#e9e9e9 url("http://o.aolcdn.com/dojo/1.3/dijit/themes/tundra/images/dojoTundraGradientBg.png") repeat-x 0 0;
95                                height: 1em;
96                                /*the following trick is necessary to prevent IE from wrapping the last piece of progress bar into a new line*/
97                                _margin:1px;
98                                _padding: -1px;
99                               
100                                /*
101                                border-color: #e8e8e8;
102                                */
103                        }
104
105                        #progressOuter .success, #progressOuter .failure{
106                                float: left;
107                                height: 1em;
108                        }
109
110                        #play, #pause {
111                                font-family: Arial;
112                                font-size: 1.4em;
113                                border: 1px solid #DEDEDE;
114                                cursor: pointer;
115                                padding-right: 0.5em;
116                        }
117
118                        .header {
119                                border: 1px solid #DEDEDE;
120                        }
121
122                        button.tab {
123                                border-width: 1px 1px 0px 1px;
124                                border-style: solid;
125                                border-color: #DEDEDE;
126                                margin-right: 5px;
127                        }
128
129                        #testListContainer {
130                                /*
131                                border: 1px solid black;
132                                */
133                                position: relative;
134                                height: 99%;
135                                width: 100%;
136                                overflow: auto;
137                        }
138
139                        #testList {
140                                border-collapse: collapse;
141                                position: absolute;
142                                left: 0px;
143                                width: 100%;
144                        }
145
146                        #testList td {
147                                border-bottom: 1px solid #DEDEDE;
148                                border-right : 1px solid #DEDEDE;
149                                padding: 3px;
150                        }
151
152                        #testListHeader th {
153                                border-bottom: 1px solid #DEDEDE;
154                                border-right : 1px solid #DEDEDE;
155                                padding: 3px;
156                                font-weight: bolder;
157                                font-style: italic;
158                        }
159                       
160                        #testList tfoot {
161                                font-weight: bold;
162                        }
163
164                        #toggleButtons {
165                                float: left;
166                                background-color: #DEDEDE;
167                        }
168
169                        div.testGroupName {
170                                position: absolute;
171                        }
172
173                        .inProgress {
174                                background-color: #85afde;
175                        }
176
177                        .success {
178                                background-color: #7cdea7;
179                        }
180
181                        .failure {
182                                background-color: #de827b;
183                        }
184                </style>
185        </head>
186        <body style="height: 100%;">
187                <table id="testLayout" cellpadding="0" cellspacing="0" style="margin: 0;">
188                        <tr valign="top" height="40">
189                                <td colspan="2" id="logoBar">
190                                        <h3 style="margin: 5px 5px 0px 5px; float: left;">D.O.H.: The Dojo Objective Harness</h3>
191                                        <img src="small_logo.png" height="40" style="margin: 0px 5px 0px 5px; float: right;">
192                                        <span style="margin: 10px 5px 0px 5px; float: right;">
193                                                <input type="checkbox" id="audio" name="audio">
194                                                <label for="audio">sounds?</label>
195                                        </span>
196                                </td>
197                        </tr>
198                        <tr valign="top" height="10">
199                                <td colspan="2"><div id="progressOuter" onclick="doh._jumpToSuite(arguments[0]);"></div></td>
200                        </tr>
201                        <tr valign="top" height="30">
202                                <td width="30%" class="header">
203                                        <span id="toggleButtons" onclick="doh.togglePaused();">
204                                                <button id="play">&#9658;</button>
205                                                <button id="pause" style="display: none;">&#9553;</button>
206                                        </span>
207                                        <span id="runningStatus">
208                                                <span id="pausedMsg">Stopped</span>
209                                                <span id="playingMsg" style="display: none;">Tests Running</span>
210                                        </span>
211                                </td>
212                                <td width="*" class="header" valign="bottom">
213                                        <button class="tab" onclick="doh.showTestPage();">Test Page</button>
214                                        <button class="tab" onclick="doh.showLogPage();">Log</button>
215                                                                                <button class="tab" onclick="doh.showPerfTestsPage();">Performance Tests Results</button>
216                                </td>
217                        </tr>
218                        <tr valign="top" style="border: 0; padding: 0; margin: 0;">
219                                <td style="border: 0; padding: 0; margin: 0; height:100%;">
220                                        <div id="testListContainer">
221                                                <table cellpadding="0" cellspacing="0" border="0"
222                                                        width="100%" id="testList" style="margin: 0;" onclick="doh._jumpToLog(arguments[0]);">
223                                                        <thead>
224                                                                <tr id="testListHeader" style="border: 0; padding: 0; margin: 0;" >
225                                                                        <th>&nbsp;</th>
226                                                                        <th width="20">
227                                                                                <input type="checkbox" checked
228                                                                                        onclick="doh.toggleRunAll();">
229                                                                        </th>
230                                                                        <th width="*" style="text-align: left;">test</th>
231                                                                        <th width="50">time</th>
232                                                                </tr>
233                                                        </thead>
234                                                        <tbody valign="top">
235                                                                <tr id="groupTemplate" style="display: none;">
236                                                                        <td style="font-family: Arial; width: 15px;">&#9658;</td>
237                                                                        <td>
238                                                                                <input type="checkbox" checked>
239                                                                        </td>
240                                                                        <td>group name</td>
241                                                                        <td>10ms</td>
242                                                                </tr>
243                                                                <tr id="testTemplate" style="display: none;">
244                                                                        <td>&nbsp;</td>
245                                                                        <td>&nbsp;</td>
246                                                                        <td style="padding-left: 20px;">test name</td>
247                                                                        <td>10ms</td>
248                                                                </tr>
249                                                        </tbody>
250                                                </table>
251                                        </div>
252                                </td>
253                                <td style="height: 100%;">
254                                        <div style="position: relative; width: 100%; height: 100%; top: 0px; left: 0px;">
255                                                <div class="tabBody"
256                                                        style="z-index: 1;">
257                                                        <pre id="logBody"></pre>
258                                                        <div id="perfTestsBody" style="background-color: white;"></div>
259                                                </div>
260                                                <iframe id="testBody" class="tabBody"
261                                                        style="z-index: -1;"></iframe>
262                                                <!--
263                                                        src="http://redesign.dojotoolkit.org"></iframe>
264                                                -->
265                                        </div>
266                                </td>
267                        </tr>
268                </table>
269                <span id="hiddenAudio"></span>
270        </body>
271</html>
272
Note: See TracBrowser for help on using the repository browser.