@arghajit/dummy 0.3.9 → 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.9",
+  "version": "0.3.10",
   "description": "A Playwright reporter and dashboard for visualizing test results.",
   "homepage": "https://playwright-pulse-report.netlify.app/",
   "keywords": [

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; }