index.html (8668B)
1 <!DOCTYPE html> 2 <html lang=en> 3 <meta charset=UTF-8> 4 <title>web-platform-tests Runner</title> 5 <link rel='stylesheet' href='css/bootstrap.min.css'> 6 <link rel='stylesheet' href='css/bootstrap-theme.min.css'> 7 <link rel='stylesheet' href='runner.css'> 8 <script src='/common/get-host-info.sub.js'></script> 9 <script src='runner.js'></script> 10 11 <header class="navbar navbar-inverse navbar-fixed-top"> 12 <div class="container"> 13 <div class="navbar-header"> 14 <a class="navbar-brand" href="#"> 15 <img src='/images/wpt-logo/wpt-logo-lightblue-bg.svg' width='50' height='50' style='border-radius: 50%' alt='WPT Logo'> 16 web-platform-tests Runner 17 </a> 18 </div> 19 </div> 20 </header> 21 22 <div class="container"> 23 <div class="alert alert-warning"> 24 This runner does not fully support all test types and has a number of 25 <a href="https://github.com/web-platform-tests/wpt/labels/runner">known issues</a>. 26 <span id="runner-contact-info"></span> 27 <code>./wpt run</code> is a more well-supported runner, see the documentation on 28 <a href="https://web-platform-tests.org/running-tests/">running tests</a>. 29 <script> 30 if (location.host == "w3c-test.org") { 31 document.getElementById("runner-contact-info") 32 .innerHTML = ' If this runner isn’t working, contact' 33 + ' <a href="mailto:mike@w3.org">mike@w3.org</a>. ' 34 } 35 </script> 36 </div> 37 38 <div id="testControl" class="panel panel-default"> 39 <div class="panel-body"> 40 <form id='options' class='horizontal-form' onsubmit='return false;'> 41 42 <div class="form-group"> 43 <label class="col-sm-3 control-label">Test types to include</label> 44 <div class="col-sm-9"> 45 <label> 46 <input type=checkbox checked value="testharness" id='th' class='test-type'> 47 JavaScript tests 48 </label> 49 <label> 50 <input type=checkbox checked value="reftest" id='ref' class='test-type'> 51 Reftests 52 </label> 53 <label> 54 <input type=checkbox checked value="manual" id='man' class='test-type'> 55 Manual tests 56 </label> 57 </div> 58 </div> 59 60 <div class="form-group"> 61 <label for="path" class="col-sm-3 control-label">Run tests under path</label> 62 <div class="col-sm-9"> 63 <input value="/" id='path' class='path form-control' disabled> 64 <label> 65 <input type=checkbox id='use_regex'> 66 Use regular expression 67 </label> 68 </div> 69 </div> 70 71 <div class="form-group"> 72 <label for="timeout_multiplier" class="col-sm-3 control-label">Timeout multiplier</label> 73 <div class="col-sm-9"> 74 <input type=number value="1" id='timeout_multiplier' class='timeout_multiplier form-control'> 75 </div> 76 </div> 77 78 <div class="form-group"> 79 <label class="col-sm-3 control-label">Debug options</label> 80 <div class="col-sm-9"> 81 <label> 82 <input type=checkbox id='render' value='render' class='render'> 83 Show output 84 </label> 85 <label> 86 <input type=checkbox id='dumpit'> 87 Dump JSON 88 </label> 89 </div> 90 </div> 91 92 <div class="form-group"> 93 <label class="col-sm-3 control-label">Count of matching tests</label> 94 <div class="col-sm-9" id="testcount"> 95 </div> 96 </div> 97 98 <div class="form-group"> 99 <div class="col-sm-offset-3 col-sm-9"> 100 <button type="submit" class="btn btn-success toggleStart" disabled>Start</button> 101 <button type='submit' class="btn btn-info togglePause" disabled>Pause</button> 102 </div> 103 </div> 104 </form> 105 </div> 106 </div> 107 108 <div class="instructions"> 109 <p> 110 To run a set of 111 <a href="https://github.com/web-platform-tests/wpt/blob/master/README.md">web-platform-tests</a> 112 tests, specify a path value in the <b>Run tests under path</b> field above. Example paths: 113 </p> 114 <ul> 115 <li><code>/</code> - runs all of the tests from the root down</li> 116 <li><code>/websockets</code> - runs all of the 117 <a href="http://w3c-test.org/websockets/">websockets</a> tests</li> 118 <li><code>/websockets/constructor</code> - runs all of the 119 <a href="http://w3c-test.org/websockets/constructor/">websockets/constructor</a> tests</li> 120 <li><code>/html/syntax/parsing</code> - runs all of the 121 <a href="http://w3c-test.org/html/syntax/parsing/">html/syntax/parsing</a> tests</li> 122 </ul> 123 <p> 124 Multiple test paths can be specified by separating them with comma or whitespace. For example, 125 <code>/js, /html</code> will run the <a href="http://w3c-test.org/js/">js</a> <em>and</em> <a href="http://w3c-test.org/html/">html</a> 126 tests. 127 </p> 128 <p> 129 <a href="http://www.w3schools.com/jsref/jsref_obj_regexp.asp" target="_blank">Javascript regular expressions</a> are also supported for filtering. When the option is checked, 130 only a test path matching the regex pattern will run. For example, you can specify <code>^/js/|^/html/</code> 131 to run the <a href="http://w3c-test.org/js/">js</a> <em>and</em> <a href="http://w3c-test.org/html/">html</a> 132 tests. 133 </p> 134 <p> 135 If the test runner is run online, the set of tests available to run can be found in the 136 <a href="http://w3c-test.org/">w3c-test.org</a> test repository. 137 </p> 138 <p> 139 Tests will run in a new window. For reftests and manual tests it’s best 140 to put that window side-by-side with this one. 141 </p> 142 </div> 143 144 <div id="output"> 145 <div class="summary clearfix"> 146 <h4>Progress</h4> 147 <div class="progress"> 148 <div class="progress-bar" role="progressbar" 149 aria-valuenow="0" aria-valuemin="0" aria-valuemax="0" style="width: 0"> 150 0% 151 </div> 152 </div> 153 <div id="current_test"> 154 <label>Current test:</label><a></a> 155 </div> 156 <table class='table'> 157 <thead> 158 <tr> 159 <th></th> 160 <th>Passed</th> 161 <th>Failed</th> 162 <th>Timeouts</th> 163 <th>Errors</th> 164 <th>Not Run</th> 165 </tr> 166 </thead> 167 <tbody> 168 <tr> 169 <td></td> 170 <td class='PASS'>0</td> 171 <td class='FAIL'>0</td> 172 <td class='TIMEOUT'>0</td> 173 <td class='ERROR'>0</td> 174 <td class='NOTRUN'>0</td> 175 </tr> 176 <tr> 177 <td> 178 <label> 179 Display: 180 </label> 181 </td> 182 <td><input type=checkbox class="result-display-filter" value="PASS" checked></td> 183 <td><input type=checkbox class="result-display-filter" value="FAIL" checked></td> 184 <td><input type=checkbox class="result-display-filter" value="TIMEOUT" checked></td> 185 <td><input type=checkbox class="result-display-filter" value="ERROR" checked></td> 186 <td><input type=checkbox class="result-display-filter" value="NOTRUN" checked></td> 187 </tr> 188 </tbody> 189 </table> 190 <a class="jsonResults btn btn-primary pull-right">Download JSON results</a> 191 </div> 192 193 <div class="results"> 194 <div id="manualUI"> 195 <div class='panel panel-primary'> 196 <div class='panel-heading'> 197 <h4 class='panel-title'>Manual Testing</h4> 198 </div> 199 <div class="panel-body reftestUI"> 200 <p> 201 The current test requires manual result marking. 202 Test and ref should compare <strong class="refType text-primary"></strong> 203 </p> 204 <p> 205 <button class="btn btn-info test">Show Test</button> 206 <button class="btn btn-info ref">Show Reference</button> 207 <span class="reftestWarn"></span> 208 </p> 209 </div> 210 <div class="panel-footer"> 211 The test has: 212 <button class="btn btn-success pass">Passed</button> 213 <button class="btn btn-info skip">Not Run</button> 214 <button class="btn btn-danger fail">Failed</button> 215 </div> 216 </div> 217 </div> 218 219 <hr> 220 <h4>Details</h4> 221 <table class='table'> 222 <thead> 223 <tr> 224 <th>Test 225 <th>Status 226 <th>Message 227 <th>Subtest Pass Rate 228 </tr> 229 </thead> 230 <tbody></tbody> 231 </table> 232 </div> 233 </div> 234 235 </div>