Add system/os data

package.json

@@ -14,7 +14,7 @@
     "test:browser:other": "npx d2l-test-runner --files \"./test/browser/**/*.test.js\"",
     "test:browser:ctor": "npx d2l-test-runner --config ./test/browser/ctor.config.js",
     "test:server": "mocha './test/server/**/*.test.js'",
-    "test:vdiff": "npx d2l-test-runner vdiff --config ./test/browser/vdiff.config.js"
+    "test:vdiff": "npx d2l-test-runner vdiff $npm_config_sub --config ./test/browser/vdiff.config.js"
   },
   "bin": {
     "d2l-test-runner": "./bin/d2l-test-runner.js",

src/server/report/app.js

@@ -253,6 +253,23 @@ class App extends LitElement {
 				<ul>${browserDiffs}</ul>
 			</div>
 		` : nothing;
+
+		const systemDiffs = Object.entries(data.system).reduce((acc, [k, v]) => {
+			const previous = data.system.previous[k] || 'unknown';
+			if (k === 'previous' || previous === v) {
+				return acc;
+			}
+			return acc.push(html`
+				<li>${k}: <strong>${data.system.previous[k]}</strong> to <strong>${v}</strong></li>
+			`) && acc;
+		}, []);
+		const systemDiffInfo = systemDiffs.length ? html`
+			<div class="browser-diff">
+				<div class="browser-diff-title">System Changes</div>
+				<ul>${systemDiffs}</ul>
+			</div>
+		` : nothing;
+
 		const byteDiffFilter = (data.numByteDiff > 0) ? html`
 			<fieldset>
 				<legend>Byte Diffs</legend>
@@ -271,6 +288,7 @@ class App extends LitElement {
 			${byteDiffFilter}
 			${browserFilter}
 			${browserDiffInfo}
+			${systemDiffInfo}
 		`;
 
 	}

src/server/visual-diff-reporter.js

@@ -1,3 +1,4 @@
+import * as os from 'node:os';
 import { cpSync, existsSync, mkdirSync, readFileSync, rmSync, writeFileSync } from 'node:fs';
 import { dirname, join } from 'node:path';
 import { env } from 'node:process';
@@ -59,14 +60,24 @@ function createData(rootDir, updateGoldens, sessions) {
 		});
 	});
 
+	const system = {
+		platform: os.platform(),
+		release: os.release(),
+		arch: os.arch()
+	};
+
 	if (isCI || updateGoldens) {
 		metadata.browsers = Array.from(browsers.values()).map(b => {
 			return { name: b.name, version: b.version };
 		});
+		metadata.system = system;
 		writeFileSync(metadataPath, `${JSON.stringify(metadata, undefined, '\t')}\n`);
 	}
 
-	return { browsers, files, numByteDiff, numFailed, numTests };
+	const { previous: gc, ...previous } = metadata.system;
+	system.previous = previous;
+
+	return { browsers, files, numByteDiff, numFailed, numTests, system };
 
 }