Ensure a good experience for ARES-6 error reporting
[WebKit-https.git] / PerformanceTests / ARES-6 / index.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4     <link rel="stylesheet" href="styles.css">
5     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
6 </head>
7 <body>
8     <script>
9     window.onerror = function(message, url, lineNumber)
10     {
11         document.getElementById("error").innerHTML = "ERROR: " + url + ":" + lineNumber + ": " + message;
12     }
13
14     const isInBrowser = true;
15     </script>
16     <script src="driver.js"></script>
17     <script src="results.js"></script>
18     <script src="stats.js"></script>
19     
20     <div class="swoop">&nbsp;</div>
21     
22     <header>
23         <h1 class="logo"><img src="ARES-6.svg" title="ARES-6" alt="ARES-6"></h1>
24         <button id="trigger" class="start">
25             <span id="status">Start</span>
26         </button>
27         <div id="error" class="error"></div>
28     </header>
29
30     <main>
31     
32     <p>ARES-6 measures the execution time of JavaScript's newest features. <a href="about.html">Read more details&hellip;</a></p>
33
34     <div class="overall">
35         <h2>Overall</h2>
36         <div class="score">
37             <span id="Geomean">
38                 <span class="value">&#8709;</span><span class="units">ms</span>
39             </span>
40         </div>
41     </div>    
42     
43     <div class="tests">
44         
45         <div class="air test">
46             <h2 id="AirMessage">Air</h2> 
47
48             <div class="score">
49                 <label>First Iteration</label>
50                 <span id="AirFirstIteration">
51                     <span class="value">&#8709;</span><span class="units">ms</span>
52                 </span>
53             </div>
54  
55             <div class="score">
56                 <label>Worst 4 Iterations</label>
57                 <span id="AirAverageWorstCase">
58                     <span class="value">&#8709;</span><span class="units">ms</span>
59                 </span>
60             </div>
61
62             <div class="score">
63                 <label>Average</label>
64                 <span id="AirSteadyState">
65                     <span class="value">&#8709;</span><span class="units">ms</span>
66                 </span>
67             </div>
68         </div>
69     
70         <div class="basic test">
71             <h2 id="BasicMessage">Basic</h2> 
72             
73             <div class="score">
74                 <label>First Iteration</label>
75                 <span id="BasicFirstIteration">
76                     <span class="value">&#8709;</span><span class="units">ms</span>                    
77                 </span>
78             </div>
79  
80             <div class="score">
81                 <label>Worst 4 Iteratons</label>
82                 <span id="BasicAverageWorstCase">
83                     <span class="value">&#8709;</span><span class="units">ms</span>                    
84                 </span>
85             </div>
86
87             <div class="score">
88                 <label>Average</label>
89                 <span id="BasicSteadyState">
90                     <span class="value">&#8709;</span><span class="units">ms</span>                    
91                 </span>
92             </div>
93         </div>
94
95         <div class="babylon test">
96             <h2 id="BabylonMessage">Babylon</h2> 
97             
98             <div class="score">
99                 <label>First Iteration</label>
100                 <span id="BabylonFirstIteration">
101                     <span class="value">&#8709;</span><span class="units">ms</span>                    
102                 </span>
103             </div>
104  
105             <div class="score">
106                 <label>Worst 4 Iterations</label>
107                 <span id="BabylonAverageWorstCase">
108                     <span class="value">&#8709;</span><span class="units">ms</span>                    
109                 </span>
110             </div>
111
112             <div class="score">
113                 <label>Average</label>
114                 <span id="BabylonSteadyState">
115                     <span class="value">&#8709;</span><span class="units">ms</span>                    
116                 </span>
117             </div>
118         </div>
119
120         <div class="ML test">
121             <h2 id="MLMessage">ML</h2> 
122             
123             <div class="score">
124                 <label>First Iteration</label>
125                 <span id="MLFirstIteration">
126                     <span class="value">&#8709;</span><span class="units">ms</span>                    
127                 </span>
128             </div>
129  
130             <div class="score">
131                 <label>Worst 4 Iterations</label>
132                 <span id="MLAverageWorstCase">
133                     <span class="value">&#8709;</span><span class="units">ms</span>                    
134                 </span>
135             </div>
136
137             <div class="score">
138                 <label>Average</label>
139                 <span id="MLSteadyState">
140                     <span class="value">&#8709;</span><span class="units">ms</span>                    
141                 </span>
142             </div>
143         </div>
144
145     </div>
146     </main>
147     
148     <iframe id="magic" frameBorder=0></iframe>
149     <script src="air_benchmark.js"></script>
150     <script src="basic_benchmark.js"></script>
151     <script src="babylon_benchmark.js"></script>
152     <script src="ml_benchmark.js"></script>
153     <script src="glue.js"></script>
154         
155 </body>
156 </html>