tests: test runner output HTML and CSS improvements to show duration (#4775)

This commit is contained in:
John McLear 2021-02-14 08:04:50 +00:00 committed by GitHub
parent e674d9789e
commit f59e0993a6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 13 deletions

View file

@ -3216,10 +3216,10 @@ function HTML(runner, options) {
runner.on(EVENT_TEST_PASS, function(test) { runner.on(EVENT_TEST_PASS, function(test) {
var url = self.testURL(test); var url = self.testURL(test);
var markup = var markup =
'<li class="test pass %e"><h2>%e<span class="duration">%ems</span> ' + '<li class="test pass %e"><h2>%e</h2><span class="duration">%ems</span> ' +
'<a href="%s" class="replay">' + '<a href="%s" class="replay">' +
playIcon + playIcon +
'</a></h2></li>'; '</a></li>';
var el = fragment(markup, test.speed, test.title, test.duration, url); var el = fragment(markup, test.speed, test.title, test.duration, url);
self.addCodeToggle(el, test.body); self.addCodeToggle(el, test.body);
appendToStack(el); appendToStack(el);

View file

@ -102,11 +102,11 @@ body {
} }
#mocha .test.pass.medium .duration { #mocha .test.pass.medium .duration {
background: #C09853; background: #ffd285;
} }
#mocha .test.pass.slow .duration { #mocha .test.pass.slow .duration {
background: #B94A48; background: #ffc2c0;
} }
#mocha .test.pass::before { #mocha .test.pass::before {
@ -122,19 +122,11 @@ body {
font-size: 9px; font-size: 9px;
margin-left: 5px; margin-left: 5px;
padding: 2px 5px; padding: 2px 5px;
color: white;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
} }
#mocha .test.pass.fast .duration { #mocha .test.pass.fast .duration {
display: none; background: #d3ffe9;
} }
#mocha .test.pending { #mocha .test.pending {