ortoni-report 1.1.1 → 1.1.2

package/changelog.md

@@ -1,5 +1,27 @@
 # Change Log:
 
+## Version 1.1.2
+
+**New Features:**
+- **Ellipsis Styling for Test Names:** Long test names are now truncated with ellipsis for better readability.
+- **Retry, Pass, Fail, and Skip Indicators:** Added visual indicators (images) to denote the status of each test, including retries.
+- **Enhanced `msToTime` Function:** Duration now includes milliseconds for more precise time tracking.
+- **Summary Filters:** Clicking on summary filters (passed, failed & other) to display the selected filter.
+
+**Improvements:**
+- **Unified Status Handling:** The `applyFilter` function now treats `failed` and `timedOut` statuses as the same for consistent filtering.
+- **Date and Time Formatting:** Passed date in the format `DD-MMM-YYYY` and included time for more detailed reporting.
+- **Success Rate and Last Run Data:** Added the ability to pass `successRate` and `lastRun` data to the `onEnd` method for comprehensive report details.
+
+**Bug Fixes:**
+- Fixed issues with conditionals in Handlebars for status checking.
+- Improved event listener attachment for filtering and search functionalities.
+
+**Notes:**
+- Screenshot handling has been enhanced with modal dialogs, using Pico.css for styling.
+
+This release includes several visual and functional enhancements aimed at improving the usability and readability of the Playwright test reports. The added features and improvements will help users better understand test outcomes and statuses at a glance.
+
 ### Version 1.1.0
 
 ## New Features

package/dist/ortoni-report.d.ts

@@ -15,6 +15,7 @@ declare class OrtoniReport implements Reporter {
     onBegin(config: FullConfig, suite: Suite): void;
     onTestBegin(test: TestCase, result: TestResult): void;
     onTestEnd(test: TestCase, result: TestResult): void;
+    private _successRate;
     onEnd(result: FullResult): void;
     generateHTML(): string;
 }

package/dist/ortoni-report.js

@@ -38,30 +38,36 @@ var import_path2 = __toESM(require("path"));
 var import_handlebars = __toESM(require("handlebars"));
 var import_safe = __toESM(require("colors/safe"));
 
-// src/utils/time.ts
+// src/utils/utils.ts
 var import_path = __toESM(require("path"));
 function msToTime(duration) {
+  const milliseconds = Math.floor(duration % 1e3);
   const seconds = Math.floor(duration / 1e3 % 60);
   const minutes = Math.floor(duration / (1e3 * 60) % 60);
   const hours = Math.floor(duration / (1e3 * 60 * 60) % 24);
-  const parts = [];
-  if (hours > 0)
-    parts.push(hours + "h");
-  if (minutes > 0)
-    parts.push(minutes + "m");
-  if (seconds > 0 || parts.length === 0)
-    parts.push(seconds + "s");
-  return parts.join(" ");
+  const hoursStr = hours < 10 ? "0" + hours : hours;
+  const minutesStr = minutes < 10 ? "0" + minutes : minutes;
+  const secondsStr = seconds < 10 ? "0" + seconds : seconds;
+  const millisecondsStr = milliseconds < 100 ? "0" + milliseconds : milliseconds;
+  return `${hoursStr}:${minutesStr}:${secondsStr}.${millisecondsStr}`;
 }
 function normalizeFilePath(filePath) {
   const normalizedPath = import_path.default.normalize(filePath);
   return import_path.default.basename(normalizedPath);
 }
