@arghajit/dummy 0.3.8 → 0.3.10

package/dist/pulse.d.ts

@@ -0,0 +1,12 @@
+export type PulseSeverityLevel = "Minor" | "Low" | "Medium" | "High" | "Critical";
+export declare const pulse: {
+    /**
+     * Sets the severity level for the current test.
+     * * @param level - The severity level ('Minor' | 'Low' | 'Medium' | 'High' | 'Critical')
+     * @example
+     * test('Login', async () => {
+     * pulse.severity('Critical');
+     * });
+     */
+    severity: (level: PulseSeverityLevel) => void;
+};

package/dist/pulse.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pulse = void 0;
+const test_1 = require("@playwright/test");
+exports.pulse = {
+    /**
+     * Sets the severity level for the current test.
+     * * @param level - The severity level ('Minor' | 'Low' | 'Medium' | 'High' | 'Critical')
+     * @example
+     * test('Login', async () => {
+     * pulse.severity('Critical');
+     * });
+     */
+    severity: (level) => {
+        const validLevels = ["Minor", "Low", "Medium", "High", "Critical"];
+        // Default to "Medium" if an invalid string is passed
+        const selectedLevel = validLevels.includes(level) ? level : "Medium";
+        // Add the annotation to Playwright's test info
+        test_1.test.info().annotations.push({
+            type: "pulse_severity",
+            description: selectedLevel,
+        });
+    },
+};

package/dist/reporter/index.d.ts

@@ -3,3 +3,5 @@ export default PlaywrightPulseReporter;
 export { PlaywrightPulseReporter };
 export type { PlaywrightPulseReport } from "../lib/report-types";
 export type { TestResult, TestRun, TestStep, TestStatus } from "../types";
+export { pulse } from "../pulse";
+export type { PulseSeverityLevel } from "../pulse";

package/dist/reporter/index.js

@@ -1,9 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlaywrightPulseReporter = void 0;
+exports.pulse = exports.PlaywrightPulseReporter = void 0;
 // src/reporter/index.ts
 const playwright_pulse_reporter_1 = require("./playwright-pulse-reporter");
 Object.defineProperty(exports, "PlaywrightPulseReporter", { enumerable: true, get: function () { return playwright_pulse_reporter_1.PlaywrightPulseReporter; } });
 // Export the reporter class as the default export for CommonJS compatibility
 // and also as a named export for potential ES module consumers.
 exports.default = playwright_pulse_reporter_1.PlaywrightPulseReporter;
+// --- NEW: Export the pulse helper ---
+// This allows: import { pulse } from '@arghajit/playwright-pulse-report';
+var pulse_1 = require("../pulse"); // Adjust path based on where you placed pulse.ts
+Object.defineProperty(exports, "pulse", { enumerable: true, get: function () { return pulse_1.pulse; } });

package/dist/reporter/playwright-pulse-reporter.d.ts

