diff --git a/test/styles.less b/test/styles.less
index 51759f83..39c00d26 100644
--- a/test/styles.less
+++ b/test/styles.less
@@ -81,6 +81,10 @@
margin: 0 auto;
padding: 32px;
max-width: 900px;
+
+ > .toggle {
+ display: none;
+ }
}
}
@@ -146,7 +150,26 @@
}
.suite {
+ position: relative;
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 {
diff --git a/test/util/mocha.js b/test/util/mocha.js
index f0a59a73..64d2816d 100644
--- a/test/util/mocha.js
+++ b/test/util/mocha.js
@@ -36,13 +36,31 @@ function addSuiteStats() {
var failed = tests - passed;
var $header = $suite.find('> h1 a');
+ var $list = $suite.find('> ul');
var $count = $('' + passed + '' + failed + '');
+ var $toggle = $('-');
+ 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) {
$count.find('.failed').remove();
}
$suite.addClass(tests === passed ? 'pass' : 'fail');
+ // $suite.append($toggle);
$header.append($count);
}