tests: Keep the #mocha-stats div visible

This commit is contained in:
Richard Hansen 2021-06-09 00:29:41 -04:00
parent ea4500ef64
commit f5046f4b18
2 changed files with 11 additions and 2 deletions

View file

@ -42,8 +42,10 @@ body {
#mocha { #mocha {
font: 20px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; font: 20px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
height: 100%; height: 100%;
overflow: auto; min-height: 100%; /* https://css-tricks.com/preventing-a-grid-blowout/ */
font-size:80%; font-size:80%;
display: flex;
flex-direction: column;
} }
#mocha ul { #mocha ul {
@ -168,6 +170,12 @@ body {
-webkit-box-shadow: 0 1px 3px #eee; -webkit-box-shadow: 0 1px 3px #eee;
} }
#mocha-report {
flex: 0 1 auto;
overflow: auto;
margin: 0;
}
#mocha-report ul { #mocha-report ul {
padding: 0; padding: 0;
} }
@ -188,6 +196,7 @@ body {
} }
#mocha-stats { #mocha-stats {
flex: 0 0 auto;
padding: 10px; padding: 10px;
font-size: 12px; font-size: 12px;
margin: 0; margin: 0;

View file

@ -50,7 +50,7 @@ $(() => (async () => {
}); });
// Scroll down test display after each test // Scroll down test display after each test
const mochaEl = $('#mocha')[0]; const mochaEl = $('#mocha-report')[0];
runner.on('test', () => { runner.on('test', () => {
mochaEl.scrollTop = mochaEl.scrollHeight; mochaEl.scrollTop = mochaEl.scrollHeight;
}); });