@arpanp/zen-reporter 0.11.1 → 0.11.3

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
 
@@ -50,7 +50,7 @@ npm install @arpanp/zen-reporter
 
 ## Configuring Zen Reporter in Playwright
 
-Add `zen-reporter` to your `playwright.config.ts` (or `playwright.config.js`):
+Add `@arpanp/zen-reporter` to your `playwright.config.ts` (or `playwright.config.js`):
 
 ### Basic Configuration
 
@@ -58,7 +58,7 @@ Add `zen-reporter` to your `playwright.config.ts` (or `playwright.config.js`):
 import { defineConfig } from '@playwright/test';
 
 export default defineConfig({
-  reporter: 'zen-reporter',
+  reporter: '@arpanp/zen-reporter',
 });
 ```
 
@@ -72,7 +72,7 @@ import { defineConfig } from '@playwright/test';
 export default defineConfig({
   reporter: [
     [
-      'zen-reporter',
+      '@arpanp/zen-reporter',
       {
         outputDir: 'zen-report', // Optional: Output directory where report files will be generated (default: "zen-report")
         projectName: 'My E2E Project', // Optional: Project name displayed in the top bar header

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) {