Subversion Repositories Applications.papyrus

Rev

Blame | Last modification | View Log | RSS feed

<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/dojoTundraGradientBg.png") repeat-x 0 0;
                                /*
                                border-color: #e8e8e8;
                                */
                        }

                        #progressInner {
                                background: blue url("http://svn.dojotoolkit.org/dojo/dijit/trunk/themes/tundra/bar.gif") repeat-x 0 0;
                                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">&#052;</button>
                                                <button id="pause" style="display: none;">&#059;</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>&nbsp;</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;">&#052;</td>
                                                                        <td>
                                                                                <input type="checkbox" checked>
                                                                        </td>
                                                                        <td>group name</td>
                                                                        <td>10ms</td>
                                                                </tr>
                                                                <tr id="testTemplate" style="display: none;">
                                                                        <td>&nbsp;</td>
                                                                        <td>&nbsp;</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>