@arghajit/dummy 0.1.0-beta-13 → 0.1.0-beta-15

package/README.md

@@ -11,27 +11,49 @@
 
 ### 🖥️ Desktop View
 
-<div align="center" style="display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;"> <a href="https://postimg.cc/180cym6c" target="_blank"> <img src="https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images/Users-arghajitsingha-Downloads-pulse-report-1-playwright-pulse-static-report-html.png" alt="Dashboard Overview" width="300"/> <p align="center"><strong>Dashboard Overview</strong></p> </a> <a href="https://postimg.cc/V5TFRHmM" target="_blank"> <img src="https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images/Users-arghajitsingha-Downloads-pulse-report-1-playwright-pulse-static-report-html-1.png" alt="Test Details" width="300"/> <p align="center"><strong>Test Details</strong></p> </a> <a href="https://postimg.cc/XXTwFGkk" target="_blank"> <img src="https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images/Users-arghajitsingha-Downloads-pulse-report-1-playwright-pulse-static-report-html-2.png" alt="Filter View" width="300"/> <p align="center"><strong>Filter View</strong></p> </a> </div>
+<div align="center" style="display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;">
+  <a href="https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images//playwright-pulse-static-report-desktop.html.png" target="_blank"> <img src="https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images//playwright-pulse-static-report-desktop.html.png" alt="Dashboard Overview" width="300"/>
+   <p align="center"><strong>Dashboard Overview</strong></p>
+  </a>
+  <a href="https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images//Test-run-desktop.png" target="_blank"> <img src="https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images//Test-run-desktop.png" alt="Test Details" width="300"/>
+   <p align="center"><strong>Test Details</strong>
+   </p>
+  </a>
+  <a href="https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images//Test-error-desktop.png" target="_blank"> <img src="https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images//Test-run-desktop.png" alt="Test Failure Details" width="300"/>
+   <p align="center"><strong>Test Failure Details</strong>
+   </p>
+  </a>
+  <a href="https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images//Test-trends-desktop.png" target="_blank"> <img src="https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images//Test-trends-desktop.png" alt="Filter View" width="300"/>
+  <p align="center"><strong>Test Trends</strong></p>
+  </a>
+</div>
 
 ### 📱 Mobile View
 
 <div align="center" style="display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;">
 
   <a href="https://postimg.cc/CzJBLR5N" target="_blank">
-    <img src="https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images/127-0-0-1-5500-pulse-report-output-playwright-pulse-static-report-html-i-Phone-14-Pro-Max.png" alt="Mobile Overview" width="300"/>
+    <img src="https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images//playwright-pulse-static-report-Dashboard.html.png" alt="Mobile Dashboard Overview" width="300"/>
     <p align="center"><strong>Dashboard Overview</strong></p>
   </a>
 
   <a href="https://postimg.cc/G8YTczT8" target="_blank">
-    <img src="https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images/127-0-0-1-5500-pulse-report-output-playwright-pulse-static-report-html-i-Phone-14-Pro-Max-1.png" alt="Test Details" width="300"/>
+    <img src="https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images//playwright-pulse-static-report_Test-results.html.png" alt="Test Details" width="300"/>
     <p align="center"><strong>Test Details</strong></p>
   </a>
 
+  <a href="https://postimg.cc/G8YTczT8" target="_blank">
+    <img src="https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images//playwright-pulse-static-report-Trends.html.png" alt="Test Trends" width="300"/>
+    <p align="center"><strong>Test Trends</strong></p>
+  </a>
+
 </div>
 
 ### Email Report Example
 
