summaryrefslogtreecommitdiff
path: root/website/testcases_bestPractice.html
blob: 30ed3c6ef1b7d522f2f0bab3cafb9a269435db82 (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
160
161
162
163
164
165
166
167
<!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/testcases_bestPractice.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</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"><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?</p>
                <p class="content">test262 is a test suite intended to check agreement between JavaScript implementations and the ECMA-262 Specification (currently 5th Edition). The test suite contains thousands of individual tests, each of which tests some specific requirements of the ECMAScript specification.</p>
                <p class="headers">What is ECMAScript?</p>
                <p class="content">"ECMAScript" is the name under which the language more commonly known as "JavaScript" is standardized. Development of the ECMAScript standard is the responsibility of <a href='javascript:void(window.open("http://www.ecma-international.org/memento/TC39.htm"));'>Technical Committee 39 (TC39)</a> of <a href='javascript:void(window.open("http://www.ecma-international.org/"));'>Ecma International</a>. The ECMAScript standard is officially known as ECMA-262. ECMAScript 5 (or just ES5) is short hand for the "ECMA-262, 5th Edition ECMAScript Language Specification" the official name of the current edition of the standard. ECMAScript 5 was approved as an official Ecma standard by the Ecma General Assembly on December 3, 2009. <a href='javascript:void(window.open("http://www.ecma-international.org/publications/files/ECMA-ST/ECMA-262.pdf"));'>The ECMAScript 5 Specification (PDF)</a> is available from the Ecma International web site.</p>
                <p class="headers">Who creates and maintains test262?</p>
                <p class="content">Development of test262 is a project of Ecma TC39.  The testing framework and individual tests are created by member organizations of TC39 and contributed to Ecma for use in test262. For more information about how test262 is developed and maintained click the “Development” tab at the top of this page.</p>
                <p class="headers">What is the status of test262?</p>
                <p class="content"><strong>test262 is not yet complete.  It is still undergoing active development.</strong> Some portions of the ES5 specification have very complete test coverage while other portions of the specification have only partial test coverage.  Some tests may be invalid or may yield false positive or false negative results. A perfect passing score on test262 does not guarantee that a JavaScript implementation perfectly supports ES5. Because tests are being actively added and modified, tests results from different days or times may not be directly comparable. Click the “Development” tab at the top of this page for instructions for reporting test262 bugs.</p>
                <p class="headers">Where can I found out more?</p>
                <p class="content">Please visit our <a href='javascript:void(window.open("http://wiki.ecmascript.org/doku.php?id=test262:faq"));'>Frequently Asked Questions</a> section on the <a href='javascript:void(window.open("http://wiki.ecmascript.org/doku.php?id="));'>ECMAScript Wiki</a>.</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 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>