mirror of
https://github.com/meteor/meteor.git
synced 2026-05-02 03:01:46 -04:00
* 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
178 lines
4.4 KiB
HTML
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"> - </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}}— {{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>
|