make the test results fit in a table with timestamps

src/test-runner/index.ts

@@ -31,6 +31,7 @@ const debug = require("debug")("zombie::test-runner");
 const { assert, expect } = chai;
 const { Test, Suite } = Mocha;
 const mocha = new Mocha();
+mocha.reporter("../utils/tableReporter");
 
 import { JSDOM } from "jsdom";
 import { Environment } from "nunjucks";

src/utils/tableReporter.ts

@@ -0,0 +1,49 @@
+import Mocha from "mocha";
+
+import { CreateLogTable } from "../utils/tableCli";
+import { decorators } from "../utils/colors";
+
+const { EVENT_RUN_END, EVENT_TEST_FAIL, EVENT_TEST_PASS } =
+  Mocha.Runner.constants;
+
+interface TableReporterProps {
+  runner: Mocha.Runner;
+}
+
+export class TableReporter {
+  constructor({ runner }: TableReporterProps) {
+    const stats: any = runner.stats;
+
+    const logTable = new CreateLogTable({
+      head: [
+        {
+          colSpan: 2,
+          hAlign: "center",
+          content: `${decorators.green("Test Results")}`,
+        },
+      ],
+      colWidths: [30, 100],
+    });
+
+    runner
+      .on(EVENT_TEST_PASS, (test: any) => {
+        logTable.pushTo([[new Date(), test.fullTitle()]]);
+      })
+      .on(EVENT_TEST_FAIL, (test: any, err: any) => {
+        logTable.pushTo([[new Date(), test.fullTitle()]]);
+      })
+      .once(EVENT_RUN_END, () => {
+        logTable.pushTo([
+          [
+            {
+              colSpan: 2,
+              hAlign: "left",
+              content: `end: ${stats.passes}/${
+                stats.passes + stats.failures
+              } ok`,
+            },
+          ],
+        ]);
+      });
+  }
+}