Fix histogram

src/report/reporters/debug/main.js

@@ -1,5 +1,5 @@
 import { serializeHistograms } from '../../utils/histogram/main.js'
-import { joinSections } from '../../utils/join.js'
+import { joinSections, joinSubSections } from '../../utils/join.js'
 import { prettifyStats } from '../../utils/stats/main.js'
 import { addTitles } from '../../utils/title.js'
 
@@ -17,7 +17,8 @@ const reportTerminal = function ({ combinations, screenWidth, history }) {
     showStats: false,
     screenWidth,
   })
-  return joinSections([tables, timeSeries, ...histograms])
+  const histogram = joinSubSections(histograms)
+  return joinSections([tables, timeSeries, histogram])
 }
 
 export const debug = { reportTerminal, debugStats: true }

src/report/reporters/histogram.js

@@ -1,5 +1,5 @@
 import { serializeHistograms } from '../utils/histogram/main.js'
-import { joinSections } from '../utils/join.js'
+import { joinSubSections } from '../utils/join.js'
 import { prettifyStats } from '../utils/stats/main.js'
 import { addTitles } from '../utils/title.js'
 
@@ -11,7 +11,7 @@ const reportTerminal = function ({ combinations, screenWidth }) {
     showStats: true,
     screenWidth,
   })
-  return joinSections(histograms)
+  return joinSubSections(histograms)
 }
 
 export const histogram = { reportTerminal }

src/report/utils/histogram/abscissa.js

@@ -87,3 +87,8 @@ const trimWidth = function (labels, labelsLength, width) {
 
   return labelsA
 }
+
+// How many terminal lines the bottom line takes
+export const ABSCISSA_BOTTOM_HEIGHT = 1
+// How many terminal lines the labels take
+export const ABSCISSA_LABELS_HEIGHT = 1

src/report/utils/histogram/title.js

@@ -3,10 +3,14 @@ import stringWidth from 'string-width'
 import { getCombinationNameColor } from '../name.js'
 import { NAME_SEPARATOR_COLORED } from '../separator.js'
 
+import { ABSCISSA_BOTTOM_HEIGHT, ABSCISSA_LABELS_HEIGHT } from './abscissa.js'
+
 // Retrieve sidebar with the combination name
 export const getTitleBlock = function (combination, height, showStats) {
-  const newlines = getNewlines(height, showStats)
-  return `${newlines}${getTitleBlockContents(combination)}`
+  const topNewlines = getTopNewlines(height, showStats)
+  const bottomNewlines = getBottomNewlines(showStats)
+  const titleBlockContents = getTitleBlockContents(combination)
+  return `${topNewlines}${titleBlockContents}\n${bottomNewlines}`
 }
 
 export const getTitleBlockWidth = function ([combination]) {
@@ -17,11 +21,12 @@ const getTitleBlockContents = function (combination) {
   return `${getCombinationNameColor(combination)}${NAME_SEPARATOR_COLORED}`
 }
 
-const getNewlines = function (height, showStats) {
-  const newlinesHeight =
-    height - (showStats ? STATS_VERTICAL_SHIFT : NO_STATS_VERTICAL_SHIFT)
-  return '\n'.repeat(newlinesHeight)
+const getTopNewlines = function (height, showStats) {
+  const topNewlinesHeight = height - (showStats ? 0 : ABSCISSA_BOTTOM_HEIGHT)
+  return '\n'.repeat(topNewlinesHeight)
 }
 
-const STATS_VERTICAL_SHIFT = 0
-const NO_STATS_VERTICAL_SHIFT = 1
+const getBottomNewlines = function (showStats) {
+  const bottomNewlinesHeight = showStats ? ABSCISSA_LABELS_HEIGHT : 0
+  return '\n'.repeat(bottomNewlinesHeight)
+}