Files
meteor/packages/test-in-browser/driver.html
Seba Kerckhof eb0066e1c1 Remove jquery and bootstrap (deprecated) from test-in-browser package (#10773)
* remove jquery and deprecated bootstrap dependency in test-in-browser

Another step towards https://github.com/meteor/meteor/pull/10498

The direct jquery dependency was not necessary as far as I can tell. There was a second indirect dependency through the deprecated bootstrap package from which we only need the css.
So I replaced that one with bootstrap 4 css from npm

* Improve styling for test-in-browser
2019-11-26 13:07:33 -05:00

178 lines
4.4 KiB
HTML

<template name="testInBrowserBody">
<div class="test-in-browser">
{{> navBar}}
<div class="test-results">
{{> uncaughtErrors}}
{{> failedTests}}
{{> testTable}}
</div>
{{> groupNav}}
</div>
</template>
<template name="navBar">
<nav class="navbar navbar-dark bg-dark">
<a class="navbar-brand" href="#">
{{#if running}}
Testing in progress...
{{else}}
{{#if passed}}
All tests pass!
{{else}}
There are failures.
{{/if}}
{{/if}}
</a>
{{#unless running}}
<span class="navbar-text">{{total_test_time}} ms</span>
{{/unless}}
{{> progressBar}}
</nav>
</template>
<template name="progressBar">
<div id="testProgressBar" class="progress {{barOuterClass}}">
<span class="in-progress">Passed {{passedCount}} of {{totalCount}}</span>
<div class="progress-bar bg-danger" role="progressbar" style="width: {{percentFail}}%;" aria-valuenow="{{percentFail}}" aria-valuemin="0" aria-valuemax="100"></div>
<div class="progress-bar {{barInnerClass}}" role="progressbar" style="width: {{percentPass}}%;" aria-valuenow="{{percentPass}}" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</template>
<template name="groupNav">
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<ul class="navbar-nav mr-auto">
{{#each groupPaths}}
<li class="nav-item"><span class="nav-link">&nbsp;-&nbsp;</span></li>
<li class="nav-item"><a class="nav-link" href="#">{{name}}</a></li>
{{/each}}
</ul>
<form class="navbar-form pull-right">
<span id="current-client-test"></span>
<button class="btn btn-primary rerun">
{{#if rerunScheduled}}
Rerun scheduled...
{{else}}
Rerun
{{/if}}
</button>
</form>
</nav>
</template>
<template name="uncaughtErrors">
{{#if uncaughtErrors}}
<div class="container-fluid">
<div class="alert alert-danger">
<p>
<strong>WARNING:</strong> The following uncaught errors might be
preventing some client tests from running.
</p>
<ul>
{{#each uncaughtErrors}}
<li>{{this}}</li>
{{/each}}
</ul>
</div>
</div>
{{/if}}
</template>
<template name="failedTests">
{{#if failedTests}}
<div class="container-fluid">
<ul class="failedTests">
{{#each failedTests}}
<li>{{this}}</li>
{{/each}}
</ul>
</div>
{{/if}}
</template>
<template name="testTable">
<div class="container-fluid">
<div class="test_table">
{{#each testdata}}
{{> test_group thisWithDep}}
{{/each}}
</div>
</div>
</template>
<template name="test_group">
<div class="group">
<div class="groupname"><a>{{name}}</a></div>
{{#each tests}}
{{> test thisWithDep}}
{{/each}}
{{#each groups}}
{{> test_group thisWithDep}}
{{/each}}
</div>
</template>
<template name="test">
<div class="test {{test_class}}">
<div class="testrow">
<div class="teststatus">
{{test_status_display}}
</div>
<div class="testtime">
{{test_time_display}}
</div>
<div class="testname">
{{#if server}}S:{{else}}C:{{/if}}
{{name}}
</div>
</div>
{{#if expanded}}
{{#each eventsArray}}
{{> event}}
{{else}}
<div class="event"><div class="nodata">(no data)</div></div>
{{/each}}
{{/if}}
</div>
</template>
<template name="event">
<div class="event">
<div class="{{type}}">
<span>
- {{type}}
{{#if times}}
<span class="xtimes">({{times}} times)</span>
{{/if}}
{{#with get_details}}
{{#if this}}
{{!
`type` can be any of the following or a
custom assertion type
* assert_equal
* instanceOf
* throws
* true
* null
* undefined
* NaN
* include
* length
}}
{{#if type}}&mdash; {{type}}{{/if}}
{{#each details}}
- <span class="failkey">{{key}}</span> {{val}}
{{/each}}
{{/if}}
{{#if stack}}<pre>{{stack}}</pre>{{/if}}
{{/with}}
{{#if is_debuggable}}
<span class="debug">[Debug]</span>
{{/if}}
</span>
</div>
</div>
</template>