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); }