@arpanp/zen-reporter 0.10.1 → 0.11.2

package/README.md

@@ -8,11 +8,11 @@ Zen Reporter transforms Playwright's raw test results into an interactive, visua
 
 Light mode:
 
-![Dashboard Overview - Light Mode](docs/screenshots/light-mode.png)
+![Dashboard Overview - Light Mode](https://raw.githubusercontent.com/apatelia/zen-reporter/main/docs/screenshots/light-mode.png)
 
 Dark mode:
 
-![Dashboard Overview - Dark Mode](docs/screenshots/dark-mode.png)
+![Dashboard Overview - Dark Mode](https://raw.githubusercontent.com/apatelia/zen-reporter/main/docs/screenshots/dark-mode.png)
 
 ## Features
 
@@ -34,8 +34,12 @@ Dark mode:
   - **Themes & Dark Mode**: Multiple design themes (`Cafe`, `Concept`, `Sentinel`) with light and dark mode toggles, built with WCAG-compliant color tokens and configurable default states.
   - **Single-File Standalone Output**: Generates a self-contained single-file HTML report (`index.html`) with embedded datasets for easy sharing and CI/CD artifact storage. Optionally creates a lightweight standalone `summary.html` dedicated to executive dashboards.
 
+> **Note**: Designed and built with AI pair-programming tools; fully tested, maintained, and quality-assured by human hands.
+
 ---
 
+> **Compatibility**: Zen Reporter is designed for standard Playwright test suites and does not support BDD-styled tests (e.g. Cucumber / `playwright-bdd`).
+
 ## Installation
 
 ```bash
@@ -121,12 +125,13 @@ npx zr show
 
 ### 3. CLI Commands Reference (`zr`)
 
-Zen Reporter includes a built-in CLI executable (`npx zr`) for serving reports and querying historical test execution data:
+Zen Reporter includes a built-in CLI executable (`npx zr`) for serving reports, checking system environment, and querying historical test execution data:
 
-#### Report & Summaries
+#### Report & Environment
 
 - **`npx zr show`** — Launch the report server to view `index.html` in your default browser.
 - **`npx zr summary`** — Output Markdown summary snippet for current run results (ideal for PR comments or Slack).
+- **`npx zr env`** — Print environment details (`zen-reporter` version, `@playwright/test` version, Node.js version, OS).
 
 #### History & Intelligence (`zr history`)
 
@@ -140,7 +145,7 @@ Zen Reporter includes a built-in CLI executable (`npx zr`) for serving reports a
 | `npx zr history tests`            | Summarize granular historical execution metrics and average durations per test case.               |
 | `npx zr history flaky`            | Identify flaky tests that passed in some runs and failed in others.                                |
 | `npx zr history regressions`      | List tests that passed in a previous run but failed in the latest run.                             |
-| `npx zr history slow [--limit N]` | Rank the top $N$ slowest tests by average execution duration across runs (default: 10).            |
+| `npx zr history slow [--limit N]` | Rank the top `N` slowest tests by average execution duration across runs (default: 10).            |
 | `npx zr history trend`            | Display historical pass rate percentages per run over time.                                        |
 | `npx zr history report`           | Build `history.json` and inject it into `index.html` to populate the History & Trends tabs.        |
 | `npx zr history query "<SQL>"`    | Run arbitrary DuckDB SQL queries over recorded test runs.                                          |

package/bin/zen-reporter.js

@@ -136,6 +136,14 @@ function formatDate(val) {
   return `${year}-${month}-${day} ${hours}:${mins}:${secs}`;
 }
 
+function padCenter(str, width) {
+  const totalPad = width - str.length;
+  if (totalPad <= 0) return str;
+  const padLeft = Math.floor(totalPad / 2);
+  const padRight = totalPad - padLeft;
+  return ' '.repeat(padLeft) + str + ' '.repeat(padRight);
+}
+
 function printTable({ columns, rows }, emptyMessage = 'No records found.', entityName = 'records') {
   if (!columns || columns.length === 0) return;
 
@@ -318,10 +326,7 @@ function printTable({ columns, rows }, emptyMessage = 'No records found.', entit
       emptyMessage.length > totalInnerWidth - 2
         ? emptyMessage.slice(0, totalInnerWidth - 5) + '...'
         : emptyMessage;
-    const padTotal = totalInnerWidth - msg.length;
-    const padLeft = Math.floor(padTotal / 2);
-    const padRight = padTotal - padLeft;
-    console.log(`|${' '.repeat(padLeft)}${msg}${' '.repeat(padRight)}|`);
+    console.log(`|${padCenter(msg, totalInnerWidth)}|`);
   } else {
     let isFirst = true;
     for (const row of stringRows) {
@@ -364,13 +369,25 @@ function generateMarkdownSummaryFromReport(reportData) {
   const titleProject = testRun.projectName || 'Test Automation Project';
   const titleRun = testRun.testRunName || 'Test Run';
 
-  let md = `### 📊 Test Run Summary: ${titleProject} — ${titleRun}\n\n`;
+  let md = `\n### 📊 Test Run Summary: ${titleProject} — ${titleRun}\n\n`;
   md += `**Status:** ${statusStr}\n`;
   md += `**Duration:** ${durationStr}\n`;
   md += `**Pass Rate:** ${passRate}%\n\n`;
-  md += `| Total | Passed | Failed | Timed Out | Skipped |\n`;
-  md += `| :---: | :---: | :---: | :-------: | :-----: |\n`;
-  md += `| ${total} | ${passed} | ${failed} | ${timedOut} | ${skipped} |\n`;
+
+  const headers = ['Total', 'Passed', 'Failed', 'Timed Out', 'Skipped'];
+  const values = [String(total), String(passed), String(failed), String(timedOut), String(skipped)];
+
+  if (interrupted > 0) {
+    headers.push('Interrupted');
+    values.push(String(interrupted));
+  }
+
+  const widths = headers.map((h, i) => Math.max(h.length, values[i].length, 3));
+  const headerRow = `| ${headers.map((h, i) => padCenter(h, widths[i])).join(' | ')} |`;
+  const sepRow = `| ${widths.map((w) => ':' + '-'.repeat(w - 2) + ':').join(' | ')} |`;
+  const valueRow = `| ${values.map((v, i) => padCenter(v, widths[i])).join(' | ')} |`;
+
+  md += `${headerRow}\n${sepRow}\n${valueRow}\n`;
 
   const failedCases = [];
   function collectFailedCases(suites) {
@@ -407,6 +424,61 @@ function generateMarkdownSummaryFromReport(reportData) {
   return md;
 }
 
+import { createRequire } from 'module';
+import { platform, type } from 'os';
+
+function getOsName() {
+  const p = platform();
+  if (p === 'darwin') return 'macOS';
+  if (p === 'win32') return 'Windows';
+  if (p === 'linux') {
+    try {
+      if (existsSync('/etc/os-release')) {
+        const content = readFileSync('/etc/os-release', 'utf8');
+        const match = content.match(/^PRETTY_NAME="?([^"\n]+)"?/m);
+        if (match && match[1]) return match[1];
+      }
+    } catch {
+      /* ignore */
+    }
+    return 'Linux';
+  }
+  return type();
+}
+
+function getPlaywrightVersion(cwd) {
+  const require = createRequire(resolve(cwd, 'package.json'));
+  try {
+    const pwPkg = require('@playwright/test/package.json');
+    return pwPkg.version || 'not installed';
+  } catch {
+    return 'not installed';
+  }
+}
+
+function getZenReporterVersion() {
+  try {
+    const pkgPath = resolve(
+      import.meta.dirname || new URL('.', import.meta.url).pathname,
+      '../package.json'
+    );
+    if (existsSync(pkgPath)) {
+      const pkg = JSON.parse(readFileSync(pkgPath, 'utf8'));
+      return pkg.version || 'unknown';
+    }
+  } catch {
+    /* ignore */
+  }
+  return 'unknown';
+}
+
+function handleEnv() {
+  console.log(`zen-reporter version: ${getZenReporterVersion()}`);
+  console.log(`@playwright/test version: ${getPlaywrightVersion(cwd)}`);
+  console.log(`Node.js version: ${process.version}`);
+  console.log(`OS: ${getOsName()}`);
+}
+
 function printHelp() {
   console.log(`
 Zen Reporter CLI
@@ -414,6 +486,7 @@ Zen Reporter CLI
 Usage:
   npx zr show                           Serve and view the HTML report
   npx zr summary                        Output Markdown summary snippet for current run results
+  npx zr env                            Print environment details (versions, OS)
   npx zr history                        List historic runs
   npx zr history runs                   Same as above
   npx zr history flaky                  Tests that failed in some runs and passed in others
@@ -663,6 +736,8 @@ if (command === 'show') {
     console.error('✗ Failed to read report summary:', err.message || err);
     process.exit(1);
   }
+} else if (command === 'env') {
+  handleEnv();
 } else if (command === 'history') {
   handleHistory(args.slice(1)).catch((e) => {
     console.error('✗ history command failed:', e?.message || e);