Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<html lang=en>
<meta charset=UTF-8>
<title>web-platform-tests Runner</title>
<link rel='stylesheet' href='css/bootstrap.min.css'>
<link rel='stylesheet' href='css/bootstrap-theme.min.css'>
<link rel='stylesheet' href='runner.css'>
<script src='/common/get-host-info.sub.js'></script>
<script src='runner.js'></script>
<header class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">
<img src='/images/wpt-logo/wpt-logo-lightblue-bg.svg' width='50' height='50' style='border-radius: 50%' alt='WPT Logo'>
web-platform-tests Runner
</a>
</div>
</div>
</header>
<div class="container">
<div class="alert alert-warning">
This runner does not fully support all test types and has a number of
<span id="runner-contact-info"></span>
<code>./wpt run</code> is a more well-supported runner, see the documentation on
<script>
if (location.host == "w3c-test.org") {
document.getElementById("runner-contact-info")
.innerHTML = ' If this runner isn’t working, contact'
+ ' <a href="mailto:mike@w3.org">mike@w3.org</a>. '
}
</script>
</div>
<div id="testControl" class="panel panel-default">
<div class="panel-body">
<form id='options' class='horizontal-form' onsubmit='return false;'>
<div class="form-group">
<label class="col-sm-3 control-label">Test types to include</label>
<div class="col-sm-9">
<label>
<input type=checkbox checked value="testharness" id='th' class='test-type'>
JavaScript tests
</label>
<label>
<input type=checkbox checked value="reftest" id='ref' class='test-type'>
Reftests
</label>
<label>
<input type=checkbox checked value="manual" id='man' class='test-type'>
Manual tests
</label>
</div>
</div>
<div class="form-group">
<label for="path" class="col-sm-3 control-label">Run tests under path</label>
<div class="col-sm-9">
<input value="/" id='path' class='path form-control' disabled>
<label>
<input type=checkbox id='use_regex'>
Use regular expression
</label>
</div>
</div>
<div class="form-group">
<label for="timeout_multiplier" class="col-sm-3 control-label">Timeout multiplier</label>
<div class="col-sm-9">
<input type=number value="1" id='timeout_multiplier' class='timeout_multiplier form-control'>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Debug options</label>
<div class="col-sm-9">
<label>
<input type=checkbox id='render' value='render' class='render'>
Show output
</label>
<label>
<input type=checkbox id='dumpit'>
Dump JSON
</label>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Count of matching tests</label>
<div class="col-sm-9" id="testcount">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-3 col-sm-9">
<button type="submit" class="btn btn-success toggleStart" disabled>Start</button>
<button type='submit' class="btn btn-info togglePause" disabled>Pause</button>
</div>
</div>
</form>
</div>
</div>
<div class="instructions">
<p>
To run a set of
tests, specify a path value in the <b>Run tests under path</b> field above. Example paths:
</p>
<ul>
<li><code>/</code> - runs all of the tests from the root down</li>
<li><code>/websockets</code> - runs all of the
<li><code>/websockets/constructor</code> - runs all of the
<li><code>/html/syntax/parsing</code> - runs all of the
</ul>
<p>
Multiple test paths can be specified by separating them with comma or whitespace. For example,
<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>
tests.
</p>
<p>
<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,
only a test path matching the regex pattern will run. For example, you can specify <code>^/js/|^/html/</code>
to run the <a href="http://w3c-test.org/js/">js</a> <em>and</em> <a href="http://w3c-test.org/html/">html</a>
tests.
</p>
<p>
If the test runner is run online, the set of tests available to run can be found in the
</p>
<p>
Tests will run in a new window. For reftests and manual tests it’s best
to put that window side-by-side with this one.
</p>
</div>
<div id="output">
<div class="summary clearfix">
<h4>Progress</h4>
<div class="progress">
<div class="progress-bar" role="progressbar"
aria-valuenow="0" aria-valuemin="0" aria-valuemax="0" style="width: 0">
0%
</div>
</div>
<div id="current_test">
<label>Current test:</label><a></a>
</div>
<table class='table'>
<thead>
<tr>
<th></th>
<th>Passed</th>
<th>Failed</th>
<th>Timeouts</th>
<th>Errors</th>
<th>Not Run</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td class='PASS'>0</td>
<td class='FAIL'>0</td>
<td class='TIMEOUT'>0</td>
<td class='ERROR'>0</td>
<td class='NOTRUN'>0</td>
</tr>
<tr>
<td>
<label>
Display:
</label>
</td>
<td><input type=checkbox class="result-display-filter" value="PASS" checked></td>
<td><input type=checkbox class="result-display-filter" value="FAIL" checked></td>
<td><input type=checkbox class="result-display-filter" value="TIMEOUT" checked></td>
<td><input type=checkbox class="result-display-filter" value="ERROR" checked></td>
<td><input type=checkbox class="result-display-filter" value="NOTRUN" checked></td>
</tr>
</tbody>
</table>
<a class="jsonResults btn btn-primary pull-right">Download JSON results</a>
</div>
<div class="results">
<div id="manualUI">
<div class='panel panel-primary'>
<div class='panel-heading'>
<h4 class='panel-title'>Manual Testing</h4>
</div>
<div class="panel-body reftestUI">
<p>
The current test requires manual result marking.
Test and ref should compare <strong class="refType text-primary"></strong>
</p>
<p>
<button class="btn btn-info test">Show Test</button>
<button class="btn btn-info ref">Show Reference</button>
<span class="reftestWarn"></span>
</p>
</div>
<div class="panel-footer">
The test has:
<button class="btn btn-success pass">Passed</button>
<button class="btn btn-info skip">Not Run</button>
<button class="btn btn-danger fail">Failed</button>
</div>
</div>
</div>
<hr>
<h4>Details</h4>
<table class='table'>
<thead>
<tr>
<th>Test
<th>Status
<th>Message
<th>Subtest Pass Rate
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
</div>