-[![Email Report](https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images//Email-report.jpg)](https://postimg.cc/DmCPgtqh)
+[![Email Report Template](https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images//Email-report-mobile-template.jpeg)](https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images//Email-report-mobile-template.jpeg)
+
+[![Email Report](https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images//pulse-email-summary.html.png)](https://ocpaxmghzmfbuhxzxzae.supabase.co/storage/v1/object/public/images//pulse-email-summary.html.png)
 
 ## 🛠️ How It Works
 
@@ -51,11 +73,11 @@
 ### 1. Installation
 
 ```bash
-npm install @arghajit/playwright-pulse-reporter@latest --save-dev
+npm install @arghajit/playwright-pulse-report@latest --save-dev
 # or
-yarn add @arghajit/playwright-pulse-reporter@latest --dev
+yarn add @arghajit/playwright-pulse-report@latest --dev
 # or
-pnpm add @arghajit/playwright-pulse-reporter@latest --save-dev
+pnpm add @arghajit/playwright-pulse-report@latest --save-dev
 ```
 
 ### 2. Configure Playwright
@@ -71,7 +93,7 @@ const PULSE_REPORT_DIR = path.resolve(__dirname, 'pulse-report');
 export default defineConfig({
   reporter: [
     ['list'],
-    ['@arghajit/playwright-pulse-reporter', {
+    ['@arghajit/playwright-pulse-report', {
       outputDir: PULSE_REPORT_DIR
     }]
   ],
@@ -116,6 +138,8 @@ npx generate-pulse-report
    npx send-email
    ```
 
+  NOTE: The email will be send with a light-weight html file, which can be opened in mail preview application.
+
 ## 🤖 AI Analysis
 
 The dashboard includes AI-powered test analysis that provides:

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

@@ -19,6 +19,7 @@ export declare class PlaywrightPulseReporter implements Reporter {
     private processStep;
     onTestEnd(test: TestCase, result: PwTestResult): Promise<void>;
     onError(error: any): void;
+    private _getEnvDetails;
     private _writeShardResults;
     private _mergeShardResults;
     private _cleanupTemporaryFiles;

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

@@ -40,6 +40,7 @@ const path = __importStar(require("path"));
 const crypto_1 = require("crypto");
 const attachment_utils_1 = require("./attachment-utils"); // Use relative path
 const ua_parser_js_1 = require("ua-parser-js"); // Added UAParser import
+const os = __importStar(require("os"));
 const convertStatus = (status, testCase) => {
     if ((testCase === null || testCase === void 0 ? void 0 : testCase.expectedStatus) === "failed") {
         return "failed";
@@ -244,6 +245,15 @@ class PlaywrightPulseReporter {
             });
         }
         const uniqueTestId = test.id;
+        // --- ADDED THIS SECTION for testData ---
+        const testSpecificData = {
+            workerId: result.workerIndex,
+            totalWorkers: this.config.workers,
+            configFile: this.config.configFile,
+            metadata: this.config.metadata
+                ? JSON.stringify(this.config.metadata)
+                : undefined,
+        };
         const pulseResult = {
             id: uniqueTestId,
             runId: "TBD",
@@ -265,6 +275,8 @@ class PlaywrightPulseReporter {
             tracePath: undefined,
             stdout: stdoutMessages.length > 0 ? stdoutMessages : undefined,
             stderr: stderrMessages.length > 0 ? stderrMessages : undefined,
+            // --- ADDED THESE LINES from testSpecificData ---
+            ...testSpecificData,
         };
         try {
             (0, attachment_utils_1.attachFiles)(testIdForFiles, result, pulseResult, this.options);
@@ -289,6 +301,20 @@ class PlaywrightPulseReporter {
             console.error(error.stack);
         }
     }
+    _getEnvDetails() {
+        return {
+            host: os.hostname(),
+            os: `${os.platform()} ${os.release()}`,
+            cpu: {
+                model: os.cpus()[0] ? os.cpus()[0].model : "N/A", // Handle cases with no CPU info
+                cores: os.cpus().length,
+            },
+            memory: `${(os.totalmem() / 1024 ** 3).toFixed(2)}GB`, // Total RAM in GB
+            node: process.version,
+            v8: process.versions.v8,
+            cwd: process.cwd(),
+        };
+    }
     async _writeShardResults() {
         if (this.shardIndex === undefined) {
             return;
@@ -383,6 +409,8 @@ class PlaywrightPulseReporter {
         const runEndTime = Date.now();
         const duration = runEndTime - this.runStartTime;
         const runId = `run-${this.runStartTime}-581d5ad8-ce75-4ca5-94a6-ed29c466c815`; // Need not to change
+        // --- CALLING _getEnvDetails HERE ---
+        const environmentDetails = this._getEnvDetails();
         const runData = {
             id: runId,
             timestamp: new Date(this.runStartTime),
@@ -391,10 +419,16 @@ class PlaywrightPulseReporter {
             failed: 0,
             skipped: 0,
             duration,
+            // --- ADDED environmentDetails HERE ---
+            environment: environmentDetails,
         };
         let finalReport = undefined; // Initialize as undefined
         if (this.isSharded) {
             finalReport = await this._mergeShardResults(runData);
+            // Ensured environment details are on the final merged runData if not already
+            if (finalReport && finalReport.run && !finalReport.run.environment) {
+                finalReport.run.environment = environmentDetails;
+            }
         }
         else {
             this.results.forEach((r) => (r.runId = runId));
@@ -441,6 +475,7 @@ PlaywrightPulseReporter: Run Finished
                     failed: 0,
                     skipped: 0,
                     duration: duration,
+                    environment: environmentDetails,
                 },
                 results: [],
                 metadata: {

package/dist/types/index.d.ts

@@ -36,6 +36,10 @@ export interface TestResult {
     tracePath?: string;
     stdout?: string[];
     stderr?: string[];
+    workerId?: number;
+    totalWorkers?: number;
+    configFile?: string;
+    metadata?: string;
 }
 export interface TestRun {
     id: string;
@@ -45,6 +49,7 @@ export interface TestRun {
     failed: number;
     skipped: number;
     duration: number;
+    environment?: EnvDetails;
 }
 export interface TrendDataPoint {
     date: string;
@@ -63,3 +68,15 @@ export interface PlaywrightPulseReporterOptions {
     outputDir?: string;
     base64Images?: boolean;
 }
+export interface EnvDetails {
+    host: string;
+    os: string;
+    cpu: {
+        model: string;
+        cores: number;
+    };
+    memory: string;
+    node: string;
+    v8: string;
+    cwd: string;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arghajit/dummy",
   "author": "Arghajit Singha",
-  "version": "0.1.0-beta-13",
+  "version": "0.1.0-beta-15",
   "description": "A Playwright reporter and dashboard for visualizing test results.",
   "keywords": [
     "playwright",
@@ -55,13 +55,13 @@
     "dotenv": "^16.5.0",
     "highcharts": "^12.2.0",
     "jsdom": "^26.1.0",
+    "lucide-react": "^0.475.0",
+    "node-fetch": "^3.3.2",
     "nodemailer": "^7.0.3",
     "patch-package": "^8.0.0",
     "recharts": "^2.15.1",
     "ua-parser-js": "^2.0.3",
-    "zod": "^3.24.2",
-    "lucide-react": "^0.475.0",
-    "node-fetch": "^3.3.2"
+    "zod": "^3.24.2"
   },
   "devDependencies": {
     "@types/node": "^20",

package/scripts/generate-email-report.mjs

@@ -2,8 +2,6 @@
 
 import * as fs from "fs/promises";
 import path from "path";
-import { fork } from "child_process";
-import { fileURLToPath } from "url";
 
 // Use dynamic import for chalk as it's ESM only
 let chalk;
@@ -21,12 +19,10 @@ try {
   };
 }
 
-// Default configuration
 const DEFAULT_OUTPUT_DIR = "pulse-report";
 const DEFAULT_JSON_FILE = "playwright-pulse-report.json";
 const MINIFIED_HTML_FILE = "pulse-email-summary.html"; // New minified report
 
-// Helper functions
 function sanitizeHTML(str) {
   if (str === null || str === undefined) return "";
   return String(str).replace(/[&<>"']/g, (match) => {
@@ -40,17 +36,93 @@ function sanitizeHTML(str) {
     return replacements[match] || match;
   });
 }
-
 function capitalize(str) {
   if (!str) return "";
   return str[0].toUpperCase() + str.slice(1).toLowerCase();
 }
+function formatDuration(ms, options = {}) {
+  const {
+    precision = 1,
+    invalidInputReturn = "N/A",
+    defaultForNullUndefinedNegative = null,
+  } = options;
 
-function formatDuration(ms) {
-  if (ms === undefined || ms === null || ms < 0) return "0.0s";
-  return (ms / 1000).toFixed(1) + "s";
-}
+  const validPrecision = Math.max(0, Math.floor(precision));
+  const zeroWithPrecision = (0).toFixed(validPrecision) + "s";
+  const resolvedNullUndefNegReturn =
+    defaultForNullUndefinedNegative === null
+      ? zeroWithPrecision
+      : defaultForNullUndefinedNegative;
+
+  if (ms === undefined || ms === null) {
+    return resolvedNullUndefNegReturn;
+  }
+
+  const numMs = Number(ms);
+
+  if (Number.isNaN(numMs) || !Number.isFinite(numMs)) {
+    return invalidInputReturn;
+  }
+
+  if (numMs < 0) {
+    return resolvedNullUndefNegReturn;
+  }
+
+  if (numMs === 0) {
+    return zeroWithPrecision;
+  }
+
+  const MS_PER_SECOND = 1000;
+  const SECONDS_PER_MINUTE = 60;
+  const MINUTES_PER_HOUR = 60;
+  const SECONDS_PER_HOUR = SECONDS_PER_MINUTE * MINUTES_PER_HOUR;
+
+  const totalRawSeconds = numMs / MS_PER_SECOND;
+
+  // Decision: Are we going to display hours or minutes?
+  // This happens if the duration is inherently >= 1 minute OR
+  // if it's < 1 minute but ceiling the seconds makes it >= 1 minute.
+  if (
+    totalRawSeconds < SECONDS_PER_MINUTE &&
+    Math.ceil(totalRawSeconds) < SECONDS_PER_MINUTE
+  ) {
+    // Strictly seconds-only display, use precision.
+    return `${totalRawSeconds.toFixed(validPrecision)}s`;
+  } else {
+    // Display will include minutes and/or hours, or seconds round up to a minute.
+    // Seconds part should be an integer (ceiling).
+    // Round the total milliseconds UP to the nearest full second.
+    const totalMsRoundedUpToSecond =
+      Math.ceil(numMs / MS_PER_SECOND) * MS_PER_SECOND;
+
+    let remainingMs = totalMsRoundedUpToSecond;
+
+    const h = Math.floor(remainingMs / (MS_PER_SECOND * SECONDS_PER_HOUR));
+    remainingMs %= MS_PER_SECOND * SECONDS_PER_HOUR;
+
+    const m = Math.floor(remainingMs / (MS_PER_SECOND * SECONDS_PER_MINUTE));
+    remainingMs %= MS_PER_SECOND * SECONDS_PER_MINUTE;
+
+    const s = Math.floor(remainingMs / MS_PER_SECOND); // This will be an integer
 
+    const parts = [];
+    if (h > 0) {
+      parts.push(`${h}h`);
+    }
+
+    // Show minutes if:
+    // - hours are present (e.g., "1h 0m 5s")
+    // - OR minutes themselves are > 0 (e.g., "5m 10s")
+    // - OR the original duration was >= 1 minute (ensures "1m 0s" for 60000ms)
+    if (h > 0 || m > 0 || numMs >= MS_PER_SECOND * SECONDS_PER_MINUTE) {
+      parts.push(`${m}m`);
+    }
+
+    parts.push(`${s}s`);
+
+    return parts.join(" ");
+  }
+}
 function formatDate(dateStrOrDate) {
   if (!dateStrOrDate) return "N/A";
   try {
@@ -69,7 +141,6 @@ function formatDate(dateStrOrDate) {
     return "Invalid Date Format";
   }
 }
-
 function getStatusClass(status) {
   switch (String(status).toLowerCase()) {
     case "passed":
@@ -82,7 +153,6 @@ function getStatusClass(status) {
       return "status-unknown";
   }
 }
-
 function getStatusIcon(status) {
   switch (String(status).toLowerCase()) {
     case "passed":
@@ -95,7 +165,6 @@ function getStatusIcon(status) {
       return "❓";
   }
 }
-
 function generateMinifiedHTML(reportData) {
   const { run, results } = reportData;
   const runSummary = run || {
@@ -108,9 +177,11 @@ function generateMinifiedHTML(reportData) {
   };
 
   const testsByBrowser = new Map();
+  const allBrowsers = new Set();
   if (results && results.length > 0) {
     results.forEach((test) => {
       const browser = test.browser || "unknown";
+      allBrowsers.add(browser);
       if (!testsByBrowser.has(browser)) {
         testsByBrowser.set(browser, []);
       }
@@ -126,7 +197,9 @@ function generateMinifiedHTML(reportData) {
     let html = "";
     testsByBrowser.forEach((tests, browser) => {
       html += `
-        <div class="browser-section">
+        <div class="browser-section" data-browser-group="${sanitizeHTML(
+          browser.toLowerCase()
+        )}">
           <h2 class="browser-title">${sanitizeHTML(capitalize(browser))}</h2>
           <ul class="test-list">
       `;
@@ -135,7 +208,12 @@ function generateMinifiedHTML(reportData) {
         const testTitle =
           testFileParts[testFileParts.length - 1] || "Unnamed Test";
         html += `
-            <li class="test-item ${getStatusClass(test.status)}">
+            <li class="test-item ${getStatusClass(test.status)}" 
+                data-test-name-min="${sanitizeHTML(testTitle.toLowerCase())}" 
+                data-status-min="${sanitizeHTML(
+                  String(test.status).toLowerCase()
+                )}"
+                data-browser-min="${sanitizeHTML(browser.toLowerCase())}">
               <span class="test-status-icon">${getStatusIcon(
                 test.status
               )}</span>
@@ -157,11 +235,13 @@ function generateMinifiedHTML(reportData) {
   }
 
   return `
-<!DOCTYPE html>
-<html lang="en">
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
 <head>
-    <meta charset="UTF-8">
+    <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/XqVn1NhF/pulse.png">
+    <link rel="apple-touch-icon" href="https://i.postimg.cc/XqVn1NhF/pulse.png">
     <title>Playwright Pulse Summary Report</title>
     <style>
         :root {
@@ -272,6 +352,43 @@ function generateMinifiedHTML(reportData) {
             padding-bottom: 10px;
             border-bottom: 2px solid var(--secondary-color);
         }
+        
+        /* Filters Section */
+        .filters-section {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 15px;
+            margin-bottom: 20px;
+            padding: 15px;
+            background-color: var(--light-gray-color);
+            border-radius: var(--border-radius);
+            border: 1px solid var(--border-color);
+        }
+        .filters-section input[type="text"],
+        .filters-section select {
+            padding: 8px 12px;
+            border: 1px solid var(--medium-gray-color);
+            border-radius: 4px;
+            font-size: 0.95em;
+            flex-grow: 1;
+        }
+        .filters-section select {
+            min-width: 150px;
+        }
+        .filters-section button {
+            padding: 8px 15px;
+            font-size: 0.95em;
+            background-color: var(--secondary-color);
+            color: white;
+            border: none;
+            border-radius: 4px;
+            cursor: pointer;
+            transition: background-color 0.2s ease;
+        }
+        .filters-section button:hover {
+            background-color: var(--primary-color);
+        }
+
         .browser-section {
             margin-bottom: 25px;
         }
@@ -294,7 +411,7 @@ function generateMinifiedHTML(reportData) {
             border: 1px solid var(--border-color);
             border-radius: var(--border-radius);
             background-color: #fff;
-            transition: background-color 0.2s ease;
+            transition: background-color 0.2s ease, display 0.3s ease-out;
         }
         .test-item:hover {
             background-color: var(--light-gray-color);
@@ -353,10 +470,11 @@ function generateMinifiedHTML(reportData) {
             .report-header { flex-direction: column; align-items: flex-start; gap: 10px; }
             .report-header h1 { font-size: 1.5em; }
             .run-info { text-align: left; }
-            .summary-stats { grid-template-columns: 1fr 1fr; } /* Two cards per row on smaller screens */
+            .summary-stats { grid-template-columns: 1fr 1fr; }
+            .filters-section { flex-direction: column; }
         }
         @media (max-width: 480px) {
-            .summary-stats { grid-template-columns: 1fr; } /* One card per row on very small screens */
+            .summary-stats { grid-template-columns: 1fr; }
         }
     </style>
 </head>
@@ -400,30 +518,121 @@ function generateMinifiedHTML(reportData) {
 
         <section class="test-results-section">
             <h1 class="section-title">Test Case Summary</h1>
+            
+            <div class="filters-section">
+                <input type="text" id="filter-min-name" placeholder="Search by test name...">
+                <select id="filter-min-status">
+                    <option value="">All Statuses</option>
+                    <option value="passed">Passed</option>
+                    <option value="failed">Failed</option>
+                    <option value="skipped">Skipped</option>
+                    <option value="unknown">Unknown</option>
+                </select>
+                <select id="filter-min-browser">
+                    <option value="">All Browsers</option>
+                    ${Array.from(allBrowsers)
+                      .map(
+                        (browser) =>
+                          `<option value="${sanitizeHTML(
+                            browser.toLowerCase()
+                          )}">${sanitizeHTML(capitalize(browser))}</option>`
+                      )
+                      .join("")}
+                </select>
+                <button id="clear-min-filters">Clear Filters</button>
+            </div>
+
             ${generateTestListHTML()}
         </section>
         
         <footer class="report-footer">
             <div style="display: inline-flex; align-items: center; gap: 0.5rem;">
-                <span>Created by</span>
+                <span>Created for</span>
                 <a href="https://github.com/Arghajit47" target="_blank" rel="noopener noreferrer">
-                    Arghajit Singha
+                    Pulse Email Report
                 </a>
             </div>
             <div style="margin-top: 0.3rem; font-size: 0.7rem;">Crafted with precision</div>
         </footer>
     </div>
     <script>
-        // Global helper functions needed by the template (if any complex ones were used)
-        // For this minified version, formatDuration and formatDate are primarily used during HTML generation server-side.
-        // No client-side interactivity scripts are needed for this simple report.
+        document.addEventListener('DOMContentLoaded', function() {
+            const nameFilterMin = document.getElementById('filter-min-name');
+            const statusFilterMin = document.getElementById('filter-min-status');
+            const browserFilterMin = document.getElementById('filter-min-browser');
+            const clearMinFiltersBtn = document.getElementById('clear-min-filters');
+            const testItemsMin = document.querySelectorAll('.test-results-section .test-item');
+            const browserSections = document.querySelectorAll('.test-results-section .browser-section');
+
+            function filterMinifiedTests() {
+                const nameValue = nameFilterMin.value.toLowerCase();
+                const statusValue = statusFilterMin.value;
+                const browserValue = browserFilterMin.value;
+                let anyBrowserSectionVisible = false;
+
+                browserSections.forEach(section => {
+                    let sectionHasVisibleTests = false;
+                    const testsInThisSection = section.querySelectorAll('.test-item');
+                    
+                    testsInThisSection.forEach(testItem => {
+                        const testName = testItem.getAttribute('data-test-name-min');
+                        const testStatus = testItem.getAttribute('data-status-min');
+                        const testBrowser = testItem.getAttribute('data-browser-min');
+
+                        const nameMatch = testName.includes(nameValue);
+                        const statusMatch = !statusValue || testStatus === statusValue;
+                        const browserMatch = !browserValue || testBrowser === browserValue;
+
+                        if (nameMatch && statusMatch && browserMatch) {
+                            testItem.style.display = 'flex';
+                            sectionHasVisibleTests = true;
+                            anyBrowserSectionVisible = true;
+                        } else {
+                            testItem.style.display = 'none';
+                        }
+                    });
+                    // Hide browser section if no tests match OR if a specific browser is selected and it's not this one
+                     if (!sectionHasVisibleTests || (browserValue && section.getAttribute('data-browser-group') !== browserValue)) {
+                        section.style.display = 'none';
+                    } else {
+                        section.style.display = '';
+                    }
+                });
+                
+                // Show "no tests" message if all sections are hidden
+                const noTestsMessage = document.querySelector('.test-results-section .no-tests');
+                if (noTestsMessage) {
+                    noTestsMessage.style.display = anyBrowserSectionVisible ? 'none' : 'block';
+                }
+
+            }
+
+            if (nameFilterMin) nameFilterMin.addEventListener('input', filterMinifiedTests);
+            if (statusFilterMin) statusFilterMin.addEventListener('change', filterMinifiedTests);
+            if (browserFilterMin) browserFilterMin.addEventListener('change', filterMinifiedTests);
+            
+            if (clearMinFiltersBtn) {
+                clearMinFiltersBtn.addEventListener('click', () => {
+                    nameFilterMin.value = '';
+                    statusFilterMin.value = '';
+                    browserFilterMin.value = '';
+                    filterMinifiedTests();
+                });
+            }
+            // Initial filter call in case of pre-filled values (though unlikely here)
+             if (testItemsMin.length > 0) { // Only filter if there are items
+                filterMinifiedTests();
+            }
+        });
+
+        // Fallback helper functions (though ideally not needed client-side for this minified report)
         if (typeof formatDuration === 'undefined') {
-             function formatDuration(ms) { // Fallback, though should be pre-rendered
+             function formatDuration(ms) { 
                 if (ms === undefined || ms === null || ms < 0) return "0.0s";
                 return (ms / 1000).toFixed(1) + "s";
             }
         }
-         if (typeof formatDate === 'undefined') { // Fallback
+         if (typeof formatDate === 'undefined') {
             function formatDate(dateStrOrDate) {
                 if (!dateStrOrDate) return "N/A";
                 try {
@@ -442,31 +651,6 @@ function generateMinifiedHTML(reportData) {
 </html>
   `;
 }
-
-async function runScript(scriptPath) {
-  return new Promise((resolve, reject) => {
-    const process = fork(scriptPath, [], {
-      stdio: "inherit",
-    });
-
-    process.on("error", (err) => {
-      console.error(chalk.red(`Failed to start script: ${scriptPath}`), err);
-      reject(err);
-    });
-
-    process.on("exit", (code) => {
-      if (code === 0) {
-        console.log(chalk.green(`Script ${scriptPath} finished successfully.`));
-        resolve();
-      } else {
-        const errorMessage = `Script ${scriptPath} exited with code ${code}.`;
-        console.error(chalk.red(errorMessage));
-        reject(new Error(errorMessage));
-      }
-    });
-  });
-}
-
 async function main() {
   const outputDir = path.resolve(process.cwd(), DEFAULT_OUTPUT_DIR);
   const reportJsonPath = path.resolve(outputDir, DEFAULT_JSON_FILE);
@@ -521,7 +705,6 @@ async function main() {
     process.exit(1);
   }
 }
-
 main().catch((err) => {
   console.error(
     chalk.red.bold(`Unhandled error during script execution: ${err.message}`)