feat: Narrow the bar display by another couple of characters by using ANSI line drawing. (#134)

test 1                                        ▏█████████████████████████▕ 125,555,696 ops/sec | 11 samples

By using a left and right justified equivalent of "|" there's enough space
to distinguish the bar from the end braces. These still look reasonable
pasted into Github issue comments (which was the problem with one of
my earlier attempts to make the bar display narrower).

Since the important info in the chart output is at the right end of
the line, this is what will probably be the last in my edits to
try to shift the punchline of the output as far left as is possible.

Author: jdmarshall

lib/reporter/chart.js

@@ -64,7 +64,7 @@ function drawBar(
 
 	const displayedSamples = `${styleText(["yellow"], samples.toString().padStart(2))} samples`;
 
-	return `${label} | ${bar} | ${displayedValue} ${displayedMetric} | ${displayedSamples} ${comment}\n`;
+	return `${label} ▏${bar}▕ ${displayedValue} ${displayedMetric} | ${displayedSamples} ${comment}\n`;
 }
 
 const formatter = Intl.NumberFormat(undefined, {

test/reporter.js

@@ -113,7 +113,7 @@ describe("chartReport", () => {
 		});
 
 		it("should pad out benchmark names", () => {
-			assert.ok(output.includes("oong | "));
+			assert.ok(output.includes("oong ▏█"));
 			assert.ok(output.includes("multiple replaces".padEnd(51)));
 		});
 	});
@@ -534,7 +534,7 @@ describe("baseline comparisons", async (t) => {
 
 		it("can set a specific column width", () => {
 			const summary = output.split("Summary (vs. baseline):")[1];
-			assert.ok(summary.includes("baseline-test                  |"));
+			assert.ok(summary.includes("baseline-test                  ▏"));
 		});
 	});
 });