← Back to branch summary

~ubuntu-branches/ubuntu/trusty/almond/trusty

« back to all changes in this revision

Viewing changes to tests/doh/runner.html

  • Committer: Package Import Robot
  • Author(s): Georges Khaznadar
  • Date: 2013-11-02 16:28:01 UTC
  • Revision ID: package-import@ubuntu.com-20131102162801-c33r5wt6efwq52n7
Tags: upstream-0.2.6
Import upstream version 0.2.6

Show diffs side-by-side

added added

removed removed

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