@arghajit/playwright-pulse-report 0.1.1 → 0.1.3

package/README.md

@@ -6,13 +6,20 @@ This project provides both a custom Playwright reporter and a Next.js web dashbo
 ## Screenshots
 
 ### Desktop View [Click on Images to View full Image]
-<a href="https://postimg.cc/180cym6c" target="_blank"><img src="https://i.postimg.cc/180cym6c/Users-arghajitsingha-Downloads-pulse-report-1-playwright-pulse-static-report-html.png" alt="Users-arghajitsingha-Downloads-pulse-report-1-playwright-pulse-static-report-html"/></a><br/><br/>
-<a href="https://postimg.cc/V5TFRHmM" target="_blank"><img src="https://i.postimg.cc/V5TFRHmM/Users-arghajitsingha-Downloads-pulse-report-1-playwright-pulse-static-report-html-1.png" alt="Users-arghajitsingha-Downloads-pulse-report-1-playwright-pulse-static-report-html-1"/></a><br/><br/>
-<a href="https://postimg.cc/XXTwFGkk" target="_blank"><img src="https://i.postimg.cc/XXTwFGkk/Users-arghajitsingha-Downloads-pulse-report-1-playwright-pulse-static-report-html-2.png" alt="Users-arghajitsingha-Downloads-pulse-report-1-playwright-pulse-static-report-html-2"/></a><br/><br/>
+
+[![Screenshot 1](https://i.postimg.cc/180cym6c/Users-arghajitsingha-Downloads-pulse-report-1-playwright-pulse-static-report-html.png)](https://postimg.cc/180cym6c)
+
+[![Screenshot 2](https://i.postimg.cc/V5TFRHmM/Users-arghajitsingha-Downloads-pulse-report-1-playwright-pulse-static-report-html-1.png)](https://postimg.cc/V5TFRHmM)
+
+[![Screenshot 3](https://i.postimg.cc/XXTwFGkk/Users-arghajitsingha-Downloads-pulse-report-1-playwright-pulse-static-report-html-2.png)](https://postimg.cc/XXTwFGkk)
+
 
 ### Mobile View [Click on Images to View full Image]
-<a href="https://postimg.cc/CzJBLR5N" target="_blank"><img src="https://i.postimg.cc/CzJBLR5N/127-0-0-1-5500-pulse-report-output-playwright-pulse-static-report-html-i-Phone-14-Pro-Max.png" alt="127-0-0-1-5500-pulse-report-output-playwright-pulse-static-report-html-i-Phone-14-Pro-Max"/></a><br/><br/>
-<a href="https://postimg.cc/G8YTczT8" target="_blank"><img src="https://i.postimg.cc/G8YTczT8/127-0-0-1-5500-pulse-report-output-playwright-pulse-static-report-html-i-Phone-14-Pro-Max-1.png" alt="127-0-0-1-5500-pulse-report-output-playwright-pulse-static-report-html-i-Phone-14-Pro-Max-1"/></a><br/><br/>
+
+[![iPhone Preview 1](https://i.postimg.cc/CzJBLR5N/127-0-0-1-5500-pulse-report-output-playwright-pulse-static-report-html-i-Phone-14-Pro-Max.png)](https://postimg.cc/CzJBLR5N)
+
+[![iPhone Preview 2](https://i.postimg.cc/G8YTczT8/127-0-0-1-5500-pulse-report-output-playwright-pulse-static-report-html-i-Phone-14-Pro-Max-1.png)](https://postimg.cc/G8YTczT8)
+
 
 ## How it Works
 
@@ -207,7 +214,7 @@ To work on the reporter or the dashboard itself:
 
 *   This project supports Playwright test execution with Pulse Reporting in GitHub Actions. Here's how Pulse reports are managed:
 
-```
+```bash
 # Upload Pulse report from each shard (per matrix.config.type)
 - name: Upload Pulse Report results
   if: success() || failure()
@@ -241,7 +248,7 @@ To work on the reporter or the dashboard itself:
 
 *   This project supports sharded Playwright test execution with Pulse Reporting in GitHub Actions. Here's how Pulse reports are managed across shards:
 
-```
+```bash
 # Upload Pulse report from each shard (per matrix.config.type)
 - name: Upload Pulse Report results
   if: success() || failure()
@@ -280,6 +287,7 @@ To work on the reporter or the dashboard itself:
     name: pulse-report
     path: pulse-report/
 ```
+
 ##  🧠 Notes:
 
 *   Each shard generates its own playwright-pulse-report.json inside pulse-report/.
@@ -287,3 +295,25 @@ To work on the reporter or the dashboard itself:
 *   After the test matrix completes, reports are downloaded, renamed, and merged.
 *   merge-report is a custom Node.js script that combines all JSON files into one.
 *   generate-report can build a static HTML dashboard if needed.
+
+## Email Report:
+
+- To use the Emailable report option, user should use .env file by installing "dotenv" package into their repository:
+
+✅  Create a .env file in the root of your project:
+```bash
+SENDER_EMAIL_1=recipient1@example.com
+SENDER_EMAIL_2=recipient2@example.com
+SENDER_EMAIL_3=recipient3@example.com
+SENDER_EMAIL_4=recipient4@example.com
+SENDER_EMAIL_5=recipient5@example.com
+```
+Pulse Report by default supports 5 mail recipients, and by running the command `npx send-email` user can send an overall test report with the actual test report html file attached to it. The Final email report will look something like below screenshot:
+
+[![Screenshot-2025-05-09-at-2-31-15-AM.png](https://i.postimg.cc/X7W1VWqr/Screenshot-2025-05-09-at-2-31-15-AM.png)](https://postimg.cc/DmCPgtqh)
+
+## Fixes:
+
+### -   "0.1.1" : Added Sharding Support
+### -  "0.1.2" : Fixed browser filter and Added Browser Tag in Test Suite Card
+### -  "0.1.3" : Added Emailable report option

package/dist/reporter/attachment-utils.js

@@ -45,100 +45,62 @@ const ATTACHMENTS_SUBDIR = "attachments"; // Consistent subdirectory name
  * @param config The reporter configuration options.
  */
 function attachFiles(testId, pwResult, pulseResult, config) {
-  const baseReportDir = config.outputDir || "pulse-report"; // Base output directory
-  // Ensure attachments are relative to the main outputDir
-  const attachmentsBaseDir = path.resolve(baseReportDir, ATTACHMENTS_SUBDIR); // Absolute path for FS operations
-  const attachmentsSubFolder = testId.replace(/[^a-zA-Z0-9_-]/g, "_"); // Sanitize testId for folder name
-  const testAttachmentsDir = path.join(
-    attachmentsBaseDir,
-    attachmentsSubFolder
-  ); // e.g., pulse-report/attachments/test_id_abc
-  try {
-    if (!fs.existsSync(testAttachmentsDir)) {
-      fs.mkdirSync(testAttachmentsDir, { recursive: true });
-    }
-  } catch (error) {
-    console.error(
-      `Pulse Reporter: Failed to create attachments directory: ${testAttachmentsDir}`,
-      error
-    );
-    return; // Stop processing if directory creation fails
-  }
-  if (!pwResult.attachments) return;
-  const { base64Images } = config; // Get base64 embedding option
-  pulseResult.screenshots = []; // Initialize screenshots array
-  pwResult.attachments.forEach((attachment) => {
-    const { contentType, name, path: attachmentPath, body } = attachment;
-    // Skip attachments without path or body
-    if (!attachmentPath && !body) {
-      console.warn(
-        `Pulse Reporter: Attachment "${name}" for test ${testId} has no path or body. Skipping.`
-      );
-      return;
+    const baseReportDir = config.outputDir || "pulse-report"; // Base output directory
+    // Ensure attachments are relative to the main outputDir
+    const attachmentsBaseDir = path.resolve(baseReportDir, ATTACHMENTS_SUBDIR); // Absolute path for FS operations
+    const attachmentsSubFolder = testId.replace(/[^a-zA-Z0-9_-]/g, "_"); // Sanitize testId for folder name
+    const testAttachmentsDir = path.join(attachmentsBaseDir, attachmentsSubFolder); // e.g., pulse-report/attachments/test_id_abc
+    try {
+        if (!fs.existsSync(testAttachmentsDir)) {
+            fs.mkdirSync(testAttachmentsDir, { recursive: true });
+        }
     }
-    // Determine filename
-    const safeName = name.replace(/[^a-zA-Z0-9_.-]/g, "_"); // Sanitize original name
-    const extension = attachmentPath
-      ? path.extname(attachmentPath)
-      : `.${getFileExtension(contentType)}`;
-    const baseFilename = attachmentPath
-      ? path.basename(attachmentPath, extension)
-      : safeName;
-    // Ensure unique filename within the test's attachment folder
-    const fileName = `${baseFilename}_${Date.now()}${extension}`;
-    // Relative path for storing in JSON (relative to baseReportDir)
-    const relativePath = path.join(
-      ATTACHMENTS_SUBDIR,
-      attachmentsSubFolder,
-      fileName
-    );
-    // Full path for file system operations
-    const fullPath = path.join(testAttachmentsDir, fileName);
-    if (
-      contentType === null || contentType === void 0
-        ? void 0
-        : contentType.startsWith("image/")
-    ) {
-      // Handle all image types consistently
-      handleImage(
-        attachmentPath,
-        body,
-        base64Images,
-        fullPath,
-        relativePath,
-        pulseResult,
-        name
-      );
-    } else if (
-      name === "video" ||
-      (contentType === null || contentType === void 0
-        ? void 0
-        : contentType.startsWith("video/"))
-    ) {
-      handleAttachment(
-        attachmentPath,
-        body,
-        fullPath,
-        relativePath,
-        "videoPath",
-        pulseResult
-      );
-    } else if (name === "trace" || contentType === "application/zip") {
-      // Trace files are zips
-      handleAttachment(
-        attachmentPath,
-        body,
-        fullPath,
-        relativePath,
-        "tracePath",
-        pulseResult
-      );
-    } else {
-      // Handle other generic attachments if needed (e.g., log files)
-      // console.log(`Pulse Reporter: Processing generic attachment "${name}" (Type: ${contentType}) for test ${testId}`);
-      // handleAttachment(attachmentPath, body, fullPath, relativePath, 'otherAttachments', pulseResult); // Example for storing other types
+    catch (error) {
+        console.error(`Pulse Reporter: Failed to create attachments directory: ${testAttachmentsDir}`, error);
+        return; // Stop processing if directory creation fails
     }
-  });
+    if (!pwResult.attachments)
+        return;
+    const { base64Images } = config; // Get base64 embedding option
+    pulseResult.screenshots = []; // Initialize screenshots array
+    pwResult.attachments.forEach((attachment) => {
+        const { contentType, name, path: attachmentPath, body } = attachment;
+        // Skip attachments without path or body
+        if (!attachmentPath && !body) {
+            console.warn(`Pulse Reporter: Attachment "${name}" for test ${testId} has no path or body. Skipping.`);
+            return;
+        }
+        // Determine filename
+        const safeName = name.replace(/[^a-zA-Z0-9_.-]/g, "_"); // Sanitize original name
+        const extension = attachmentPath
+            ? path.extname(attachmentPath)
+            : `.${getFileExtension(contentType)}`;
+        const baseFilename = attachmentPath
+            ? path.basename(attachmentPath, extension)
+            : safeName;
+        // Ensure unique filename within the test's attachment folder
+        const fileName = `${baseFilename}_${Date.now()}${extension}`;
+        // Relative path for storing in JSON (relative to baseReportDir)
+        const relativePath = path.join(ATTACHMENTS_SUBDIR, attachmentsSubFolder, fileName);
+        // Full path for file system operations
+        const fullPath = path.join(testAttachmentsDir, fileName);
+        if (contentType === null || contentType === void 0 ? void 0 : contentType.startsWith("image/")) {
+            // Handle all image types consistently
+            handleImage(attachmentPath, body, base64Images, fullPath, relativePath, pulseResult, name);
+        }
+        else if (name === "video" || (contentType === null || contentType === void 0 ? void 0 : contentType.startsWith("video/"))) {
+            handleAttachment(attachmentPath, body, fullPath, relativePath, "videoPath", pulseResult);
+        }
+        else if (name === "trace" || contentType === "application/zip") {
+            // Trace files are zips
+            handleAttachment(attachmentPath, body, fullPath, relativePath, "tracePath", pulseResult);
+        }
+        else {
+            // Handle other generic attachments if needed (e.g., log files)
+            // console.log(`Pulse Reporter: Processing generic attachment "${name}" (Type: ${contentType}) for test ${testId}`);
+            // handleAttachment(attachmentPath, body, fullPath, relativePath, 'otherAttachments', pulseResult); // Example for storing other types
+        }
+    });
 }
 /**
  * Handles image attachments, either embedding as base64 or copying the file.

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

@@ -72,10 +72,7 @@ class PlaywrightPulseReporter {
         this.baseOutputFile = (_a = options.outputFile) !== null && _a !== void 0 ? _a : this.baseOutputFile;
         // Determine outputDir relative to config file or rootDir
         // The actual resolution happens in onBegin where config is available
-        this.outputDir =
-          (_b = options.outputDir) !== null && _b !== void 0
-            ? _b
-            : "pulse-report";
+        this.outputDir = (_b = options.outputDir) !== null && _b !== void 0 ? _b : "pulse-report";
         this.attachmentsDir = path.join(this.outputDir, ATTACHMENTS_SUBDIR); // Initial path, resolved fully in onBegin
         // console.log(`Pulse Reporter Init: Configured outputDir option: ${options.outputDir}, Base file: ${this.baseOutputFile}`);
     }
@@ -93,12 +90,7 @@ class PlaywrightPulseReporter {
         const configFileDir = this.config.configFile
             ? path.dirname(this.config.configFile)
             : configDir;
-        this.outputDir = path.resolve(
-          configFileDir,
-          (_a = this.options.outputDir) !== null && _a !== void 0
-            ? _a
-            : "pulse-report"
-        );
+        this.outputDir = path.resolve(configFileDir, (_a = this.options.outputDir) !== null && _a !== void 0 ? _a : "pulse-report");
         // Resolve attachmentsDir relative to the final outputDir
         this.attachmentsDir = path.resolve(this.outputDir, ATTACHMENTS_SUBDIR);
         // Update options with the resolved absolute path for internal use
@@ -129,7 +121,7 @@ class PlaywrightPulseReporter {
         // Optional: Log test start if needed
         // console.log(`Starting test: ${test.title}`);
     }
-    async processStep(step, testId) {
+    async processStep(step, testId, browserName) {
         var _a, _b, _c, _d;
         // Determine actual step status (don't inherit from parent)
         let stepStatus = "passed";
@@ -150,26 +142,34 @@ class PlaywrightPulseReporter {
             codeLocation = `${path.relative(this.config.rootDir, step.location.file)}:${step.location.line}:${step.location.column}`;
         }
         return {
-            id: `${testId}_step_${startTime.toISOString()}-${duration}-${(0, crypto_1.randomUUID)()}`,
-            title: step.title,
-            status: stepStatus,
-            duration: duration,
-            startTime: startTime,
-            endTime: endTime,
-            errorMessage: errorMessage,
-            stackTrace: ((_d = step.error) === null || _d === void 0 ? void 0 : _d.stack) || undefined,
-            codeLocation: codeLocation || undefined,
-            isHook: step.category === "hook",
-            hookType: step.category === "hook"
-                ? step.title.toLowerCase().includes("before")
-                    ? "before"
-                    : "after"
-                : undefined,
-            steps: [], // Will be populated recursively
+          id: `${testId}_step_${startTime.toISOString()}-${duration}-${(0,
+          crypto_1.randomUUID)()}--581d5ad8-ce75-4ca5-94a6-ed29c466c815`,
+          title: step.title,
+          status: stepStatus,
+          duration: duration,
+          startTime: startTime,
+          endTime: endTime,
+          browser: browserName,
+          errorMessage: errorMessage,
+          stackTrace:
+            ((_d = step.error) === null || _d === void 0 ? void 0 : _d.stack) ||
+            undefined,
+          codeLocation: codeLocation || undefined,
+          isHook: step.category === "hook",
+          hookType:
+            step.category === "hook"
+              ? step.title.toLowerCase().includes("before")
+                ? "before"
+                : "after"
+              : undefined,
+          steps: [], // Will be populated recursively
         };
     }
     async onTestEnd(test, result) {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        // Get the most accurate browser name
+        const project = (_a = test.parent) === null || _a === void 0 ? void 0 : _a.project();
+        const browserName = ((_b = project === null || project === void 0 ? void 0 : project.use) === null || _b === void 0 ? void 0 : _b.defaultBrowserType) || "unknown";
         const testStatus = convertStatus(result.status, test);
         const startTime = new Date(result.startTime);
         const endTime = new Date(startTime.getTime() + result.duration);
@@ -183,7 +183,7 @@ class PlaywrightPulseReporter {
         const processAllSteps = async (steps, parentTestStatus) => {
             let processed = [];
             for (const step of steps) {
-                const processedStep = await this.processStep(step, testIdForFiles);
+                const processedStep = await this.processStep(step, testIdForFiles, browserName);
                 processed.push(processedStep);
                 if (step.steps && step.steps.length > 0) {
                     const nestedSteps = await processAllSteps(step.steps, processedStep.status);
@@ -196,7 +196,7 @@ class PlaywrightPulseReporter {
         // --- Extract Code Snippet ---
         let codeSnippet = undefined;
         try {
-            if (((_a = test.location) === null || _a === void 0 ? void 0 : _a.file) && ((_b = test.location) === null || _b === void 0 ? void 0 : _b.line) && ((_c = test.location) === null || _c === void 0 ? void 0 : _c.column)) {
+            if (((_c = test.location) === null || _c === void 0 ? void 0 : _c.file) && ((_d = test.location) === null || _d === void 0 ? void 0 : _d.line) && ((_e = test.location) === null || _e === void 0 ? void 0 : _e.column)) {
                 const relativePath = path.relative(this.config.rootDir, test.location.file);
                 codeSnippet = `Test defined at: ${relativePath}:${test.location.line}:${test.location.column}`;
             }
@@ -209,17 +209,18 @@ class PlaywrightPulseReporter {
             id: test.id || `${test.title}-${startTime.toISOString()}-${(0, crypto_1.randomUUID)()}`, // Use the original ID logic here
             runId: "TBD", // Will be set later
             name: test.titlePath().join(" > "),
-            suiteName: ((_d = this.config.projects[0]) === null || _d === void 0 ? void 0 : _d.name) || "Default Suite",
+            suiteName: ((_f = this.config.projects[0]) === null || _f === void 0 ? void 0 : _f.name) || "Default Suite",
             status: testStatus,
             duration: result.duration,
             startTime: startTime,
             endTime: endTime,
+            browser: browserName,
             retries: result.retry,
-            steps: ((_e = result.steps) === null || _e === void 0 ? void 0 : _e.length)
+            steps: ((_g = result.steps) === null || _g === void 0 ? void 0 : _g.length)
                 ? await processAllSteps(result.steps, testStatus)
                 : [],
-            errorMessage: (_f = result.error) === null || _f === void 0 ? void 0 : _f.message,
-            stackTrace: (_g = result.error) === null || _g === void 0 ? void 0 : _g.stack,
+            errorMessage: (_h = result.error) === null || _h === void 0 ? void 0 : _h.message,
+            stackTrace: (_j = result.error) === null || _j === void 0 ? void 0 : _j.stack,
             codeSnippet: codeSnippet,
             tags: test.tags.map((tag) => tag.startsWith("@") ? tag.substring(1) : tag),
             screenshots: [],

package/dist/types/index.d.ts

@@ -7,6 +7,7 @@ export interface TestStep {
     duration: number;
     startTime: Date;
     endTime: Date;
+    browser: string;
     errorMessage?: string;
     stackTrace?: string;
     codeLocation?: string;
@@ -29,6 +30,7 @@ export interface TestResult {
     tags?: string[];
     suiteName?: string;
     runId: string;
+    browser: string;
     screenshots?: string[];
     videoPath?: string;
     tracePath?: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arghajit/playwright-pulse-report",
   "author": "Arghajit Singha",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "A Playwright reporter and dashboard for visualizing test results.",
   "keywords": [
     "playwright",
@@ -11,7 +11,10 @@
     "reporting",
     "nextjs",
     "playwright-pulse",
-    "report"
+    "report",
+    "email-report",
+    "send-report",
+    "email"
   ],
   "main": "dist/reporter/index.js",
   "types": "dist/reporter/index.d.ts",
@@ -22,7 +25,8 @@
   "license": "MIT",
   "bin": {
     "generate-pulse-report": "./scripts/generate-static-report.mjs",
-    "merge-pulse-report": "./scripts/merge-pulse-report.js"
+    "merge-pulse-report": "./scripts/merge-pulse-report.js",
+    "send-email": "./scripts/sendReport.js"
   },
   "exports": {
     ".": {
@@ -41,7 +45,9 @@
     "lint": "next lint",
     "typecheck": "tsc --noEmit",
     "prepublishOnly": "npm run build:reporter",
-    "report:static": "node ./scripts/generate-static-report.mjs"
+    "report:static": "node ./scripts/generate-static-report.mjs",
+    "report:merge": "node ./scripts/merge-pulse-report.js",
+    "report:email": "node ./scripts/sendReport.js"
   },
   "dependencies": {
     "@genkit-ai/googleai": "^1.6.2",
@@ -86,7 +92,10 @@
     "recharts": "^2.15.1",
     "tailwind-merge": "^3.0.1",
     "tailwindcss-animate": "^1.0.7",
-    "zod": "^3.24.2"
+    "zod": "^3.24.2",
+    "archiver": "^7.0.1",
+    "dotenv": "^16.5.0",
+    "nodemailer": "^7.0.3"
   },
   "devDependencies": {
     "@types/node": "^20",

package/scripts/generate-static-report.mjs

@@ -221,7 +221,7 @@ function getSuitesData(results) {
   const suitesMap = new Map();
 
   results.forEach((test) => {
-    const browser = test.name.split(" > ")[1]; // Extract browser (chromium/firefox/webkit)
+    const browser = test.browser; // Extract browser (chromium/firefox/webkit)
     const suiteName = test.suiteName;
     const key = `${suiteName}|${browser}`;
 
@@ -231,6 +231,7 @@ function getSuitesData(results) {
         name: `${suiteName} (${browser})`,
         status: test.status,
         count: 0,
+        browser: browser,
       });
     }
     suitesMap.get(key).count++;
@@ -267,6 +268,7 @@ function generateSuitesWidget(suitesData) {
           suite.count !== 1 ? "s" : ""
         }</span>
       </div>
+      <span class="browser-name">${suite.browser}</span>
     </div>
     `
       )
@@ -469,8 +471,7 @@ function generateHTML(reportData) {
 
     return results
       .map((test, index) => {
-        const browserMatch = test.name.match(/ > (\w+) > /);
-        const browser = browserMatch ? browserMatch[1] : "unknown";
+        const browser = test.browser || "unknown";
         const testName = test.name.split(" > ").pop() || test.name;
 
         // Generate steps HTML recursively
@@ -1272,12 +1273,7 @@ function generateHTML(reportData) {
                 <select id="filter-browser">
                     <option value="">All Browsers</option>
                     ${Array.from(
-                      new Set(
-                        results.map((test) => {
-                          const match = test.name.match(/ > (\w+) > /);
-                          return match ? match[1] : "unknown";
-                        })
-                      )
+                      new Set(results.map((test) => test.browser || "unknown"))
                     )
                       .map(
                         (browser) => `
@@ -1533,4 +1529,4 @@ async function main() {
 }
 
 // Run the main function
-main();
+main();

package/scripts/sendReport.js

@@ -0,0 +1,335 @@
+#!/usr/bin/env node
+const nodemailer = require("nodemailer");
+const path = require("path");
+const archiver = require("archiver");
+const fileSystem = require("fs");
+const reportDir = "./pulse-report";
+
+require("dotenv").config();
+
+let fetch;
+import("node-fetch")
+  .then((module) => {
+    fetch = module.default;
+  })
+  .catch((err) => {
+    console.error("Failed to import node-fetch:", err);
+    process.exit(1);
+  });
+
+let projectName;
+
+function getUUID() {
+  const reportPath = path.join(
+    process.cwd(),
+    `${reportDir}/playwright-pulse-report.json`
+  );
+  console.log("Report path:", reportPath);
+
+  if (!fileSystem.existsSync(reportPath)) {
+    throw new Error("Pulse report file not found.");
+  }
+
+  const content = JSON.parse(fileSystem.readFileSync(reportPath, "utf-8"));
+  const idString = content.run.id;
+  const parts = idString.split("-");
+  const uuid = parts.slice(-5).join("-");
+  return uuid;
+}
+
+function formatDuration(ms) {
+  const seconds = (ms / 1000).toFixed(2);
+  if (ms < 1000) return `${ms}ms`;
+  if (ms < 60000) return `${seconds}s`;
+  if (ms < 3600000) return `${(ms / 60000).toFixed(1)}min`;
+  return `${(ms / 3600000).toFixed(1)}h`;
+}
+const formatStartTime = (isoString) => {
+  const date = new Date(isoString);
+  return date.toLocaleString(); // Default locale
+};
+
+// Generate test-data from allure report
+const getPulseReportSummary = () => {
+  const reportPath = path.join(
+    process.cwd(),
+    `${reportDir}/playwright-pulse-report.json`
+  );
+
+  if (!fileSystem.existsSync(reportPath)) {
+    throw new Error("Pulse report file not found.");
+  }
+
+  const content = JSON.parse(fileSystem.readFileSync(reportPath, "utf-8"));
+  const run = content.run;
+
+  const total = run.totalTests || 0;
+  const passed = run.passed || 0;
+  const failed = run.failed || 0;
+  const skipped = run.skipped || 0;
+  const duration = (run.duration || 0) / 1000; // Convert ms to seconds
+
+  const readableStartTime = new Date(run.timestamp).toLocaleString();
+
+  return {
+    total,
+    passed,
+    failed,
+    skipped,
+    passedPercentage: total ? ((passed / total) * 100).toFixed(2) : "0.00",
+    failedPercentage: total ? ((failed / total) * 100).toFixed(2) : "0.00",
+    skippedPercentage: total ? ((skipped / total) * 100).toFixed(2) : "0.00",
+    startTime: readableStartTime,
+    duration: formatDuration(duration),
+  };
+};
+
+// sleep function for javascript file
+const delay = (time) => new Promise((resolve) => setTimeout(resolve, time));
+// Function to zip the folder asynchronously using async/await
+const zipFolder = async (folderPath, zipPath) => {
+  return new Promise((resolve, reject) => {
+    const output = fileSystem.createWriteStream(zipPath); // Must use require("fs") directly here
+    const archive = archiver("zip", { zlib: { level: 9 } });
+
+    output.on("close", () => {
+      console.log(`${archive.pointer()} total bytes`);
+      console.log("Folder has been zipped successfully.");
+      resolve(); // Resolve the promise after zipping is complete
+    });
+
+    archive.on("error", (err) => {
+      reject(err); // Reject the promise in case of an error
+    });
+
+    archive.pipe(output);
+    archive.directory(folderPath, false); // Zip the folder without the parent folder
+    archive.finalize(); // Finalize the archive
+  });
+};
+
+// Function to convert JSON data to HTML table format
+const generateHtmlTable = (data) => {
+  projectName = "Pulse Emailable Report";
+  const stats = data;
+  const total = stats.passed + stats.failed + stats.skipped;
+  const passedTests = stats.passed;
+  const passedPercentage = stats.passedPercentage;
+  const failedTests = stats.failed;
+  const failedPercentage = stats.failedPercentage;
+  const skippedTests = stats.skipped;
+  const skippedPercentage = stats.skippedPercentage;
+  const startTime = stats.startTime;
+  const durationSeconds = stats.duration;
+
+  return `
+  <!DOCTYPE html>
+  <html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Test Stats Report</title>
+    <style>
+      table {
+        width: 100%;
+        border-collapse: collapse;
+      }
+      table, th, td {
+        border: 1px solid black;
+      }
+      th, td {
+        padding: 8px;
+        text-align: left;
+      }
+      th {
+        background-color: #f2f2f2;
+      }
+    </style>
+  </head>
+  <body>
+    <h1>${projectName} Statistics</h1>
+    <table>
+      <thead>
+        <tr>
+          <th>Metric</th>
+          <th>Value</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>Test Start Time</td>
+          <td>${startTime}</td>
+        </tr>
+        <tr>
+          <td>Test Run Duration (Seconds)</td>
+          <td>${durationSeconds}</td>
+        </tr>
+        <tr>
+          <td>Total Tests Count</td>
+          <td>${total}</td>
+        </tr>
+        <tr>
+          <td>Tests Passed</td>
+          <td>${passedTests} (${passedPercentage}%)</td>
+        </tr>
+        <tr>
+          <td>Skipped Tests</td>
+          <td>${skippedTests} (${skippedPercentage}%)</td>
+        </tr>
+        <tr>
+          <td>Test Failed</td>
+          <td>${failedTests} (${failedPercentage}%)</td>
+        </tr>
+      </tbody>
+    </table>
+    <p>With regards,</p>
+    <p>Networks QA Team</p>
+  </body>
+  </html>
+  `;
+};
+
+// Async function to send an email
+const sendEmail = async (credentials) => {
+  try {
+    console.log("Starting the sendEmail function...");
+
+    // Configure nodemailer transporter
+    const secureTransporter = nodemailer.createTransport({
+      host: "smtp.gmail.com",
+      port: 465,
+      secure: true, // Use SSL/TLS
+      auth: {
+        user: credentials.username,
+        pass: credentials.password, // Ensure you use app password or secured token
+      },
+    });
+    // Generate HTML content for email
+    const reportData = getPulseReportSummary();
+    const htmlContent = generateHtmlTable(reportData);
+
+    // Configure mail options
+    const mailOptions = {
+      from: credentials.username,
+      to: [
+        process.env.SENDER_EMAIL_1 || "",
+        process.env.SENDER_EMAIL_2 || "",
+        process.env.SENDER_EMAIL_3 || "",
+        process.env.SENDER_EMAIL_4 || "",
+        process.env.SENDER_EMAIL_5 || "",
+      ],
+      subject: "Pulse Report " + new Date().toLocaleString(),
+      html: htmlContent,
+      attachments: [
+        {
+          filename: `report.html`,
+          path: `${reportDir}/playwright-pulse-static-report.html`, // Attach the zipped folder
+        },
+      ],
+    };
+
+    // Send email
+    const info = await secureTransporter.sendMail(mailOptions);
+    console.log("Email sent: ", info.response);
+  } catch (error) {
+    console.error("Error sending email: ", error);
+  }
+};
+
+async function fetchCredentials(retries = 6) {
+  const timeout = 10000; // 10 seconds timeout
+  const key = getUUID();
+  // Validate API key exists before making any requests
+  if (!key) {
+    console.error(
+      "🔴 Critical: API key not provided - please set EMAIL_KEY in your environment variables"
+    );
+    console.warn("🟠 Falling back to default credentials (if any)");
+    return null; // Return null instead of throwing
+  }
+
+  for (let attempt = 1; attempt <= retries; attempt++) {
+    try {
+      console.log(`🟡 Attempt ${attempt} of ${retries}`);
+
+      // Create a timeout promise
+      const timeoutPromise = new Promise((_, reject) => {
+        setTimeout(() => {
+          reject(new Error(`Request timed out after ${timeout}ms`));
+        }, timeout);
+      });
+
+      // Create the fetch promise
+      const fetchPromise = fetch(
+        "https://test-dashboard-66zd.onrender.com/api/getcredentials",
+        {
+          method: "GET",
+          headers: {
+            "x-api-key": `${key}`,
+          },
+        }
+      );
+
+      // Race between fetch and timeout
+      const response = await Promise.race([fetchPromise, timeoutPromise]);
+
+      if (!response.ok) {
+        // Handle specific HTTP errors with console messages only
+        if (response.status === 401) {
+          console.error("🔴 Invalid API key - authentication failed");
+        } else if (response.status === 404) {
+          console.error("🔴 Endpoint not found - check the API URL");
+        } else {
+          console.error(`🔴 Fetch failed with status: ${response.status}`);
+        }
+        continue; // Skip to next attempt instead of throwing
+      }
+
+      const data = await response.json();
+
+      // Validate the response structure
+      if (!data.username || !data.password) {
+        console.error("🔴 Invalid credentials format received from API");
+        continue;
+      }
+
+      console.log("🟢 Fetched credentials successfully");
+      return data;
+    } catch (err) {
+      console.error(`🔴 Attempt ${attempt} failed: ${err.message}`);
+
+      if (attempt === retries) {
+        console.error(
+          `🔴 All ${retries} attempts failed. Last error: ${err.message}`
+        );
+        console.warn(
+          "🟠 Proceeding without credentials - email sending will be skipped"
+        );
+        return null;
+      }
+
+      await new Promise((resolve) => setTimeout(resolve, 1000));
+    }
+  }
+}
+
+// Main function to zip the folder and send the email
+const main = async () => {
+  await import("node-fetch").then((module) => {
+    fetch = module.default;
+  });
+  const credentials = await fetchCredentials();
+  if (!credentials) {
+    console.warn("Skipping email sending due to missing credentials");
+    // Continue with pipeline without failing
+    return;
+  }
+  await delay(10000);
+  try {
+    await sendEmail(credentials);
+  } catch (error) {
+    console.error("Error in main function: ", error);
+  }
+};
+
+main();