@@ -16,6 +16,7 @@ export declare class PlaywrightPulseReporter implements Reporter {
     printsToStdio(): boolean;
     onBegin(config: FullConfig, suite: Suite): void;
     onTestBegin(test: TestCase): void;
+    private _getSeverity;
     private getBrowserDetails;
     private processStep;
     onTestEnd(test: TestCase, result: PwTestResult): Promise<void>;

package/dist/reporter/playwright-pulse-reporter.js

@@ -109,6 +109,10 @@ class PlaywrightPulseReporter {
     onTestBegin(test) {
         console.log(`Starting test: ${test.title}`);
     }
+    _getSeverity(annotations) {
+        const severityAnnotation = annotations.find((a) => a.type === "pulse_severity");
+        return (severityAnnotation === null || severityAnnotation === void 0 ? void 0 : severityAnnotation.description) || "Medium";
+    }
     getBrowserDetails(test) {
         var _a, _b, _c, _d;
         const project = (_a = test.parent) === null || _a === void 0 ? void 0 : _a.project();
@@ -267,6 +271,7 @@ class PlaywrightPulseReporter {
             snippet: (_l = result.error) === null || _l === void 0 ? void 0 : _l.snippet,
             codeSnippet: codeSnippet,
             tags: test.tags.map((tag) => tag.startsWith("@") ? tag.substring(1) : tag),
+            severity: this._getSeverity(test.annotations),
             screenshots: [],
             videoPath: [],
             tracePath: undefined,

package/dist/types/index.d.ts

@@ -31,6 +31,7 @@ export interface TestResult {
     snippet?: string;
     codeSnippet?: string;
     tags?: string[];
+    severity?: "Minor" | "Low" | "Medium" | "High" | "Critical";
     suiteName?: string;
     runId: string;
     browser: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arghajit/dummy",
   "author": "Arghajit Singha",
-  "version": "0.3.8",
+  "version": "0.3.10",
   "description": "A Playwright reporter and dashboard for visualizing test results.",
   "homepage": "https://playwright-pulse-report.netlify.app/",
   "keywords": [

package/scripts/config-reader.mjs

@@ -1,4 +1,3 @@
-#!/usr/bin/env node
 import * as fs from "fs";
 import * as path from "path";
 import { pathToFileURL } from "url";
@@ -24,15 +23,69 @@ async function findPlaywrightConfig() {
 }
 
 async function extractOutputDirFromConfig(configPath) {
+  let fileContent = "";
   try {
-    let config;
+    fileContent = fs.readFileSync(configPath, "utf-8");
+  } catch (e) {
+    // If we can't read the file, we can't parse or import it.
+    return null;
+  }
+
+  // 1. Strategy: Text Parsing (Safe & Fast)
+  // We try to read the file as text first. This finds the outputDir without
+  // triggering any Node.js warnings or errors.
+  try {
+    // Regex matches: outputDir: "value" or outputDir: 'value'
+    const match = fileContent.match(/outputDir:\s*["']([^"']+)["']/);
+
+    if (match && match[1]) {
+      return path.resolve(process.cwd(), match[1]);
+    }
+  } catch (e) {
+    // Ignore text reading errors
+  }
+
+  // 2. Safety Check: Detect ESM in CJS to Prevent Node Warnings
+  // The warning "To load an ES module..." happens when we try to import()
+  // a .js file containing ESM syntax (import/export) in a CJS package.
+  // We explicitly check for this and ABORT the import if found.
+  if (configPath.endsWith(".js")) {
+    let isModulePackage = false;
+    try {
+      const pkgPath = path.resolve(process.cwd(), "package.json");
+      if (fs.existsSync(pkgPath)) {
+        const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"));
+        isModulePackage = pkg.type === "module";
+      }
+    } catch (e) {}
+
+    if (!isModulePackage) {
+      // Heuristic: Check for ESM syntax (import/export at start of lines)
+      const hasEsmSyntax =
+        /^\s*import\s+/m.test(fileContent) ||
+        /^\s*export\s+/m.test(fileContent);
+
+      if (hasEsmSyntax) {
+        // We found ESM syntax in a .js file within a CJS project.
+        // Attempting to import this WILL trigger the Node.js warning.
+        // Since regex failed to find outputDir, and we can't import safely, we abort now.
+        return null;
+      }
+    }
+  }
 
+  // 3. Strategy: Dynamic Import
+  // If we passed the safety check, we try to import the config.
+  try {
+    let config;
     const configDir = dirname(configPath);
-    // const originalDirname = global.__dirname; // Not strictly needed in ESM context usually, but keeping if you rely on it elsewhere
-    // const originalFilename = global.__filename;
+    const originalDirname = global.__dirname;
+    const originalFilename = global.__filename;
 
-    // 1. Try Loading via Import (Existing Logic)
     try {
+      global.__dirname = configDir;
+      global.__filename = configPath;
+
       if (configPath.endsWith(".ts")) {
         try {
           const { register } = await import("node:module");
@@ -52,20 +105,19 @@ async function extractOutputDirFromConfig(configPath) {
         config = await import(pathToFileURL(configPath).href);
       }
 
-      // Extract from default export or direct export
+      // Handle Default Export
       if (config && config.default) {
         config = config.default;
       }
 
       if (config) {
-        // Check specific reporter config
+        // Check for Reporter Config
         if (config.reporter) {
           const reporters = Array.isArray(config.reporter)
             ? config.reporter
             : [config.reporter];
 
           for (const reporter of reporters) {
-            // reporter can be ["list"] or ["html", { outputFolder: '...' }]
             const reporterName = Array.isArray(reporter)
               ? reporter[0]
               : reporter;
@@ -80,45 +132,28 @@ async function extractOutputDirFromConfig(configPath) {
                 reporterName.includes("@arghajit/dummy"))
             ) {
               if (reporterOptions && reporterOptions.outputDir) {
-                // Found it via Import!
                 return path.resolve(process.cwd(), reporterOptions.outputDir);
               }
             }
           }
         }
 
-        // Check global outputDir
+        // Check for Global outputDir
         if (config.outputDir) {
           return path.resolve(process.cwd(), config.outputDir);
         }
       }
-    } catch (importError) {
-      // Import failed (likely the SyntaxError you saw).
-      // We suppress this error and fall through to the text-parsing fallback below.
+    } finally {
+      // Clean up globals
+      global.__dirname = originalDirname;
+      global.__filename = originalFilename;
     }
-
-    // 2. Fallback: Parse file as text (New Logic)
-    // This runs if import failed or if import worked but didn't have the specific config
-    try {
-      const fileContent = fs.readFileSync(configPath, "utf-8");
-
-      // Regex to find: outputDir: "some/path" or 'some/path' inside the reporter config or global
-      // This is a simple heuristic to avoid the "Cannot use import statement" error
-      const match = fileContent.match(/outputDir:\s*["']([^"']+)["']/);
-
-      if (match && match[1]) {
-        console.log(`Found outputDir via text parsing: ${match[1]}`);
-        return path.resolve(process.cwd(), match[1]);
-      }
-    } catch (readError) {
-      // If reading fails, just return null silently
-    }
-
-    return null;
   } catch (error) {
-    // Final safety net: Do not log the stack trace to avoid cluttering the console
+    // SILENT CATCH: Do NOT log anything here.
     return null;
   }
+
+  return null;
 }
 
 export async function getOutputDir(customOutputDirFromArgs = null) {

package/scripts/generate-email-report.mjs

@@ -217,6 +217,40 @@ function generateMinifiedHTML(reportData) {
         const testFileParts = test.name.split(" > ");
         const testTitle =
           testFileParts[testFileParts.length - 1] || "Unnamed Test";
+
+        // --- NEW: Severity Logic ---
+        const severity = test.severity || "Medium";
+        const getSeverityColor = (level) => {
+          switch (level) {
+            case "Minor":
+              return "#006064";
+            case "Low":
+              return "#E65100";
+            case "Medium":
+              return "#FFA07A";
+            case "High":
+              return "#B71C1C";
+            case "Critical":
+              return "#3E0000";
+            default:
+              return "#FFA07A";
+          }
+        };
+        // We use inline styles here to ensure they render correctly in emails
+        const severityBadge = `<span style="background-color: ${getSeverityColor(
+          severity
+        )}; font-size: 0.8em; font-weight: 600; padding: 3px 8px; border-radius: 4px; color: #fff; margin-left: 10px; white-space: nowrap;">${severity}</span>`;
+
+        // --- NEW: Tags Logic ---
+        const tagsBadges = (test.tags || [])
+          .map(
+            (tag) =>
+              `<span style="background-color: #7f8c8d; font-size: 0.8em; font-weight: 600; padding: 3px 8px; border-radius: 4px; color: #fff; margin-left: 5px; white-space: nowrap;">${sanitizeHTML(
+                tag
+              )}</span>`
+          )
+          .join("");
+
         html += `
             <li class="test-item ${getStatusClass(test.status)}" 
                 data-test-name-min="${sanitizeHTML(testTitle.toLowerCase())}" 
@@ -230,9 +264,9 @@ function generateMinifiedHTML(reportData) {
               <span class="test-title-text" title="${sanitizeHTML(
                 test.name
               )}">${sanitizeHTML(testTitle)}</span>
-              <span class="test-status-label">${String(
-                test.status
-              ).toUpperCase()}</span>
+              
+              ${severityBadge}
+              ${tagsBadges}
             </li>
         `;
       });
@@ -250,8 +284,8 @@ function generateMinifiedHTML(reportData) {
 <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" type="image/png" href="https://i.postimg.cc/v817w4sg/logo.png">
-    <link rel="apple-touch-icon" href="https://i.postimg.cc/v817w4sg/logo.png">
+    <link rel="icon" type="image/png" href="https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images/pulse-report/playwright_pulse_icon.png">
+    <link rel="apple-touch-icon" href="https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images/pulse-report/playwright_pulse_icon.png">
     <title>Playwright Pulse Summary Report</title>
     <style>
         :root {
@@ -492,7 +526,7 @@ function generateMinifiedHTML(reportData) {
     <div class="container">
         <header class="report-header">
             <div class="report-header-title">
-                <img id="report-logo" src="https://i.postimg.cc/v817w4sg/logo.png" alt="Report Logo">
+                <img id="report-logo" src="https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images/pulse-report/playwright_pulse_icon.png" alt="Report Logo">
                 <h1>Playwright Pulse Summary</h1>
             </div>
             <div class="run-info">
@@ -527,8 +561,24 @@ function generateMinifiedHTML(reportData) {
         </section>
 
         <section class="test-results-section">
-            <h1 class="section-title">Test Case Summary</h1>
-            
+            <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; margin-top: 30px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid var(--secondary-color);">
+                <h1 style="margin: 0; font-size: 1.5em; color: var(--primary-color);">Test Case Summary</h1>
+                <div style="display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 0.75em;">
+                    <span style="font-weight: 600; color: var(--dark-gray-color);">Legend:</span>
+                    
+                    <span style="margin-left: 4px; font-weight: 600; color: var(--text-color);">Severity:</span>
+                    
+                    <span style="background-color: #006064; color: #fff; padding: 2px 6px; border-radius: 3px;">Minor</span>
+                    <span style="background-color: #E65100; color: #fff; padding: 2px 6px; border-radius: 3px;">Low</span>
+                    <span style="background-color: #FFA07A; color: #fff; padding: 2px 6px; border-radius: 3px;">Medium</span>
+                    <span style="background-color: #B71C1C; color: #fff; padding: 2px 6px; border-radius: 3px;">High</span>
+                    <span style="background-color: #3E0000; color: #fff; padding: 2px 6px; border-radius: 3px;">Critical</span>
+                    
+                    <span style="border-left: 1px solid #ccc; height: 14px; margin: 0 4px;"></span>
+                    
+                    <span style="background-color: #7f8c8d; color: #fff; padding: 2px 6px; border-radius: 3px;">Tags</span>
+                </div>
+            </div>
             <div class="filters-section">
                 <input type="text" id="filter-min-name" placeholder="Search by test name...">
                 <select id="filter-min-status">

package/scripts/generate-report.mjs

@@ -1748,7 +1748,7 @@ function generateSpecDurationChart(results) {
  */
 function generateDescribeDurationChart(results) {
   if (!results || results.length === 0)
-    return '<div class="no-data">No results available.</div>';
+    return '<div class="no-data">Seems like there is test describe block available in the executed test suite.</div>';
 
   const describeMap = new Map();
   let foundAnyDescribe = false;
@@ -1918,6 +1918,26 @@ function generateHTML(reportData, trendData = null) {
         const testFileParts = test.name.split(" > ");
         const testTitle =
           testFileParts[testFileParts.length - 1] || "Unnamed Test";
+        // --- NEW: Severity Logic ---
+        const severity = test.severity || "Medium";
+        const getSeverityColor = (level) => {
+          switch (level) {
+            case "Minor":
+              return "#006064"; // contrast ~7.35:1 vs white
+            case "Low":
+              return "#E65100"; // contrast ~4.9:1 vs white
+            case "High":
+              return "#B71C1C"; // contrast ~6.57:1 vs white
+            case "Critical":
+              return "#3E0000"; // contrast ~17.4:1 vs white
+            default:
+              return "#BF360C"; // Medium, contrast ~5.6:1 vs white
+          }
+        };
+        const severityColor = getSeverityColor(severity);
+        // We reuse 'status-badge' class for size/font consistency, but override background color
+        const severityBadge = `<span class="status-badge" style="background-color: ${severityColor}; margin-right: 8px;">${severity}</span>`;
+        // ---------------------------
         const generateStepsHTML = (steps, depth = 0) => {
           if (!steps || steps.length === 0)
             return "<div class='no-steps'>No steps recorded for this test.</div>";
@@ -2011,6 +2031,7 @@ function generateHTML(reportData, trendData = null) {
             <span class="test-case-browser">(${sanitizeHTML(browser)})</span>
           </div>
           <div class="test-case-meta">
+            ${severityBadge}
             ${
               test.tags && test.tags.length > 0
                 ? test.tags
@@ -2433,6 +2454,7 @@ function generateHTML(reportData, trendData = null) {
         .status-badge-small.status-failed { background-color: var(--danger-color); }
         .status-badge-small.status-skipped { background-color: var(--warning-color); }
         .status-badge-small.status-unknown { background-color: var(--dark-gray-color); }
+        .badge-severity { display: inline-block; padding: 4px 8px; border-radius: 4px; font-size: 11px; font-weight: 700; color: white; text-transform: uppercase; margin-right: 8px; vertical-align: middle; }
         .no-data, .no-tests, .no-steps, .no-data-chart { padding: 28px; text-align: center; color: var(--dark-gray-color); font-style: italic; font-size:1.1em; background-color: var(--light-gray-color); border-radius: var(--border-radius); margin: 18px 0; border: 1px dashed var(--medium-gray-color); }
         .no-data-chart {font-size: 0.95em; padding: 18px;}
         .ai-failure-cards-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); gap: 22px; }

package/scripts/generate-static-report.mjs

@@ -1885,7 +1885,7 @@ function generateSpecDurationChart(results) {
  */
 function generateDescribeDurationChart(results) {
   if (!results || results.length === 0)
-    return '<div class="no-data">No results available.</div>';
+    return '<div class="no-data">Seems like there is test describe block available in the executed test suite.</div>';
 
   const describeMap = new Map();
   let foundAnyDescribe = false;
@@ -2054,6 +2054,26 @@ function generateHTML(reportData, trendData = null) {
         const testFileParts = test.name.split(" > ");
         const testTitle =
           testFileParts[testFileParts.length - 1] || "Unnamed Test";
+        // --- NEW: Severity Logic ---
+        const severity = test.severity || "Medium";
+        const getSeverityColor = (level) => {
+          switch (level) {
+            case "Minor":
+              return "#006064"; // contrast ~7.35:1 vs white
+            case "Low":
+              return "#E65100"; // contrast ~4.9:1 vs white
+            case "High":
+              return "#B71C1C"; // contrast ~6.57:1 vs white
+            case "Critical":
+              return "#3E0000"; // contrast ~17.4:1 vs white
+            default:
+              return "#BF360C"; // Medium, contrast ~5.6:1 vs white
+          }
+        };
+        const severityColor = getSeverityColor(severity);
+        // We reuse 'status-badge' class for size/font consistency, but override background color
+        const severityBadge = `<span class="status-badge" style="background-color: ${severityColor}; margin-right: 8px;">${severity}</span>`;
+        // ---------------------------
         const generateStepsHTML = (steps, depth = 0) => {
           if (!steps || steps.length === 0)
             return "<div class='no-steps'>No steps recorded for this test.</div>";
@@ -2163,13 +2183,16 @@ function generateHTML(reportData, trendData = null) {
           testTitle
         )}</span><span class="test-case-browser">(${sanitizeHTML(
           browser
-        )})</span></div><div class="test-case-meta">${
+        )})</span></div><div class="test-case-meta">
+        ${severityBadge}
+        ${
           test.tags && test.tags.length > 0
             ? test.tags
                 .map((t) => `<span class="tag">${sanitizeHTML(t)}</span>`)
                 .join(" ")
             : ""
-        }<span class="test-duration">${formatDuration(
+        }
+        <span class="test-duration">${formatDuration(
           test.duration
         )}</span></div></div>
                     <div class="test-case-content" style="display: none;">
@@ -2620,6 +2643,7 @@ aspect-ratio: 16 / 9;
 .status-badge-small.status-failed { background-color: var(--danger-color); }
 .status-badge-small.status-skipped { background-color: var(--warning-color); }
 .status-badge-small.status-unknown { background-color: var(--dark-gray-color); }
+.badge-severity { display: inline-block; padding: 4px 8px; border-radius: 4px; font-size: 11px; font-weight: 700; color: white; text-transform: uppercase; margin-right: 8px; vertical-align: middle; }
 .no-data, .no-tests, .no-steps, .no-data-chart { padding: 28px; text-align: center; color: var(--dark-gray-color); font-style: italic; font-size:1.1em; background-color: var(--light-gray-color); border-radius: var(--border-radius); margin: 18px 0; border: 1px dashed var(--medium-gray-color); }
 .no-data-chart {font-size: 0.95em; padding: 18px;}
 .ai-failure-cards-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); gap: 22px; }