+function formatDate(date) {
+  const day = String(date.getDate()).padStart(2, "0");
+  const month = date.toLocaleString("default", { month: "short" });
+  const year = date.getFullYear();
+  const time = date.toLocaleTimeString();
+  return `${day}-${month}-${year} ${time}`;
+}
 
 // src/ortoni-report.ts
 var OrtoniReport = class {
   constructor(config = {}) {
     this.results = [];
+    this._successRate = "";
     this.config = config;
   }
   onBegin(config, suite) {
@@ -75,14 +81,19 @@ var OrtoniReport = class {
   onTestBegin(test, result) {
   }
   onTestEnd(test, result) {
+    let status = result.status;
+    if (test.outcome() === "flaky") {
+      status = "flaky";
+    }
     const testResult = {
+      isRetry: result.retry,
       totalDuration: "",
       projectName: test.titlePath()[1],
       // Get the project name
       suite: test.titlePath()[3],
       // Adjust the index based on your suite hierarchy
       title: test.title,
-      status: result.status,
+      status,
       flaky: test.outcome(),
       duration: msToTime(result.duration),
       errors: result.errors.map((e) => import_safe.default.strip(e.message || e.toString())),
@@ -112,6 +123,7 @@ var OrtoniReport = class {
     this.results.push(testResult);
   }
   onEnd(result) {
+    this._successRate = (this.results.filter((r) => r.status === "passed").length / this.results.length * 100).toFixed(2);
     this.results[0].totalDuration = msToTime(result.duration);
     this.groupedResults = this.results.reduce((acc, result2, index) => {
       const filePath = result2.filePath;
@@ -132,6 +144,22 @@ var OrtoniReport = class {
     import_handlebars.default.registerHelper("json", function(context) {
       return safeStringify(context);
     });
+    import_handlebars.default.registerHelper("eq", function(actualStatus, expectedStatus) {
+      return actualStatus === expectedStatus;
+    });
+    import_handlebars.default.registerHelper("or", () => {
+      var args = Array.prototype.slice.call(arguments);
+      var options = args.pop();
+      for (var i = 0; i < args.length; i++) {
+        if (args[i]) {
+          return options.fn(this);
+        }
+      }
+      return options.inverse(this);
+    });
+    import_handlebars.default.registerHelper("gt", function(a, b) {
+      return a > b;
+    });
     const html = this.generateHTML();
     const outputPath = import_path2.default.resolve(process.cwd(), "ortoni-report.html");
     import_fs.default.writeFileSync(outputPath, html);
@@ -151,11 +179,10 @@ var OrtoniReport = class {
       totalCount: this.results.length,
       groupedResults: this.groupedResults,
       projectName: this.config.projectName,
-      // Include project name
       authorName: this.config.authorName,
-      // Include author name
-      testType: this.config.testType
-      // Include test type
+      testType: this.config.testType,
+      successRate: this._successRate,
+      lastRunDate: formatDate(/* @__PURE__ */ new Date())
     };
     return template(data);
   }

package/dist/ortoni-report.mjs

@@ -4,30 +4,36 @@ import path2 from "path";
 import Handlebars from "handlebars";
 import colors from "colors/safe";
 
-// src/utils/time.ts
+// src/utils/utils.ts
 import path from "path";
 function msToTime(duration) {
+  const milliseconds = Math.floor(duration % 1e3);
   const seconds = Math.floor(duration / 1e3 % 60);
   const minutes = Math.floor(duration / (1e3 * 60) % 60);
   const hours = Math.floor(duration / (1e3 * 60 * 60) % 24);
-  const parts = [];
-  if (hours > 0)
-    parts.push(hours + "h");
-  if (minutes > 0)
-    parts.push(minutes + "m");
-  if (seconds > 0 || parts.length === 0)
-    parts.push(seconds + "s");
-  return parts.join(" ");
+  const hoursStr = hours < 10 ? "0" + hours : hours;
+  const minutesStr = minutes < 10 ? "0" + minutes : minutes;
+  const secondsStr = seconds < 10 ? "0" + seconds : seconds;
+  const millisecondsStr = milliseconds < 100 ? "0" + milliseconds : milliseconds;
+  return `${hoursStr}:${minutesStr}:${secondsStr}.${millisecondsStr}`;
 }
 function normalizeFilePath(filePath) {
   const normalizedPath = path.normalize(filePath);
   return path.basename(normalizedPath);
 }
+function formatDate(date) {
+  const day = String(date.getDate()).padStart(2, "0");
+  const month = date.toLocaleString("default", { month: "short" });
+  const year = date.getFullYear();
+  const time = date.toLocaleTimeString();
+  return `${day}-${month}-${year} ${time}`;
+}
 
 // src/ortoni-report.ts
 var OrtoniReport = class {
   constructor(config = {}) {
     this.results = [];
+    this._successRate = "";
     this.config = config;
   }
   onBegin(config, suite) {
@@ -41,14 +47,19 @@ var OrtoniReport = class {
   onTestBegin(test, result) {
   }
   onTestEnd(test, result) {
+    let status = result.status;
+    if (test.outcome() === "flaky") {
+      status = "flaky";
+    }
     const testResult = {
+      isRetry: result.retry,
       totalDuration: "",
       projectName: test.titlePath()[1],
       // Get the project name
       suite: test.titlePath()[3],
       // Adjust the index based on your suite hierarchy
       title: test.title,
-      status: result.status,
+      status,
       flaky: test.outcome(),
       duration: msToTime(result.duration),
       errors: result.errors.map((e) => colors.strip(e.message || e.toString())),
@@ -78,6 +89,7 @@ var OrtoniReport = class {
     this.results.push(testResult);
   }
   onEnd(result) {
+    this._successRate = (this.results.filter((r) => r.status === "passed").length / this.results.length * 100).toFixed(2);
     this.results[0].totalDuration = msToTime(result.duration);
     this.groupedResults = this.results.reduce((acc, result2, index) => {
       const filePath = result2.filePath;
@@ -98,6 +110,22 @@ var OrtoniReport = class {
     Handlebars.registerHelper("json", function(context) {
       return safeStringify(context);
     });
+    Handlebars.registerHelper("eq", function(actualStatus, expectedStatus) {
+      return actualStatus === expectedStatus;
+    });
+    Handlebars.registerHelper("or", () => {
+      var args = Array.prototype.slice.call(arguments);
+      var options = args.pop();
+      for (var i = 0; i < args.length; i++) {
+        if (args[i]) {
+          return options.fn(this);
+        }
+      }
+      return options.inverse(this);
+    });
+    Handlebars.registerHelper("gt", function(a, b) {
+      return a > b;
+    });
     const html = this.generateHTML();
     const outputPath = path2.resolve(process.cwd(), "ortoni-report.html");
     fs.writeFileSync(outputPath, html);
@@ -117,11 +145,10 @@ var OrtoniReport = class {
       totalCount: this.results.length,
       groupedResults: this.groupedResults,
       projectName: this.config.projectName,
-      // Include project name
       authorName: this.config.authorName,
-      // Include author name
-      testType: this.config.testType
-      // Include test type
+      testType: this.config.testType,
+      successRate: this._successRate,
+      lastRunDate: formatDate(/* @__PURE__ */ new Date())
     };
     return template(data);
   }