aboutsummaryrefslogtreecommitdiffstats
path: root/tools/packaging/templates/runner.bestPractice.html
blob: 0dd958ea6d553574123afb5ee1e6810ad2747bfb (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" />
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script type="text/javascript" src="harness/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="harness/sections.js"></script>
<script type="text/javascript">
    //Globals
    var TEST_LIST_PATH = "json/testcaseslist.json";
</script>
<script type="text/javascript" src="harness/sth.js"></script>
<script type="text/javascript" src="harness/sta.js"></script>
<script type="text/javascript" src="harness/jqueryprogressbar.js"></script>
<script type="text/javascript" src="harness/helper.js"></script>
<script type="text/javascript" src="harness/jquery.base64.js"></script>
<script language="javascript" type="text/javascript">
    //To support all the browsers
    $(window).resize(ResizeLoadIndicator);
    $(window).load(ResizeLoadIndicator);
    function ResizeLoadIndicator() {
        $(".indicatorContainer .disabledBackground").css({ height: ($(window).height() - 20) + "px" });
    }
    
    $(".indicatorContainer").click(function(e) {
        if (!e) { var e = window.event; }
        e.cancelBubble = true;
        if (e.stopPropagation) { e.stopPropagation(); }
    });
</script>

<title>ECMAScript Test262 Best Practices</title>
<link href="styles/style.css" media="screen" rel="stylesheet" title="CSS" type="text/css" />
</head>
<body>
    <div class="indicatorContainer" oncontextmenu="return false;">
        <!--Blank div to disable back portion when indicator is shown-->
        <div class="disabledBackground"></div>
        <div id="loadingIndicator">
            <div>
                <img src="./images/spinner.gif" alt="Loading..." />
                <span>Loading...</span>
            </div>
        </div>
    </div>

    <div class="wrapper"> 
        <!-- This Container holds the Logo -->
        <div class="logoHeader"> 
            <div class="logoBg"> <p class="headers">ecma<font color="#868686">script</font><font color="black"> test262 <b>Best Practices</b></font></p>   <!-- <img src="images/logo.png" /> --> </div>
            <div class="ecmascriptbacklink">
            <p><a href='javascript:void(window.open("http://www.ecmascript.org/"));'>ECMAScript.org</a></p>
            </div>
        </div>
        <!-- This Container holds the Navigation -->
        <div class="navBar">
            <ul>
                <li><a href="#" class="selected nav-link" id="home">Home</a></li>
                <li><a href="#" class="nav-link" id="run">Run</a></li>
                <li><a href="#" class="nav-link test-report-link" id="results">Results</a></li>
                <li><a href="#" class="nav-link" id="development">Development</a></li>
            </ul>
        </div>
        <div class="content-container" id="contentContainer">
            <!-- This is the Main Content Container -->
            <div class="content-home">
                <p class="headers">What is test262 <i>Best Practices</i>?</p>
                <p class="content"><i>test262 Best Practices</i> is a supplemental test suite to <a href="default.html">test262</a> containing test cases that are <b>not</b> required by the ECMAScript specification, but deemed best practices for JavaScript implementers by Ecma's TC-39 committee.</p>
                
                <p class="headers">Running the Tests</p>
                <p class="content">Click the “Run” tab at the top of this page for instructions and follow the instructions to run the tests.</p> 
                
                <a href='javascript:void(window.open("http://www.ecma-international.org/memento/TC39.htm"));'></a>
                         
            </div>

            <div class="content-dev">
                <p class="headers">Development</p>
                <p class="content">Test262 Best Practices is being developed by the members of Ecma TC39. Ecma's intellectual property policies, permit only Ecma 
                    members to directly contribute code to the project. However, a <a href='javascript:void(window.open("http://mail.mozilla.org/pipermail/test262-discuss/"));'>public mailing list</a> is used to coordinate development of Test262.  If you wish to participate in the discussion please <a href='javascript:void(window.open("http://mail.mozilla.org/listinfo/test262-discuss"));'>subscribe</a>.  Bug reports and suggestions should be sent to the mailing list.
                </p>
                <p class="content">
                    Ecma members can find detailed instructions on Test262 development procedures at the <a href='javascript:void(window.open("http://wiki.ecmascript.org/doku.php?id=test262:test262"));'>Test262 Wiki</a>.
                </p>
            </div>

            <div class="content-tests">
                <!-- This is the Main Content Container -->
                <p class="content">Please click on the Start button to start the test. Once you start the test you may pause the test anytime by clicking on the Pause button. You can click on the Results tab once the test is completed or after pausing the test. The Reset button is for restarting the test run.</p>
<!--
                <div class="progressBarHolder">
                    Chapter Index: <input type="text" size="2" maxlength="2" value="" id="chapterId" onkeypress="if(event.keyCode < 48 || event.keyCode > 57){return false;}"/> 
                </div>
-->
                <!-- This is the Progress Bar Holder -->
                <div class="progressBarHolder">
                    <div id="progressbar"></div>
                    <div class="progressBarButtons">
                        <img src="images/reset.png" class="button-reset"/>&nbsp;<img src="images/start.png" class="button-start" id="btnStart"/> 
                    </div>
                    <div style="clear: both;"></div>
                </div>
                <p class="hide">>
                    Timer Value(ms) : <input id="txtTimerValue" value="50" /> <input id="btnSetTimerValue" value="Set Timer Value" type="button"/>
                </p>
                <!-- This is the Results Text Holder -->
                <div class="resultsHeader">
                    <!--Total Loaded: <strong><span id="totalLoadedCounter"></span></strong><span class="Separator">|</span>-->
                    Tests To Run: <strong><span class="teststorun-counter" id="testsToRun"></span></strong>&nbsp;<span class="separator">|</span>
                    Total Tests Ran: <strong><span class="total-counter" id="totalCounter"></span></strong> <span class="separator">|</span> Pass: <span class="pass" id="Pass"></span> <span class="separator">|</span> Fail: <span class="fail" id="Fail"></span>
                    <span class="separator">|</span>&nbsp;Failed To Load: <span class="fail" id="failedToLoadCounter1"></span>
                    <p><span id="nextActivity"></span></p>
                </div>
                <!-- This is the Table -->
                <div class="resultsTableHolder" id="tableLoggerParent">                    
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="table-logger" id="tableLogger"></table>
                </div>
                <div>
                    Test Suite Ver.: <span class="targetTestSuiteVersion"></span>&nbsp;<span class="separator">|</span>&nbsp;Test Suite Date: <span class="targetTestSuiteDate"></span>
                </div>
            </div>

            <div class="content-results">
                <div class="crumbContainer">
                    <div class="crumbs"></div>
                    <div style="float:right;"><a class="setBlue hide" id="backlinkDiv" href="#"><< back</a></div>
                    <div style="clear : both;"></div>
                </div>
                <div class="resultsHeader"> <strong>Total Tests:<span class="totalCases"></span></strong><br />
                    Passed: <span class="passedCases"></span> <span class="separator">|</span> Failed: <span class="failedCases"></span> <span class="separator">|</span>
                    Failed To Load: <strong><span id="failedToLoadCounter"></span></strong>
                </div>
                <!-- This is the Table -->
               <div class="resultsTableHolder">
                    <table width="100%" cellspacing="0" cellpadding="0" border="0" class="results-data-table"> </table>
                    <div id="resultMessage">Test results will be displayed after the tests are executed using the Run page.</div>
                </div>
                <div>
                    Test Suite Ver.: <span class="targetTestSuiteVersion"></span>&nbsp;<span class="separator">|</span>&nbsp;Test Suite Date: <span class="targetTestSuiteDate"></span>
                </div>
                <div class="downloadLinks">
                    <p><a class="anchor-download-xml" id="ancGenXMLReport"><strong>Download results as XML</strong></a></p> <!--| <strong><a href="scripts/testcases.zip">Download Source</a></strong></p>-->
                </div>
                <div id="legend" class="hide">
                    <label class="reportGreen">Green:</label>&nbsp;100%&nbsp;
                    <label class="reportLightGreen">Green:</label>&nbsp;75% to 99.9%&nbsp;
                    <label class="reportYellow">Yellow:</label>&nbsp;50% to 75% &nbsp;
                    <label class="reportRed">Red:</label>&nbsp;less than 50%
                </div>
            </div>
        </div>
    </div>
    <!-- This is the Footer -->
    <div class="footer">
        <!--<div class="Links"> <a href="">Privacy</a> | <a href="">Terms of Use</a> </div>-->
        <div class="copyright"> &copy; <a href='javascript:void(window.open("http://www.ecma-international.org"));'>Ecma International</a> </div>
    </div>
    <iframe id="scriptLoader" class="hide"></iframe>
</body>
</html>