Ensure "last run" is present in HTML report

This fixes #798.

Author: badeball

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to this project will be documented in this file.
 
+## Unreleased
+
+- Start time and execution time is shown in HTML reports, fixes [#798](https://github.com/badeball/cypress-cucumber-preprocessor/issues/798).
+
 ## v12.0.1
 
 - Allow overriding env using tags, fixes [#792](https://github.com/badeball/cypress-cucumber-preprocessor/issues/792).

features/html_report.feature

@@ -24,3 +24,19 @@ Feature: html report
     When I run cypress
     Then it passes
     And there should be a HTML report
+
+  Scenario: start time
+    Given a file named "cypress/e2e/a.feature" with:
+      """
+      Feature: a feature
+        Scenario: a scenario
+          Given a step
+      """
+    And a file named "cypress/support/step_definitions/steps.js" with:
+      """
+      const { Given } = require("@badeball/cypress-cucumber-preprocessor");
+      Given("a step", function() {})
+      """
+    When I run cypress
+    Then it passes
+    And the report should display when last run

features/step_definitions/html_steps.ts

@@ -1,4 +1,5 @@
 import { Then } from "@cucumber/cucumber";
+import { JSDOM } from "jsdom";
 import path from "path";
 import { promises as fs } from "fs";
 import assert from "assert";
@@ -9,3 +10,26 @@ Then("there should be a HTML report", async function () {
     "Expected there to be a HTML file"
   );
 });
+
+Then("the report should display when last run", async function () {
+  const dom = await JSDOM.fromFile(
+    path.join(this.tmpDir, "cucumber-report.html"),
+    { runScripts: "dangerously" }
+  );
+
+  const dt = Array.from(dom.window.document.querySelectorAll("dt")).find(
+    (el) => el.textContent === "last run"
+  );
+
+  assert(dt, "Expected to find a 'last run' dt");
+
+  const dd = dt.parentElement?.querySelector("dd");
+
+  assert(dd, "Expected to find a 'last run' dt's dd");
+
+  const lastRunText = dd.textContent;
+
+  assert(lastRunText, "Expected to find 'XX seconds ago'");
+
+  assert.match(lastRunText, /\d+ seconds? ago/);
+});

lib/create-tests.ts

@@ -673,6 +673,12 @@ export default function createTests(
     });
   }
 
+  messages.push({
+    testRunStarted: {
+      timestamp: createTimestamp(),
+    },
+  });
+
   const tagsInDocument = collectTagNamesFromGherkinDocument(gherkinDocument);
 
   const testFilter =
@@ -826,6 +832,16 @@ export default function createTests(
   });
 
   after(function () {
+    messages.push({
+      testRunFinished: {
+        /**
+         * We're missing a "success" attribute here, but cucumber-js doesn't output it, so I won't.
+         * Mostly because I don't want to look into the semantics of it right now.
+         */
+        timestamp: createTimestamp(),
+      } as messages.TestRunFinished,
+    });
+
     if (messagesEnabled) {
       cy.task(TASK_APPEND_MESSAGES, messages, { log: false });
     }

package.json

@@ -69,12 +69,14 @@
     "@types/debug": "^4.1.7",
     "@types/fs-extra": "^9.0.13",
     "@types/glob": "^7.2.0",
+    "@types/jsdom": "^20.0.0",
     "@types/prettier": "^2.6.3",
     "@types/stream-buffers": "^3.0.4",
     "ast-types": "^0.15.2",
     "cypress": "^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0",
     "esbuild": "^0.14.23",
     "fs-extra": "^10.1.0",
+    "jsdom": "^20.0.0",
     "mocha": "^9.2.1",
     "pngjs": "^6.0.0",
     "prettier": "^2.5.1",