@piwitests/reporter 0.62.0 → 0.63.0

package/dist/internal/capture/locator-healing.d.ts

@@ -131,6 +131,16 @@ declare function renderFailing(failed: FailedLocatorInfo): string;
  * present (so the failure wasn't a rename), or when no candidate is confident.
  */
 declare function suggestLocatorsFromAria(failed: FailedLocatorInfo, ariaSnapshot: string | null): LocatorSuggestion | null;
+/**
+ * The local path a stack frame's file names: a `file://` URL (an ES-module suite's frames) through `fileURLToPath`,
+ * any other path as it is. `windows` reads the URL as Windows does. Null for a URL that names no local file.
+ */
+declare function framePath(file: string, windows?: boolean): string | null;
+/**
+ * A stack frame's file relative to `cwd`, with forward slashes: the form Playwright writes a location in its error
+ * messages. A file on another drive stays absolute. Null for a URL that names no local file.
+ */
+declare function callSitePath(file: string, cwd?: string, windows?: boolean): string | null;
 /**
  * Capture the calling test's source location (`file:line:col`) from the current
  * stack, for stamping onto a locator snapshot. The path is made cwd-relative so
@@ -147,4 +157,4 @@ declare function suggestLocatorsFromAria(failed: FailedLocatorInfo, ariaSnapshot
  */
 declare function captureCallerLocation(stack?: string): string | null;
 
-export { ACTION_METHODS, CHAIN_METHODS, EXPECT_CAPTURE_EXPRESSIONS, EXPECT_METHOD, FORM_FIELD_TAGS, type FailedLocatorInfo, LOCATOR_CREATING_CHAINS, LOCATOR_METHODS, type LocatorSuggestion, type NameSource, captureCallerLocation, dedupeSnapshotsByLocation, exactAccessibleName, extractAccessibleName, renderFailing, suggestLocatorsFromAria };
+export { ACTION_METHODS, CHAIN_METHODS, EXPECT_CAPTURE_EXPRESSIONS, EXPECT_METHOD, FORM_FIELD_TAGS, type FailedLocatorInfo, LOCATOR_CREATING_CHAINS, LOCATOR_METHODS, type LocatorSuggestion, type NameSource, callSitePath, captureCallerLocation, dedupeSnapshotsByLocation, exactAccessibleName, extractAccessibleName, framePath, renderFailing, suggestLocatorsFromAria };

package/dist/internal/capture/locator-healing.js

@@ -41,11 +41,13 @@ __export(locator_healing_exports, {
   LOCATOR_METHODS: () => LOCATOR_METHODS,
   TAG_TO_ROLE: () => TAG_TO_ROLE,
   approximateAccessibleName: () => approximateAccessibleName,
+  callSitePath: () => callSitePath,
   captureCallerLocation: () => captureCallerLocation,
   classifyCssStability: () => classifyCssStability,
   dedupeSnapshotsByLocation: () => dedupeSnapshotsByLocation,
   exactAccessibleName: () => exactAccessibleName,
   extractAccessibleName: () => extractAccessibleName,
+  framePath: () => framePath,
   generateAlternatives: () => generateAlternatives,
   headingLevel: () => headingLevel,
   isAutoGenerated: () => isAutoGenerated,
@@ -55,6 +57,7 @@ __export(locator_healing_exports, {
 });
 module.exports = __toCommonJS(locator_healing_exports);
 var path = __toESM(require("path"));
+var import_node_url = require("url");
 
 // ../core/src/locator-chain.ts
 var LOCATING_METHODS = /* @__PURE__ */ new Set([
@@ -744,6 +747,20 @@ function suggestLocatorsFromAria(failed, ariaSnapshot) {
   if (suggestions.length === 0) return null;
   return { failing: renderFailing(failed), suggestions };
 }
+function framePath(file, windows = process.platform === "win32") {
+  if (!file.startsWith("file://")) return file;
+  try {
+    return (0, import_node_url.fileURLToPath)(file, { windows });
+  } catch {
+    return null;
+  }
+}
+function callSitePath(file, cwd = process.cwd(), windows = process.platform === "win32") {
+  const local = framePath(file, windows);
+  if (local === null) return null;
+  const paths = windows ? path.win32 : path.posix;
+  return paths.relative(cwd, local).split(paths.sep).join("/");
+}
 function captureCallerLocation(stack = new Error().stack ?? "") {
   const lines = stack.split("\n");
   let prevWasCaptureModule = false;
@@ -756,13 +773,8 @@ function captureCallerLocation(stack = new Error().stack ?? "") {
       prevWasCaptureModule = false;
       continue;
     }
-    let file = m[2];
-    if (!file || file.startsWith("node:")) {
-      prevWasCaptureModule = false;
-      continue;
-    }
-    file = file.replace(/^file:\/\/\/?/, "");
-    if (!/\.[a-z]+$/i.test(file)) {
+    const file = m[2] ? framePath(m[2]) : null;
+    if (!file || file.startsWith("node:") || !/\.[a-z]+$/i.test(file)) {
       prevWasCaptureModule = false;
       continue;
     }
@@ -785,11 +797,9 @@ function captureCallerLocation(stack = new Error().stack ?? "") {
     }
     let rel = file;
     try {
-      rel = path.relative(process.cwd(), file);
+      rel = callSitePath(file) ?? file;
     } catch {
     }
-    rel = rel.split(path.sep).join("/");
-    if (rel.startsWith("./")) rel = rel.slice(2);
     return `${rel}:${m[3]}:${m[4]}`;
   }
   return null;
@@ -807,11 +817,13 @@ function captureCallerLocation(stack = new Error().stack ?? "") {
   LOCATOR_METHODS,
   TAG_TO_ROLE,
   approximateAccessibleName,
+  callSitePath,
   captureCallerLocation,
   classifyCssStability,
   dedupeSnapshotsByLocation,
   exactAccessibleName,
   extractAccessibleName,
+  framePath,
   generateAlternatives,
   headingLevel,
   isAutoGenerated,

package/dist/internal/capture/pick-on-failure.js

@@ -880,13 +880,17 @@ function showAnchorPicker(arg) {
   }
   const MONO = "ui-monospace,SFMono-Regular,Menlo,Consolas,monospace";
   const outline = doc.createElement("div");
+  outline.id = "__piwi_anchor_outline";
   outline.style.cssText = `position:fixed;pointer-events:none;z-index:${Z};box-sizing:border-box;border:2px solid #22c55e;background:rgba(34,197,94,.10);border-radius:4px;display:none;box-shadow:0 0 0 1px rgba(255,255,255,.9),0 0 0 3px rgba(5,46,22,.5);`;
   const outlineLabel = doc.createElement("div");
+  outlineLabel.id = "__piwi_anchor_label";
   outlineLabel.style.cssText = `position:fixed;pointer-events:none;z-index:${Z + 1};display:none;box-sizing:border-box;max-width:min(420px,90vw);background:#0b1120;color:#f9fafb;border:1px solid #22c55e;border-radius:6px;padding:3px 7px;font:12px/1.45 ${MONO};white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 18px rgba(0,0,0,.5);`;
   const pickedOutline = doc.createElement("div");
+  pickedOutline.id = "__piwi_anchor_picked";
   const pr = el.getBoundingClientRect();
   pickedOutline.style.cssText = `position:fixed;pointer-events:none;z-index:${Z};box-sizing:border-box;border:2px solid #a855f7;background:rgba(168,85,247,.14);border-radius:4px;box-shadow:0 0 0 1px rgba(255,255,255,.9),0 0 0 3px rgba(59,7,100,.55);left:${pr.left}px;top:${pr.top}px;width:${pr.width}px;height:${pr.height}px;`;
   const panel = doc.createElement("div");
+  panel.id = "__piwi_anchor_panel";
   panel.style.cssText = `position:fixed;top:12px;right:12px;z-index:${Z + 3};width:min(340px,calc(100vw - 56px));max-height:82vh;overflow:auto;background:#111827;color:#f9fafb;border-radius:10px;padding:16px;font:12px/1.5 system-ui,sans-serif;box-shadow:0 8px 40px rgba(0,0,0,.5);`;
   const title = doc.createElement("div");
   title.style.cssText = "font-weight:600;font-size:13px;margin-bottom:2px;";
@@ -1075,6 +1079,7 @@ function showPickerChoices(arg) {
   }
   const Z = 2147483600;
   const wrap = doc.createElement("div");
+  wrap.id = "__piwi_picker_choices";
   wrap.style.cssText = `position:fixed;inset:0;z-index:${Z + 3};background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;font:13px/1.5 system-ui,sans-serif;`;
   const panel = doc.createElement("div");
   panel.style.cssText = "background:#111827;color:#f9fafb;border-radius:10px;padding:20px;max-width:640px;width:90vw;max-height:70vh;overflow:auto;box-shadow:0 8px 40px rgba(0,0,0,.5);";
@@ -1105,10 +1110,14 @@ function showPickerChoices(arg) {
   }
   panel.appendChild(title);
   panel.appendChild(sub);
-  const done = (choice) => {
-    g.__piwiPickChoice = choice;
+  const cleanup = () => {
     doc.removeEventListener("keydown", onKey, true);
     wrap.remove();
+    if (g.__piwiChoiceCleanup === cleanup) delete g.__piwiChoiceCleanup;
+  };
+  const done = (choice) => {
+    g.__piwiPickChoice = choice;
+    cleanup();
   };
   const onKey = (e) => {
     if (e.key !== "Escape") return;
@@ -1144,6 +1153,7 @@ function showPickerChoices(arg) {
   });
   panel.appendChild(skip);
   doc.addEventListener("keydown", onKey, true);
+  g.__piwiChoiceCleanup = cleanup;
   wrap.appendChild(panel);
   doc.body.appendChild(wrap);
 }
@@ -1569,6 +1579,7 @@ function mergeCandidates(base, extra) {
 
 // src/internal/capture/locator-healing.ts
 var path = __toESM(require("path"));
+var import_node_url = require("url");
 
 // ../core/src/locator-fingerprint.ts
 var FUNCTION_WORDS = new Set(
@@ -1625,8 +1636,10 @@ async function cleanupPicker(page, ended = false) {
         const g = globalThis;
         if (typeof g.__piwiPickCleanup === "function") g.__piwiPickCleanup();
         if (typeof g.__piwiAnchorCleanup === "function") g.__piwiAnchorCleanup();
+        if (typeof g.__piwiChoiceCleanup === "function") g.__piwiChoiceCleanup();
         delete g.__piwiPickCleanup;
         delete g.__piwiAnchorCleanup;
+        delete g.__piwiChoiceCleanup;
         delete g.__piwiPickState;
         delete g.__piwiPickChoice;
         delete g.__piwiPickedElement;
@@ -1652,13 +1665,24 @@ function unlessEnded(run, ended) {
   ]);
 }
 async function pickLocator(page, probe, failing, ended) {
+  let polling = false;
   const answered = async (name) => {
     const wait = page.waitForFunction(
-      ([key, endedKey]) => globalThis[key] !== void 0 || globalThis[endedKey] === true,
+      ([key, endedKey]) => {
+        const g = globalThis;
+        if (g[endedKey] !== true) return g[key] !== void 0;
+        delete g[endedKey];
+        return true;
+      },
       [name, PICK_ENDED],
       { timeout: 0, polling: 250 }
     );
-    await unlessEnded(wait, ended);
+    polling = true;
+    const done = await unlessEnded(
+      wait.then(() => true),
+      ended
+    );
+    if (done) polling = false;
     return !ended?.aborted;
   };
   try {
@@ -1727,7 +1751,7 @@ async function pickLocator(page, probe, failing, ended) {
       ...anchors.length > 0 ? { anchors } : {}
     };
   } finally {
-    await cleanupPicker(page, ended?.aborted);
+    await cleanupPicker(page, polling);
   }
 }
 async function runLocatorPicker(page, testInfo, failed, probe) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@piwitests/reporter",
-  "version": "0.62.0",
+  "version": "0.63.0",
   "description": "Playwright reporter that streams results, traces and HTML reports to a Piwi Dashboard instance",
   "url": "https://github.com/PiwiTests/piwi",
   "homepage": "https://piwitests.dev",