Add simple toggle.

This commit is contained in:
Lars Jung 2015-04-29 02:16:29 +02:00
parent f7d0f7d5eb
commit 33bc45d179
2 changed files with 41 additions and 0 deletions

View file

@ -81,6 +81,10 @@
margin: 0 auto; margin: 0 auto;
padding: 32px; padding: 32px;
max-width: 900px; max-width: 900px;
> .toggle {
display: none;
}
} }
} }
@ -146,7 +150,26 @@
} }
.suite { .suite {
position: relative;
margin: 16px 0 8px 24px; margin: 16px 0 8px 24px;
.toggle {
position: absolute;
left: -24px;
top: 0;
width: 24px;
height: 24px;
line-height: 24px;
color: @col-text;
font-size: 16px;
font-weight: bold;
text-align: center;
cursor: pointer;
&:hover {
background: @col-back-hover;
}
}
} }
.test { .test {

View file

@ -36,13 +36,31 @@ function addSuiteStats() {
var failed = tests - passed; var failed = tests - passed;
var $header = $suite.find('> h1 a'); var $header = $suite.find('> h1 a');
var $list = $suite.find('> ul');
var $count = $('<span class="count"><span class="passed">' + passed + '</span><span class="failed">' + failed + '</span></span>'); var $count = $('<span class="count"><span class="passed">' + passed + '</span><span class="failed">' + failed + '</span></span>');
var $toggle = $('<span class="toggle">-</span>');
var visible = true;
$toggle.on('click', function (ev) {
ev.stopImmediatePropagation();
visible = !visible;
if (visible) {
$toggle.text('-');
$list.show();
} else {
$toggle.text('+');
$list.hide();
}
});
if (!failed) { if (!failed) {
$count.find('.failed').remove(); $count.find('.failed').remove();
} }
$suite.addClass(tests === passed ? 'pass' : 'fail'); $suite.addClass(tests === passed ? 'pass' : 'fail');
// $suite.append($toggle);
$header.append($count); $header.append($count);
} }