@piwitests/reporter 0.55.0 → 0.57.0

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

@@ -56,6 +56,35 @@ __export(locator_healing_exports, {
 module.exports = __toCommonJS(locator_healing_exports);
 var path = __toESM(require("path"));
 
+// ../core/src/locator-chain.ts
+var LOCATING_METHODS = /* @__PURE__ */ new Set([
+  "getByRole",
+  "getByTestId",
+  "getByText",
+  "getByLabel",
+  "getByPlaceholder",
+  "getByAltText",
+  "getByTitle",
+  "locator",
+  "frameLocator"
+]);
+var NARROWING_METHODS = /* @__PURE__ */ new Set([
+  "filter",
+  "first",
+  "last",
+  "nth",
+  "and",
+  "or",
+  "visible",
+  "contentFrame",
+  "owner"
+]);
+var LOCATOR_CHAIN_METHODS = /* @__PURE__ */ new Set([...LOCATING_METHODS, ...NARROWING_METHODS]);
+function quoteJsString(value) {
+  const json = JSON.stringify(value).slice(1, -1);
+  return `'${json.replace(/\\"/g, '"').replace(/'/g, "\\'").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029")}'`;
+}
+
 // ../core/src/locator-fingerprint.ts
 var PRESENT_SIMILARITY = 0.8;
 var MATCH_SIMILARITY = 0.2;
@@ -86,6 +115,23 @@ function textSimilarity(a, b) {
   for (const t of sa) if (sb.has(t)) common++;
   return 2 * common / (sa.size + sb.size);
 }
+var FUNCTION_WORDS = new Set(
+  "the and for with from your you our this that les des une pour avec par sur aux dans vos votre nos notre".split(" ")
+);
+function significantWords(text) {
+  const all = (text ?? "").replace(new RegExp("(\\p{Ll})(\\p{Lu})", "gu"), "$1 $2").toLowerCase().split(/[^\p{L}\p{N}]+/u).filter(Boolean);
+  const meaningful = all.filter((w) => w.length >= 3 && !FUNCTION_WORDS.has(w));
+  return new Set(meaningful.length > 0 ? meaningful : all);
+}
+function significantWordSimilarity(a, b) {
+  const sa = significantWords(a);
+  const sb = significantWords(b);
+  if (sa.size === 0 && sb.size === 0) return 1;
+  if (sa.size === 0 || sb.size === 0) return 0;
+  let common = 0;
+  for (const w of sa) if (sb.has(w)) common++;
+  return 2 * common / (sa.size + sb.size);
+}
 function fingerprintPresent(fp, candidates) {
   if (!fp.name) return false;
   return candidates.some(
@@ -107,7 +153,7 @@ function matchRenamedElement(fp, candidates) {
   let best = null;
   let bestScore = -1;
   for (const c of pool) {
-    const s = textSimilarity(c.name, fp.name);
+    const s = significantWordSimilarity(c.name, fp.name);
     if (s > bestScore) {
       bestScore = s;
       best = c;
@@ -230,7 +276,6 @@ function headingLevel(attrs, role) {
   return null;
 }
 var attr = (a, key) => a.attributes[key] || null;
-var esc = (s) => s.replace(/\\/g, "\\\\").replace(/'/g, "\\'");
 var escCssAttrValue = (s) => s.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
 var isCssSafeId = (id) => /^[A-Za-z][A-Za-z0-9_-]*$/.test(id);
 function classifyCssStability(className) {
@@ -285,7 +330,7 @@ function generateAlternatives(attrs, options = {}) {
   const testId = attr(attrs, testIdAttribute);
   if (testId && isUnique(counts?.testId)) {
     add({
-      locator: `getByTestId('${esc(testId)}')`,
+      locator: `getByTestId(${quoteJsString(testId)})`,
       method: "getByTestId",
       args: { testId },
       score: 100
@@ -296,7 +341,7 @@ function generateAlternatives(attrs, options = {}) {
   const withLevel = (base) => level != null ? { ...base, level } : base;
   if (role && accessibleName) {
     add({
-      locator: `getByRole('${role}', { name: '${esc(accessibleName)}'${levelPart} })`,
+      locator: `getByRole(${quoteJsString(role)}, { name: ${quoteJsString(accessibleName)}${levelPart} })`,
       method: "getByRole",
       args: withLevel({ role, name: accessibleName }),
       score: 90 - ambiguityPenalty(counts?.roleName)
@@ -305,7 +350,7 @@ function generateAlternatives(attrs, options = {}) {
   const ariaLabel = attr(attrs, "aria-label");
   if (role && ariaLabel && ariaLabel !== accessibleName) {
     add({
-      locator: `getByRole('${role}', { name: '${esc(ariaLabel)}'${levelPart} })`,
+      locator: `getByRole(${quoteJsString(role)}, { name: ${quoteJsString(ariaLabel)}${levelPart} })`,
       method: "getByRole",
       args: withLevel({ role, name: ariaLabel }),
       score: 85 - ambiguityPenalty(counts?.roleName)
@@ -316,7 +361,7 @@ function generateAlternatives(attrs, options = {}) {
     const labelBacked = attrs.hasLabel === void 0 ? true : attrs.hasLabel === true || label === accessibleName;
     if (labelBacked) {
       add({
-        locator: `getByLabel('${esc(accessibleName)}')`,
+        locator: `getByLabel(${quoteJsString(accessibleName)})`,
         method: "getByLabel",
         args: { label: accessibleName },
         score: 85
@@ -326,7 +371,7 @@ function generateAlternatives(attrs, options = {}) {
   const placeholder = attr(attrs, "placeholder");
   if (placeholder) {
     add({
-      locator: `getByPlaceholder('${esc(placeholder)}')`,
+      locator: `getByPlaceholder(${quoteJsString(placeholder)})`,
       method: "getByPlaceholder",
       args: { placeholder },
       score: 80 - ambiguityPenalty(counts?.placeholder)
@@ -334,7 +379,7 @@ function generateAlternatives(attrs, options = {}) {
   }
   if (text && text.length < 80) {
     add({
-      locator: `getByText('${esc(text)}')`,
+      locator: `getByText(${quoteJsString(text)})`,
       method: "getByText",
       args: { text },
       score: 75 - ambiguityPenalty(counts?.text)
@@ -344,7 +389,7 @@ function generateAlternatives(attrs, options = {}) {
   if (id && selectable("id") && !isAutoGenerated(id) && isUnique(counts?.id)) {
     const selector = isCssSafeId(id) ? `#${id}` : `[id="${escCssAttrValue(id)}"]`;
     add({
-      locator: `locator('${esc(selector)}')`,
+      locator: `locator(${quoteJsString(selector)})`,
       method: "locator",
       args: { selector },
       score: 65
@@ -354,7 +399,7 @@ function generateAlternatives(attrs, options = {}) {
   if (name && selectable("name") && isUnique(counts?.name)) {
     const selector = `[name="${escCssAttrValue(name)}"]`;
     add({
-      locator: `locator('${esc(selector)}')`,
+      locator: `locator(${quoteJsString(selector)})`,
       method: "locator",
       args: { selector },
       score: 60
@@ -363,7 +408,7 @@ function generateAlternatives(attrs, options = {}) {
   const alt = attr(attrs, "alt");
   if (alt) {
     add({
-      locator: `getByAltText('${esc(alt)}')`,
+      locator: `getByAltText(${quoteJsString(alt)})`,
       method: "getByAltText",
       args: { text: alt },
       score: 60 - ambiguityPenalty(counts?.alt)
@@ -372,7 +417,7 @@ function generateAlternatives(attrs, options = {}) {
   const title = attr(attrs, "title");
   if (title) {
     add({
-      locator: `getByTitle('${esc(title)}')`,
+      locator: `getByTitle(${quoteJsString(title)})`,
       method: "getByTitle",
       args: { title },
       score: 50 - ambiguityPenalty(counts?.title)
@@ -390,7 +435,7 @@ function generateAlternatives(attrs, options = {}) {
       if (!testIdAnchorDone && anc.testId && anc.testIdCount === 1) {
         testIdAnchorDone = true;
         add({
-          locator: `getByTestId('${esc(anc.testId)}').${leaf.expr}`,
+          locator: `getByTestId(${quoteJsString(anc.testId)}).${leaf.expr}`,
           method: leaf.method,
           args: { ...leaf.args, anchorTestId: anc.testId },
           score: scores.testId
@@ -400,7 +445,7 @@ function generateAlternatives(attrs, options = {}) {
         idAnchorDone = true;
         const anchorSelector = isCssSafeId(anc.id) ? `#${anc.id}` : `[id="${escCssAttrValue(anc.id)}"]`;
         add({
-          locator: `locator('${esc(anchorSelector)}').${leaf.expr}`,
+          locator: `locator(${quoteJsString(anchorSelector)}).${leaf.expr}`,
           method: leaf.method,
           args: { ...leaf.args, anchorSelector },
           score: scores.id
@@ -411,7 +456,7 @@ function generateAlternatives(attrs, options = {}) {
         const { name: name2, value } = anc.dataAttr;
         const anchorSelector = `[${name2}="${escCssAttrValue(value)}"]`;
         add({
-          locator: `locator('${esc(anchorSelector)}').${leaf.expr}`,
+          locator: `locator(${quoteJsString(anchorSelector)}).${leaf.expr}`,
           method: leaf.method,
           args: { ...leaf.args, anchorSelector },
           score: TEST_DATA_ATTRS.has(name2) ? scores.testData : scores.data
@@ -421,7 +466,7 @@ function generateAlternatives(attrs, options = {}) {
       if (!roleAnchorDone && ancestorRole && ancestorRole !== leaf.role && anc.roleCount === 1) {
         roleAnchorDone = true;
         add({
-          locator: `getByRole('${esc(ancestorRole)}').${leaf.expr}`,
+          locator: `getByRole(${quoteJsString(ancestorRole)}).${leaf.expr}`,
           method: leaf.method,
           args: { ...leaf.args, anchorRole: ancestorRole },
           score: scores.role
@@ -430,7 +475,7 @@ function generateAlternatives(attrs, options = {}) {
       if (!filterAnchorDone && ancestorRole && anc.filterText && anc.filterRoleCount === 1) {
         filterAnchorDone = true;
         add({
-          locator: `getByRole('${esc(ancestorRole)}').filter({ hasText: '${esc(anc.filterText)}' }).${leaf.expr}`,
+          locator: `getByRole(${quoteJsString(ancestorRole)}).filter({ hasText: ${quoteJsString(anc.filterText)} }).${leaf.expr}`,
           method: leaf.method,
           args: { ...leaf.args, anchorRole: ancestorRole, anchorHasText: anc.filterText },
           score: scores.filter
@@ -439,7 +484,7 @@ function generateAlternatives(attrs, options = {}) {
     }
   };
   if (role && !hasOwnTestId) {
-    const rolePart = level != null ? `'${role}', { level: ${level} }` : `'${role}'`;
+    const rolePart = level != null ? `${quoteJsString(role)}, { level: ${level} }` : quoteJsString(role);
     const leafArgs = withLevel({ role });
     addAnchoredChains(
       { expr: `getByRole(${rolePart})`, method: "getByRole", args: leafArgs, role },
@@ -457,7 +502,7 @@ function generateAlternatives(attrs, options = {}) {
     }
   } else if (!role && text && text.length < 80 && !hasOwnTestId) {
     addAnchoredChains(
-      { expr: `getByText('${esc(text)}')`, method: "getByText", args: { text }, role: null },
+      { expr: `getByText(${quoteJsString(text)})`, method: "getByText", args: { text }, role: null },
       (anc) => anc.scopedTextCount,
       { testId: 68, testData: 66, id: 60, data: 56, role: 51, filter: 49 }
     );
@@ -468,7 +513,7 @@ function generateAlternatives(attrs, options = {}) {
     const classes = clsStr.split(/\s+/).filter((c) => c.length > 1 && /^[A-Za-z_-][A-Za-z0-9_-]*$/.test(c) && isUnique(countsClasses?.[c])).map((cls) => ({ cls, score: classifyCssStability(cls) })).sort((a, b) => b.score - a.score).slice(0, 3);
     for (const { cls, score } of classes) {
       add({
-        locator: `locator('.${esc(cls)}')`,
+        locator: `locator(${quoteJsString(`.${cls}`)})`,
         method: "locator",
         args: { selector: `.${cls}` },
         score
@@ -631,7 +676,6 @@ var NAME_BASED_METHODS = /* @__PURE__ */ new Set([
   "getByTitle",
   "getByAltText"
 ]);
-var escAttr = (s) => s.replaceAll("\\", "\\\\").replaceAll("'", "\\'");
 var SUGG_TEXT_ROLES = /* @__PURE__ */ new Set([
   "button",
   "link",
@@ -664,9 +708,9 @@ function failedNameAndRole(failed) {
 function renderFailing(failed) {
   const { role, name } = failedNameAndRole(failed);
   if (failed.method === "getByRole") {
-    return name ? `getByRole('${escAttr(role ?? "")}', { name: '${escAttr(name)}' })` : `getByRole('${escAttr(role ?? "")}')`;
+    return name ? `getByRole(${quoteJsString(role ?? "")}, { name: ${quoteJsString(name)} })` : `getByRole(${quoteJsString(role ?? "")})`;
   }
-  return `${failed.method}('${escAttr(name ?? "")}')`;
+  return `${failed.method}(${quoteJsString(name ?? "")})`;
 }
 function freshSuggestions(candidate, failedMethod) {
   const out = [];
@@ -676,9 +720,9 @@ function freshSuggestions(candidate, failedMethod) {
     if (!out.includes(s)) out.push(s);
   };
   const levelPart = candidate.level != null ? `, level: ${candidate.level}` : "";
-  const roleLoc = `getByRole('${escAttr(role)}', { name: '${escAttr(name)}'${levelPart} })`;
-  const textLoc = `getByText('${escAttr(name)}')`;
-  const labelLoc = `getByLabel('${escAttr(name)}')`;
+  const roleLoc = `getByRole(${quoteJsString(role)}, { name: ${quoteJsString(name)}${levelPart} })`;
+  const textLoc = `getByText(${quoteJsString(name)})`;
+  const labelLoc = `getByLabel(${quoteJsString(name)})`;
   if (failedMethod === "getByText" && SUGG_TEXT_ROLES.has(role)) push(textLoc);
   if (failedMethod === "getByLabel" && SUGG_FIELD_ROLES.has(role)) push(labelLoc);
   push(roleLoc);

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

@@ -294,6 +294,10 @@ function tryParseLocatorChain(expr) {
     return null;
   }
 }
+function quoteJsString(value) {
+  const json = JSON.stringify(value).slice(1, -1);
+  return `'${json.replace(/\\"/g, '"').replace(/'/g, "\\'").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029")}'`;
+}
 function parseLeafLocatorCall(expr) {
   const chain = tryParseLocatorChain(expr);
   if (!chain) return null;
@@ -326,6 +330,44 @@ function locatorCallValues(call, opts = {}) {
   return call.args.map(value).filter((v) => v !== void 0);
 }
 
+// ../core/src/locator-methods.ts
+var LOCATOR_BUILDER_METHODS = [
+  "getByRole",
+  "getByTestId",
+  "getByText",
+  "getByLabel",
+  "getByPlaceholder",
+  "getByAltText",
+  "getByTitle",
+  "locator"
+];
+
+// ../core/src/error-parse.ts
+var ANSI_RE = new RegExp("\\u001B\\[[0-9;]*m", "g");
+function stripAnsi(text) {
+  return text.replace(ANSI_RE, "");
+}
+var CHAIN_LINK_METHODS = /* @__PURE__ */ new Set([
+  ...LOCATOR_BUILDER_METHODS,
+  "frameLocator",
+  "contentFrame",
+  "filter",
+  "first",
+  "last",
+  "nth",
+  "and",
+  "or",
+  "describe"
+]);
+var LEAF_METHODS = new Set(LOCATOR_BUILDER_METHODS);
+var SUBJECTS = "locator|page|frame|frameLocator|elementHandle|mouse|keyboard|touchscreen|browserContext|browser|apiRequestContext|request|response|route|download|dialog|fileChooser|expect|worker|jsHandle|clock|tracing|video";
+var CALL_RE = new RegExp(`\\b(${SUBJECTS})\\.(\\w+): `);
+function readLocatorHeader(text) {
+  const header = /^[ \t]*Locator:[ \t]*(.+)$/m.exec(text);
+  return header ? header[1].trim() : null;
+}
+var MAX_PARSED_ERROR_CHARS = 64 * 1024;
+
 // ../picker-dom/src/overlay-element.ts
 function installPickerOverlay(arg) {
   const g = globalThis;
@@ -414,26 +456,26 @@ function installPickerOverlay(arg) {
     }
   };
   mount(highlight, label, banner);
-  const escJs = (s) => s.replace(/\\/g, "\\\\").replace(/'/g, "\\'");
+  const quoteJs = (s) => `'${JSON.stringify(s).slice(1, -1).replace(/\\"/g, '"').replace(/'/g, "\\'").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029")}'`;
   const describe = (el) => {
     const tag = (el.tagName || "?").toLowerCase();
     const testId = el.getAttribute && el.getAttribute(testIdAttr);
-    if (testId) return `getByTestId('${escJs(testId)}')`;
+    if (testId) return `getByTestId(${quoteJs(testId)})`;
     if (el.labels && el.labels.length > 0) {
       const labelText = (el.labels[0].textContent || "").replace(/\s+/g, " ").trim().slice(0, 80);
-      if (labelText) return `getByLabel('${escJs(labelText)}')`;
+      if (labelText) return `getByLabel(${quoteJs(labelText)})`;
     }
     const ariaLabel = el.getAttribute && el.getAttribute("aria-label");
-    if (ariaLabel) return `getByLabel('${escJs(ariaLabel)}')`;
+    if (ariaLabel) return `getByLabel(${quoteJs(ariaLabel)})`;
     const placeholder = el.getAttribute && el.getAttribute("placeholder");
-    if (placeholder) return `getByPlaceholder('${escJs(placeholder)}')`;
+    if (placeholder) return `getByPlaceholder(${quoteJs(placeholder)})`;
     const alt = el.getAttribute && el.getAttribute("alt");
-    if (alt) return `getByAltText('${escJs(alt)}')`;
+    if (alt) return `getByAltText(${quoteJs(alt)})`;
     const titleAttr = el.getAttribute && el.getAttribute("title");
-    if (titleAttr) return `getByTitle('${escJs(titleAttr)}')`;
-    if (el.id) return `locator('#${escJs(el.id)}')`;
+    if (titleAttr) return `getByTitle(${quoteJs(titleAttr)})`;
+    if (el.id) return `locator(${quoteJs(`#${el.id}`)})`;
     const cls = (el.getAttribute && el.getAttribute("class") || "").split(/\s+/).find((c) => c.length > 1);
-    return cls ? `locator('.${escJs(cls)}')` : tag;
+    return cls ? `locator(${quoteJs(`.${cls}`)})` : tag;
   };
   const buildChain = (raw) => {
     const chain2 = [];
@@ -1126,7 +1168,6 @@ function headingLevel(attrs, role) {
   return null;
 }
 var attr = (a, key) => a.attributes[key] || null;
-var esc = (s) => s.replace(/\\/g, "\\\\").replace(/'/g, "\\'");
 var escCssAttrValue = (s) => s.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
 var isCssSafeId = (id) => /^[A-Za-z][A-Za-z0-9_-]*$/.test(id);
 function classifyCssStability(className) {
@@ -1181,7 +1222,7 @@ function generateAlternatives(attrs, options = {}) {
   const testId = attr(attrs, testIdAttribute);
   if (testId && isUnique(counts?.testId)) {
     add({
-      locator: `getByTestId('${esc(testId)}')`,
+      locator: `getByTestId(${quoteJsString(testId)})`,
       method: "getByTestId",
       args: { testId },
       score: 100
@@ -1192,7 +1233,7 @@ function generateAlternatives(attrs, options = {}) {
   const withLevel = (base) => level != null ? { ...base, level } : base;
   if (role && accessibleName) {
     add({
-      locator: `getByRole('${role}', { name: '${esc(accessibleName)}'${levelPart} })`,
+      locator: `getByRole(${quoteJsString(role)}, { name: ${quoteJsString(accessibleName)}${levelPart} })`,
       method: "getByRole",
       args: withLevel({ role, name: accessibleName }),
       score: 90 - ambiguityPenalty(counts?.roleName)
@@ -1201,7 +1242,7 @@ function generateAlternatives(attrs, options = {}) {
   const ariaLabel = attr(attrs, "aria-label");
   if (role && ariaLabel && ariaLabel !== accessibleName) {
     add({
-      locator: `getByRole('${role}', { name: '${esc(ariaLabel)}'${levelPart} })`,
+      locator: `getByRole(${quoteJsString(role)}, { name: ${quoteJsString(ariaLabel)}${levelPart} })`,
       method: "getByRole",
       args: withLevel({ role, name: ariaLabel }),
       score: 85 - ambiguityPenalty(counts?.roleName)
@@ -1212,7 +1253,7 @@ function generateAlternatives(attrs, options = {}) {
     const labelBacked = attrs.hasLabel === void 0 ? true : attrs.hasLabel === true || label === accessibleName;
     if (labelBacked) {
       add({
-        locator: `getByLabel('${esc(accessibleName)}')`,
+        locator: `getByLabel(${quoteJsString(accessibleName)})`,
         method: "getByLabel",
         args: { label: accessibleName },
         score: 85
@@ -1222,7 +1263,7 @@ function generateAlternatives(attrs, options = {}) {
   const placeholder = attr(attrs, "placeholder");
   if (placeholder) {
     add({
-      locator: `getByPlaceholder('${esc(placeholder)}')`,
+      locator: `getByPlaceholder(${quoteJsString(placeholder)})`,
       method: "getByPlaceholder",
       args: { placeholder },
       score: 80 - ambiguityPenalty(counts?.placeholder)
@@ -1230,7 +1271,7 @@ function generateAlternatives(attrs, options = {}) {
   }
   if (text && text.length < 80) {
     add({
-      locator: `getByText('${esc(text)}')`,
+      locator: `getByText(${quoteJsString(text)})`,
       method: "getByText",
       args: { text },
       score: 75 - ambiguityPenalty(counts?.text)
@@ -1240,7 +1281,7 @@ function generateAlternatives(attrs, options = {}) {
   if (id && selectable("id") && !isAutoGenerated(id) && isUnique(counts?.id)) {
     const selector = isCssSafeId(id) ? `#${id}` : `[id="${escCssAttrValue(id)}"]`;
     add({
-      locator: `locator('${esc(selector)}')`,
+      locator: `locator(${quoteJsString(selector)})`,
       method: "locator",
       args: { selector },
       score: 65
@@ -1250,7 +1291,7 @@ function generateAlternatives(attrs, options = {}) {
   if (name && selectable("name") && isUnique(counts?.name)) {
     const selector = `[name="${escCssAttrValue(name)}"]`;
     add({
-      locator: `locator('${esc(selector)}')`,
+      locator: `locator(${quoteJsString(selector)})`,
       method: "locator",
       args: { selector },
       score: 60
@@ -1259,7 +1300,7 @@ function generateAlternatives(attrs, options = {}) {
   const alt = attr(attrs, "alt");
   if (alt) {
     add({
-      locator: `getByAltText('${esc(alt)}')`,
+      locator: `getByAltText(${quoteJsString(alt)})`,
       method: "getByAltText",
       args: { text: alt },
       score: 60 - ambiguityPenalty(counts?.alt)
@@ -1268,7 +1309,7 @@ function generateAlternatives(attrs, options = {}) {
   const title = attr(attrs, "title");
   if (title) {
     add({
-      locator: `getByTitle('${esc(title)}')`,
+      locator: `getByTitle(${quoteJsString(title)})`,
       method: "getByTitle",
       args: { title },
       score: 50 - ambiguityPenalty(counts?.title)
@@ -1286,7 +1327,7 @@ function generateAlternatives(attrs, options = {}) {
       if (!testIdAnchorDone && anc.testId && anc.testIdCount === 1) {
         testIdAnchorDone = true;
         add({
-          locator: `getByTestId('${esc(anc.testId)}').${leaf.expr}`,
+          locator: `getByTestId(${quoteJsString(anc.testId)}).${leaf.expr}`,
           method: leaf.method,
           args: { ...leaf.args, anchorTestId: anc.testId },
           score: scores.testId
@@ -1296,7 +1337,7 @@ function generateAlternatives(attrs, options = {}) {
         idAnchorDone = true;
         const anchorSelector = isCssSafeId(anc.id) ? `#${anc.id}` : `[id="${escCssAttrValue(anc.id)}"]`;
         add({
-          locator: `locator('${esc(anchorSelector)}').${leaf.expr}`,
+          locator: `locator(${quoteJsString(anchorSelector)}).${leaf.expr}`,
           method: leaf.method,
           args: { ...leaf.args, anchorSelector },
           score: scores.id
@@ -1307,7 +1348,7 @@ function generateAlternatives(attrs, options = {}) {
         const { name: name2, value } = anc.dataAttr;
         const anchorSelector = `[${name2}="${escCssAttrValue(value)}"]`;
         add({
-          locator: `locator('${esc(anchorSelector)}').${leaf.expr}`,
+          locator: `locator(${quoteJsString(anchorSelector)}).${leaf.expr}`,
           method: leaf.method,
           args: { ...leaf.args, anchorSelector },
           score: TEST_DATA_ATTRS.has(name2) ? scores.testData : scores.data
@@ -1317,7 +1358,7 @@ function generateAlternatives(attrs, options = {}) {
       if (!roleAnchorDone && ancestorRole && ancestorRole !== leaf.role && anc.roleCount === 1) {
         roleAnchorDone = true;
         add({
-          locator: `getByRole('${esc(ancestorRole)}').${leaf.expr}`,
+          locator: `getByRole(${quoteJsString(ancestorRole)}).${leaf.expr}`,
           method: leaf.method,
           args: { ...leaf.args, anchorRole: ancestorRole },
           score: scores.role
@@ -1326,7 +1367,7 @@ function generateAlternatives(attrs, options = {}) {
       if (!filterAnchorDone && ancestorRole && anc.filterText && anc.filterRoleCount === 1) {
         filterAnchorDone = true;
         add({
-          locator: `getByRole('${esc(ancestorRole)}').filter({ hasText: '${esc(anc.filterText)}' }).${leaf.expr}`,
+          locator: `getByRole(${quoteJsString(ancestorRole)}).filter({ hasText: ${quoteJsString(anc.filterText)} }).${leaf.expr}`,
           method: leaf.method,
           args: { ...leaf.args, anchorRole: ancestorRole, anchorHasText: anc.filterText },
           score: scores.filter
@@ -1335,7 +1376,7 @@ function generateAlternatives(attrs, options = {}) {
     }
   };
   if (role && !hasOwnTestId) {
-    const rolePart = level != null ? `'${role}', { level: ${level} }` : `'${role}'`;
+    const rolePart = level != null ? `${quoteJsString(role)}, { level: ${level} }` : quoteJsString(role);
     const leafArgs = withLevel({ role });
     addAnchoredChains(
       { expr: `getByRole(${rolePart})`, method: "getByRole", args: leafArgs, role },
@@ -1353,7 +1394,7 @@ function generateAlternatives(attrs, options = {}) {
     }
   } else if (!role && text && text.length < 80 && !hasOwnTestId) {
     addAnchoredChains(
-      { expr: `getByText('${esc(text)}')`, method: "getByText", args: { text }, role: null },
+      { expr: `getByText(${quoteJsString(text)})`, method: "getByText", args: { text }, role: null },
       (anc) => anc.scopedTextCount,
       { testId: 68, testData: 66, id: 60, data: 56, role: 51, filter: 49 }
     );
@@ -1364,7 +1405,7 @@ function generateAlternatives(attrs, options = {}) {
     const classes = clsStr.split(/\s+/).filter((c) => c.length > 1 && /^[A-Za-z_-][A-Za-z0-9_-]*$/.test(c) && isUnique(countsClasses?.[c])).map((cls) => ({ cls, score: classifyCssStability(cls) })).sort((a, b) => b.score - a.score).slice(0, 3);
     for (const { cls, score } of classes) {
       add({
-        locator: `locator('.${esc(cls)}')`,
+        locator: `locator(${quoteJsString(`.${cls}`)})`,
         method: "locator",
         args: { selector: `.${cls}` },
         score
@@ -1392,26 +1433,25 @@ function approximateAccessibleName(attrs) {
 }
 
 // ../picker-dom/src/anchor-alternatives.ts
-var escStr = (s) => s.replaceAll("\\", "\\\\").replaceAll("'", "\\'");
 var cssIdSelector = (id) => /^[A-Za-z_][A-Za-z0-9_-]*$/.test(id) ? `#${id}` : `[id="${id.replaceAll("\\", "\\\\").replaceAll('"', '\\"')}"]`;
 var ANCHOR_KIND_SCORES = { testid: 80, id: 74, labeledRole: 68, role: 62 };
 function anchorSegment(a) {
   if (a.testId && a.testIdCount === 1) {
-    return { code: `getByTestId('${escStr(a.testId)}')`, kind: "testid", flatArgs: { anchorTestId: a.testId } };
+    return { code: `getByTestId(${quoteJsString(a.testId)})`, kind: "testid", flatArgs: { anchorTestId: a.testId } };
   }
   if (a.id && !isAutoGenerated(a.id) && a.idCount === 1) {
     const anchorSelector = cssIdSelector(a.id);
-    return { code: `locator('${escStr(anchorSelector)}')`, kind: "id", flatArgs: { anchorSelector } };
+    return { code: `locator(${quoteJsString(anchorSelector)})`, kind: "id", flatArgs: { anchorSelector } };
   }
   if (a.role && a.ariaLabel && a.labeledRoleCount === 1) {
     return {
-      code: `getByRole('${escStr(a.role)}', { name: '${escStr(a.ariaLabel)}' })`,
+      code: `getByRole(${quoteJsString(a.role)}, { name: ${quoteJsString(a.ariaLabel)} })`,
       kind: "labeledRole",
       flatArgs: { anchorRole: a.role, anchorName: a.ariaLabel }
     };
   }
   if (a.role && a.roleCount === 1) {
-    return { code: `getByRole('${escStr(a.role)}')`, kind: "role", flatArgs: { anchorRole: a.role } };
+    return { code: `getByRole(${quoteJsString(a.role)})`, kind: "role", flatArgs: { anchorRole: a.role } };
   }
   return null;
 }
@@ -1419,7 +1459,7 @@ function generateAnchoredAlternatives(leaf, anchors, chainLeafCount) {
   if (!leaf.role || anchors.length === 0) return [];
   const out = [];
   const seen = /* @__PURE__ */ new Set();
-  const rolePart = leaf.level != null ? `'${leaf.role}', { level: ${leaf.level} }` : `'${leaf.role}'`;
+  const rolePart = leaf.level != null ? `${quoteJsString(leaf.role)}, { level: ${leaf.level} }` : quoteJsString(leaf.role);
   const leafArgs = leaf.level != null ? { role: leaf.role, level: leaf.level } : { role: leaf.role };
   const add = (l) => {
     if (!seen.has(l.locator)) {
@@ -1470,22 +1510,14 @@ function mergeCandidates(base, extra) {
 // src/internal/capture/locator-healing.ts
 var path = __toESM(require("path"));
 
-// ../core/src/locator-methods.ts
-var LOCATOR_BUILDER_METHODS = [
-  "getByRole",
-  "getByTestId",
-  "getByText",
-  "getByLabel",
-  "getByPlaceholder",
-  "getByAltText",
-  "getByTitle",
-  "locator"
-];
+// ../core/src/locator-fingerprint.ts
+var FUNCTION_WORDS = new Set(
+  "the and for with from your you our this that les des une pour avec par sur aux dans vos votre nos notre".split(" ")
+);
 
 // src/internal/capture/locator-healing.ts
 var LOCATOR_METHODS = [...LOCATOR_BUILDER_METHODS];
 var LOCATOR_CREATING_CHAINS = new Set(LOCATOR_METHODS);
-var escAttr = (s) => s.replaceAll("\\", "\\\\").replaceAll("'", "\\'");
 function failedNameAndRole(failed) {
   if (failed.method === "getByRole") {
     const role = typeof failed.args[0] === "string" ? failed.args[0] : null;
@@ -1500,13 +1532,12 @@ function failedNameAndRole(failed) {
 function renderFailing(failed) {
   const { role, name } = failedNameAndRole(failed);
   if (failed.method === "getByRole") {
-    return name ? `getByRole('${escAttr(role ?? "")}', { name: '${escAttr(name)}' })` : `getByRole('${escAttr(role ?? "")}')`;
+    return name ? `getByRole(${quoteJsString(role ?? "")}, { name: ${quoteJsString(name)} })` : `getByRole(${quoteJsString(role ?? "")})`;
   }
-  return `${failed.method}('${escAttr(name ?? "")}')`;
+  return `${failed.method}(${quoteJsString(name ?? "")})`;
 }
 
 // src/internal/capture/pick-on-failure.ts
-var ANSI_RE = /\x1b\[[0-9;]*m/g;
 function parseLeafLocatorExpression(rawExpr) {
   const leaf = parseLeafLocatorCall(rawExpr);
   return leaf ? { method: leaf.method, args: locatorCallValues(leaf) } : null;
@@ -1515,11 +1546,10 @@ function deriveFailedLocator(testInfo) {
   const info = testInfo;
   const errors = info.errors && info.errors.length > 0 ? info.errors : info.error ? [info.error] : [];
   for (const err of errors) {
-    const text = `${err.message ?? ""}
-${err.stack ?? ""}`.replace(ANSI_RE, "");
-    const line = /^\s*Locator:\s*(.+)$/m.exec(text);
-    if (!line) continue;
-    const parsed = parseLeafLocatorExpression(line[1].trim());
+    const header = readLocatorHeader(stripAnsi(`${err.message ?? ""}
+${err.stack ?? ""}`));
+    if (!header) continue;
+    const parsed = parseLeafLocatorExpression(header);
     if (!parsed) continue;
     const loc = err.location;
     const location = loc ? `${path2.relative(process.cwd(), loc.file).split(path2.sep).join("/")}:${loc.line}:${loc.column}` : null;

package/package.json

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