@piwitests/reporter 0.58.0 → 0.59.0

package/dist/index.js

@@ -634,6 +634,7 @@ function toWireTestCase(tc) {
     timeout: rest.timeout ?? null,
     error: rest.error,
     retries: rest.retries,
+    repeatEachIndex: rest.repeatEachIndex ?? 0,
     attempts: rest.attempts || null,
     workerIndex: rest.workerIndex ?? null,
     shardIndex: rest.shardIndex ?? null,
@@ -686,7 +687,13 @@ function isFailingStatus(status) {
 function computeDistinctRunCounts(testCases) {
   const final = /* @__PURE__ */ new Map();
   for (const tc of testCases) {
-    const key = tc.testId ?? [tc.title, tc.location, (tc.suitePath ?? []).join(""), browserProjectName(tc.browser)].join("\0");
+    const key = tc.testId ?? [
+      tc.title,
+      tc.location,
+      (tc.suitePath ?? []).join(""),
+      browserProjectName(tc.browser),
+      tc.repeatEachIndex ?? 0
+    ].join("\0");
     const status = tc.status ?? "";
     const retries = tc.retries ?? 0;
     const prev = final.get(key);
@@ -844,6 +851,7 @@ var Uploader = class {
           title: testCase.title,
           location: testCase.location,
           retries: testCase.retries ?? 0,
+          repeatEachIndex: testCase.repeatEachIndex ?? 0,
           suitePath: testCase.suitePath ?? null
         })
       );
@@ -9541,6 +9549,7 @@ function caseLocateUrl(serverUrl, runId, test) {
     `retry=${test.retry}`
   ];
   if (test.browser) params.push(`browser=${encodeURIComponent(test.browser)}`);
+  if (test.repeatEachIndex) params.push(`repeat=${test.repeatEachIndex}`);
   return `${serverUrl.replace(/\/+$/, "")}/test-runs/${runId}/locate?${params.join("&")}`;
 }
 function formatFailureLine(link) {
@@ -11039,6 +11048,7 @@ var PiwiDashboardReporter = class _PiwiDashboardReporter {
       type: "begin",
       title: test.title,
       location: testLocation(test, this.testPathBase),
+      repeatEachIndex: test.repeatEachIndex,
       workerIndex: workerIndexOf(result),
       shardIndex: this.shardInfo?.current ?? null,
       browser: this.metadataCollector.getBrowserConfig(test) || void 0,
@@ -11146,6 +11156,8 @@ var PiwiDashboardReporter = class _PiwiDashboardReporter {
       // Playwright reports the same line, so synthesize it.
       error: expectedFailureError(result.status, annotations) ?? buildErrorText(result, this.testPathBase),
       retries: result.retry,
+      // Each `--repeat-each` repetition is a test of its own, with its own attempts.
+      repeatEachIndex: test.repeatEachIndex,
       attempts: attempts.map((a) => ({ ...a })),
       workerIndex: workerIndexOf(result),
       shardIndex: this.shardInfo?.current ?? null,
@@ -11232,6 +11244,7 @@ var PiwiDashboardReporter = class _PiwiDashboardReporter {
         file: testFile(test, this.testPathBase),
         retry: result.retry,
         browser: typeof testCase.browser?.projectName === "string" ? testCase.browser.projectName : null,
+        repeatEachIndex: test.repeatEachIndex,
         headline: failureHeadline(testCase.error, testCase.performanceMetrics?.steps)
       });
     }
@@ -11350,6 +11363,7 @@ var PiwiDashboardReporter = class _PiwiDashboardReporter {
         timeout: test.timeout ?? null,
         error: null,
         retries: 0,
+        repeatEachIndex: test.repeatEachIndex,
         workerIndex: null,
         shardIndex: this.shardInfo?.current ?? null,
         startedAt: null,
@@ -11874,10 +11888,11 @@ function installPickerOverlay(arg) {
   }
   const Z = 2147483600;
   const testIdAttr = arg.testIdAttribute || "data-testid";
+  const enterReaches = arg.transport === "global";
   const words = {
     banner: "Piwi inspector \u2014 click any element to generate locators for it",
-    keys: "\u2191 parent \xB7 \u2193 child \xB7 Esc skip",
-    keysHovering: "click to pick \xB7 \u2191 parent \xB7 \u2193 child \xB7 Esc skip",
+    keys: enterReaches ? "Enter picks the focused element \xB7 \u2191 parent \xB7 \u2193 child \xB7 Esc skip" : "\u2191 parent \xB7 \u2193 child \xB7 Esc skip",
+    keysHovering: enterReaches ? "click or Enter to pick \xB7 \u2191 parent \xB7 \u2193 child \xB7 Esc skip" : "click to pick \xB7 \u2191 parent \xB7 \u2193 child \xB7 Esc skip",
     analyzing: "Analyzing element\u2026"
   };
   for (const key of Object.keys(words)) {
@@ -11972,6 +11987,16 @@ function installPickerOverlay(arg) {
     const cls = (el.getAttribute && el.getAttribute("class") || "").split(/\s+/).find((c) => c.length > 1);
     return cls ? `locator(${quoteJs(`.${cls}`)})` : tag;
   };
+  const parentOf = (node) => {
+    if (node.parentElement) return node.parentElement;
+    const root = node.getRootNode ? node.getRootNode() : null;
+    return root && root !== doc && root.host ? root.host : null;
+  };
+  const targetOf = (e) => {
+    const path32 = typeof e.composedPath === "function" ? e.composedPath() : null;
+    const first = path32 && path32.length ? path32[0] : null;
+    return first && first.nodeType === 1 ? first : e.target;
+  };
   const buildChain = (raw) => {
     const chain2 = [];
     let node = raw;
@@ -11979,7 +12004,7 @@ function installPickerOverlay(arg) {
       const tag = (node.tagName || "").toLowerCase();
       if (tag === "body" || tag === "html") break;
       chain2.push(node);
-      node = node.parentElement;
+      node = parentOf(node);
     }
     return chain2.length ? chain2 : [raw];
   };
@@ -12070,10 +12095,14 @@ function installPickerOverlay(arg) {
     }
   };
   const onMove = (e) => {
-    const raw = e.target;
+    const raw = targetOf(e);
     if (!raw || isOwn(raw)) {
+      chain = [];
+      idx = 0;
+      lastRaw = null;
       highlight.style.display = "none";
       label.style.display = "none";
+      foot.textContent = words.keys;
       return;
     }
     if (raw !== lastRaw) {
@@ -12152,17 +12181,30 @@ function installPickerOverlay(arg) {
   const onClick = (e) => {
     stop(e);
     const el = current();
-    if (!el || isOwn(e.target)) return;
+    if (!el || isOwn(targetOf(e))) return;
     reportPicked(el);
   };
+  const focused = () => {
+    let el = doc.activeElement;
+    while (el && el.shadowRoot && el.shadowRoot.activeElement) el = el.shadowRoot.activeElement;
+    const tag = (el && el.tagName || "").toLowerCase();
+    return !el || tag === "body" || tag === "html" || isOwn(el) ? null : el;
+  };
   const onKey = (e) => {
     if (e.key === "Escape") {
       stop(e);
       reportSkipped();
       return;
     }
+    if (e.key === "Enter" && !e.isComposing) {
+      stop(e);
+      const el = current() || focused();
+      if (el) reportPicked(el);
+      return;
+    }
     if (e.key === "ArrowUp" || e.key === "ArrowDown") {
       stop(e);
+      if (!chain.length) return;
       if (e.key === "ArrowUp") idx = Math.min(idx + 1, chain.length - 1);
       else idx = Math.max(idx - 1, 0);
       refresh();
@@ -12236,12 +12278,43 @@ function showAnchorPicker(arg) {
     const al = n.getAttribute && n.getAttribute("aria-level");
     return al && /^\d+$/.test(al) ? Number(al) : null;
   };
+  const parentOf = (n) => {
+    if (n.parentElement) return n.parentElement;
+    const root = n.getRootNode ? n.getRootNode() : null;
+    return root && root !== doc && root.host ? root.host : null;
+  };
+  const shadowRoots = [];
+  const collectRoots = (root) => {
+    const all = root.querySelectorAll("*");
+    for (let i = 0; i < all.length; i++) {
+      const sr = all[i].shadowRoot;
+      if (sr) {
+        shadowRoots.push(sr);
+        collectRoots(sr);
+      }
+    }
+  };
+  try {
+    collectRoots(doc);
+  } catch {
+    shadowRoots.length = 0;
+  }
+  const within = (node2, scope) => {
+    if (scope === doc) return true;
+    for (let n = node2; n; n = parentOf(n)) if (n === scope) return true;
+    return false;
+  };
+  const queryAll = (scope, sel) => {
+    const found = Array.from(scope.querySelectorAll(sel));
+    for (const sr of shadowRoots) if (within(sr.host, scope)) found.push(...Array.from(sr.querySelectorAll(sel)));
+    return found;
+  };
   const leafCountable = !!leafTestId || roleOf2(el) === leafRole;
   const leafMatches = (scope) => {
     try {
-      if (leafTestId) return scope.querySelectorAll(`[${testIdAttr}=${JSON.stringify(leafTestId)}]`).length;
+      if (leafTestId) return queryAll(scope, `[${testIdAttr}=${JSON.stringify(leafTestId)}]`).length;
       if (!leafCountable) return -1;
-      const nodes = scope.querySelectorAll(roleSources);
+      const nodes = queryAll(scope, roleSources);
       if (nodes.length > 2e3) return -1;
       let matched = 0;
       for (let i = 0; i < nodes.length; i++) {
@@ -12257,20 +12330,20 @@ function showAnchorPicker(arg) {
   };
   let roleNodes = [];
   try {
-    const all = doc.querySelectorAll(roleSources);
-    if (all.length <= 4e3) roleNodes = Array.from(all);
+    const all = queryAll(doc, roleSources);
+    if (all.length <= 4e3) roleNodes = all;
   } catch {
     roleNodes = [];
   }
   const count = (sel) => {
     try {
-      return doc.querySelectorAll(sel).length;
+      return queryAll(doc, sel).length;
     } catch {
       return void 0;
     }
   };
   const rows = [];
-  let node = el.parentElement;
+  let node = parentOf(el);
   let depth = 0;
   while (node && depth < 12) {
     depth++;
@@ -12307,7 +12380,7 @@ function showAnchorPicker(arg) {
       hookLabel,
       selectable: !!(testId || id || role && (ariaLabel || info.roleCount === 1))
     });
-    node = node.parentElement;
+    node = parentOf(node);
   }
   if (rows.length === 0) {
     g.__piwiAnchorState = "skipped";
@@ -12336,9 +12409,9 @@ function showAnchorPicker(arg) {
   footer.style.cssText = "margin:10px 0;font-weight:600;";
   const segMatches = (scope, info) => {
     try {
-      if (info.testId) return Array.from(scope.querySelectorAll(`[${testIdAttr}=${JSON.stringify(info.testId)}]`));
-      if (info.id) return Array.from(scope.querySelectorAll(`#${doc.defaultView.CSS.escape(info.id)}`));
-      const nodes = Array.from(scope.querySelectorAll(roleSources));
+      if (info.testId) return queryAll(scope, `[${testIdAttr}=${JSON.stringify(info.testId)}]`);
+      if (info.id) return queryAll(scope, `#${doc.defaultView.CSS.escape(info.id)}`);
+      const nodes = queryAll(scope, roleSources);
       if (nodes.length > 2e3) return [];
       return nodes.filter(
         (n) => roleOf2(n) === info.role && (!info.ariaLabel || n.getAttribute && n.getAttribute("aria-label") === info.ariaLabel)

package/dist/internal/capture/capture-fixtures.js

@@ -412,10 +412,11 @@ function installPickerOverlay(arg) {
   }
   const Z = 2147483600;
   const testIdAttr = arg.testIdAttribute || "data-testid";
+  const enterReaches = arg.transport === "global";
   const words = {
     banner: "Piwi inspector \u2014 click any element to generate locators for it",
-    keys: "\u2191 parent \xB7 \u2193 child \xB7 Esc skip",
-    keysHovering: "click to pick \xB7 \u2191 parent \xB7 \u2193 child \xB7 Esc skip",
+    keys: enterReaches ? "Enter picks the focused element \xB7 \u2191 parent \xB7 \u2193 child \xB7 Esc skip" : "\u2191 parent \xB7 \u2193 child \xB7 Esc skip",
+    keysHovering: enterReaches ? "click or Enter to pick \xB7 \u2191 parent \xB7 \u2193 child \xB7 Esc skip" : "click to pick \xB7 \u2191 parent \xB7 \u2193 child \xB7 Esc skip",
     analyzing: "Analyzing element\u2026"
   };
   for (const key of Object.keys(words)) {
@@ -510,6 +511,16 @@ function installPickerOverlay(arg) {
     const cls = (el.getAttribute && el.getAttribute("class") || "").split(/\s+/).find((c) => c.length > 1);
     return cls ? `locator(${quoteJs(`.${cls}`)})` : tag;
   };
+  const parentOf = (node) => {
+    if (node.parentElement) return node.parentElement;
+    const root = node.getRootNode ? node.getRootNode() : null;
+    return root && root !== doc && root.host ? root.host : null;
+  };
+  const targetOf = (e) => {
+    const path13 = typeof e.composedPath === "function" ? e.composedPath() : null;
+    const first = path13 && path13.length ? path13[0] : null;
+    return first && first.nodeType === 1 ? first : e.target;
+  };
   const buildChain = (raw) => {
     const chain2 = [];
     let node = raw;
@@ -517,7 +528,7 @@ function installPickerOverlay(arg) {
       const tag = (node.tagName || "").toLowerCase();
       if (tag === "body" || tag === "html") break;
       chain2.push(node);
-      node = node.parentElement;
+      node = parentOf(node);
     }
     return chain2.length ? chain2 : [raw];
   };
@@ -608,10 +619,14 @@ function installPickerOverlay(arg) {
     }
   };
   const onMove = (e) => {
-    const raw = e.target;
+    const raw = targetOf(e);
     if (!raw || isOwn(raw)) {
+      chain = [];
+      idx = 0;
+      lastRaw = null;
       highlight.style.display = "none";
       label.style.display = "none";
+      foot.textContent = words.keys;
       return;
     }
     if (raw !== lastRaw) {
@@ -690,17 +705,30 @@ function installPickerOverlay(arg) {
   const onClick = (e) => {
     stop(e);
     const el = current();
-    if (!el || isOwn(e.target)) return;
+    if (!el || isOwn(targetOf(e))) return;
     reportPicked(el);
   };
+  const focused = () => {
+    let el = doc.activeElement;
+    while (el && el.shadowRoot && el.shadowRoot.activeElement) el = el.shadowRoot.activeElement;
+    const tag = (el && el.tagName || "").toLowerCase();
+    return !el || tag === "body" || tag === "html" || isOwn(el) ? null : el;
+  };
   const onKey = (e) => {
     if (e.key === "Escape") {
       stop(e);
       reportSkipped();
       return;
     }
+    if (e.key === "Enter" && !e.isComposing) {
+      stop(e);
+      const el = current() || focused();
+      if (el) reportPicked(el);
+      return;
+    }
     if (e.key === "ArrowUp" || e.key === "ArrowDown") {
       stop(e);
+      if (!chain.length) return;
       if (e.key === "ArrowUp") idx = Math.min(idx + 1, chain.length - 1);
       else idx = Math.max(idx - 1, 0);
       refresh();
@@ -774,12 +802,43 @@ function showAnchorPicker(arg) {
     const al = n.getAttribute && n.getAttribute("aria-level");
     return al && /^\d+$/.test(al) ? Number(al) : null;
   };
+  const parentOf = (n) => {
+    if (n.parentElement) return n.parentElement;
+    const root = n.getRootNode ? n.getRootNode() : null;
+    return root && root !== doc && root.host ? root.host : null;
+  };
+  const shadowRoots = [];
+  const collectRoots = (root) => {
+    const all = root.querySelectorAll("*");
+    for (let i = 0; i < all.length; i++) {
+      const sr = all[i].shadowRoot;
+      if (sr) {
+        shadowRoots.push(sr);
+        collectRoots(sr);
+      }
+    }
+  };
+  try {
+    collectRoots(doc);
+  } catch {
+    shadowRoots.length = 0;
+  }
+  const within = (node2, scope) => {
+    if (scope === doc) return true;
+    for (let n = node2; n; n = parentOf(n)) if (n === scope) return true;
+    return false;
+  };
+  const queryAll = (scope, sel) => {
+    const found = Array.from(scope.querySelectorAll(sel));
+    for (const sr of shadowRoots) if (within(sr.host, scope)) found.push(...Array.from(sr.querySelectorAll(sel)));
+    return found;
+  };
   const leafCountable = !!leafTestId || roleOf2(el) === leafRole;
   const leafMatches = (scope) => {
     try {
-      if (leafTestId) return scope.querySelectorAll(`[${testIdAttr}=${JSON.stringify(leafTestId)}]`).length;
+      if (leafTestId) return queryAll(scope, `[${testIdAttr}=${JSON.stringify(leafTestId)}]`).length;
       if (!leafCountable) return -1;
-      const nodes = scope.querySelectorAll(roleSources);
+      const nodes = queryAll(scope, roleSources);
       if (nodes.length > 2e3) return -1;
       let matched = 0;
       for (let i = 0; i < nodes.length; i++) {
@@ -795,20 +854,20 @@ function showAnchorPicker(arg) {
   };
   let roleNodes = [];
   try {
-    const all = doc.querySelectorAll(roleSources);
-    if (all.length <= 4e3) roleNodes = Array.from(all);
+    const all = queryAll(doc, roleSources);
+    if (all.length <= 4e3) roleNodes = all;
   } catch {
     roleNodes = [];
   }
   const count = (sel) => {
     try {
-      return doc.querySelectorAll(sel).length;
+      return queryAll(doc, sel).length;
     } catch {
       return void 0;
     }
   };
   const rows = [];
-  let node = el.parentElement;
+  let node = parentOf(el);
   let depth = 0;
   while (node && depth < 12) {
     depth++;
@@ -845,7 +904,7 @@ function showAnchorPicker(arg) {
       hookLabel,
       selectable: !!(testId || id || role && (ariaLabel || info.roleCount === 1))
     });
-    node = node.parentElement;
+    node = parentOf(node);
   }
   if (rows.length === 0) {
     g.__piwiAnchorState = "skipped";
@@ -874,9 +933,9 @@ function showAnchorPicker(arg) {
   footer.style.cssText = "margin:10px 0;font-weight:600;";
   const segMatches = (scope, info) => {
     try {
-      if (info.testId) return Array.from(scope.querySelectorAll(`[${testIdAttr}=${JSON.stringify(info.testId)}]`));
-      if (info.id) return Array.from(scope.querySelectorAll(`#${doc.defaultView.CSS.escape(info.id)}`));
-      const nodes = Array.from(scope.querySelectorAll(roleSources));
+      if (info.testId) return queryAll(scope, `[${testIdAttr}=${JSON.stringify(info.testId)}]`);
+      if (info.id) return queryAll(scope, `#${doc.defaultView.CSS.escape(info.id)}`);
+      const nodes = queryAll(scope, roleSources);
       if (nodes.length > 2e3) return [];
       return nodes.filter(
         (n) => roleOf2(n) === info.role && (!info.ariaLabel || n.getAttribute && n.getAttribute("aria-label") === info.ariaLabel)

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

@@ -379,10 +379,11 @@ function installPickerOverlay(arg) {
   }
   const Z = 2147483600;
   const testIdAttr = arg.testIdAttribute || "data-testid";
+  const enterReaches = arg.transport === "global";
   const words = {
     banner: "Piwi inspector \u2014 click any element to generate locators for it",
-    keys: "\u2191 parent \xB7 \u2193 child \xB7 Esc skip",
-    keysHovering: "click to pick \xB7 \u2191 parent \xB7 \u2193 child \xB7 Esc skip",
+    keys: enterReaches ? "Enter picks the focused element \xB7 \u2191 parent \xB7 \u2193 child \xB7 Esc skip" : "\u2191 parent \xB7 \u2193 child \xB7 Esc skip",
+    keysHovering: enterReaches ? "click or Enter to pick \xB7 \u2191 parent \xB7 \u2193 child \xB7 Esc skip" : "click to pick \xB7 \u2191 parent \xB7 \u2193 child \xB7 Esc skip",
     analyzing: "Analyzing element\u2026"
   };
   for (const key of Object.keys(words)) {
@@ -477,6 +478,16 @@ function installPickerOverlay(arg) {
     const cls = (el.getAttribute && el.getAttribute("class") || "").split(/\s+/).find((c) => c.length > 1);
     return cls ? `locator(${quoteJs(`.${cls}`)})` : tag;
   };
+  const parentOf = (node) => {
+    if (node.parentElement) return node.parentElement;
+    const root = node.getRootNode ? node.getRootNode() : null;
+    return root && root !== doc && root.host ? root.host : null;
+  };
+  const targetOf = (e) => {
+    const path3 = typeof e.composedPath === "function" ? e.composedPath() : null;
+    const first = path3 && path3.length ? path3[0] : null;
+    return first && first.nodeType === 1 ? first : e.target;
+  };
   const buildChain = (raw) => {
     const chain2 = [];
     let node = raw;
@@ -484,7 +495,7 @@ function installPickerOverlay(arg) {
       const tag = (node.tagName || "").toLowerCase();
       if (tag === "body" || tag === "html") break;
       chain2.push(node);
-      node = node.parentElement;
+      node = parentOf(node);
     }
     return chain2.length ? chain2 : [raw];
   };
@@ -575,10 +586,14 @@ function installPickerOverlay(arg) {
     }
   };
   const onMove = (e) => {
-    const raw = e.target;
+    const raw = targetOf(e);
     if (!raw || isOwn(raw)) {
+      chain = [];
+      idx = 0;
+      lastRaw = null;
       highlight.style.display = "none";
       label.style.display = "none";
+      foot.textContent = words.keys;
       return;
     }
     if (raw !== lastRaw) {
@@ -657,17 +672,30 @@ function installPickerOverlay(arg) {
   const onClick = (e) => {
     stop(e);
     const el = current();
-    if (!el || isOwn(e.target)) return;
+    if (!el || isOwn(targetOf(e))) return;
     reportPicked(el);
   };
+  const focused = () => {
+    let el = doc.activeElement;
+    while (el && el.shadowRoot && el.shadowRoot.activeElement) el = el.shadowRoot.activeElement;
+    const tag = (el && el.tagName || "").toLowerCase();
+    return !el || tag === "body" || tag === "html" || isOwn(el) ? null : el;
+  };
   const onKey = (e) => {
     if (e.key === "Escape") {
       stop(e);
       reportSkipped();
       return;
     }
+    if (e.key === "Enter" && !e.isComposing) {
+      stop(e);
+      const el = current() || focused();
+      if (el) reportPicked(el);
+      return;
+    }
     if (e.key === "ArrowUp" || e.key === "ArrowDown") {
       stop(e);
+      if (!chain.length) return;
       if (e.key === "ArrowUp") idx = Math.min(idx + 1, chain.length - 1);
       else idx = Math.max(idx - 1, 0);
       refresh();
@@ -741,12 +769,43 @@ function showAnchorPicker(arg) {
     const al = n.getAttribute && n.getAttribute("aria-level");
     return al && /^\d+$/.test(al) ? Number(al) : null;
   };
+  const parentOf = (n) => {
+    if (n.parentElement) return n.parentElement;
+    const root = n.getRootNode ? n.getRootNode() : null;
+    return root && root !== doc && root.host ? root.host : null;
+  };
+  const shadowRoots = [];
+  const collectRoots = (root) => {
+    const all = root.querySelectorAll("*");
+    for (let i = 0; i < all.length; i++) {
+      const sr = all[i].shadowRoot;
+      if (sr) {
+        shadowRoots.push(sr);
+        collectRoots(sr);
+      }
+    }
+  };
+  try {
+    collectRoots(doc);
+  } catch {
+    shadowRoots.length = 0;
+  }
+  const within = (node2, scope) => {
+    if (scope === doc) return true;
+    for (let n = node2; n; n = parentOf(n)) if (n === scope) return true;
+    return false;
+  };
+  const queryAll = (scope, sel) => {
+    const found = Array.from(scope.querySelectorAll(sel));
+    for (const sr of shadowRoots) if (within(sr.host, scope)) found.push(...Array.from(sr.querySelectorAll(sel)));
+    return found;
+  };
   const leafCountable = !!leafTestId || roleOf(el) === leafRole;
   const leafMatches = (scope) => {
     try {
-      if (leafTestId) return scope.querySelectorAll(`[${testIdAttr}=${JSON.stringify(leafTestId)}]`).length;
+      if (leafTestId) return queryAll(scope, `[${testIdAttr}=${JSON.stringify(leafTestId)}]`).length;
       if (!leafCountable) return -1;
-      const nodes = scope.querySelectorAll(roleSources);
+      const nodes = queryAll(scope, roleSources);
       if (nodes.length > 2e3) return -1;
       let matched = 0;
       for (let i = 0; i < nodes.length; i++) {
@@ -762,20 +821,20 @@ function showAnchorPicker(arg) {
   };
   let roleNodes = [];
   try {
-    const all = doc.querySelectorAll(roleSources);
-    if (all.length <= 4e3) roleNodes = Array.from(all);
+    const all = queryAll(doc, roleSources);
+    if (all.length <= 4e3) roleNodes = all;
   } catch {
     roleNodes = [];
   }
   const count = (sel) => {
     try {
-      return doc.querySelectorAll(sel).length;
+      return queryAll(doc, sel).length;
     } catch {
       return void 0;
     }
   };
   const rows = [];
-  let node = el.parentElement;
+  let node = parentOf(el);
   let depth = 0;
   while (node && depth < 12) {
     depth++;
@@ -812,7 +871,7 @@ function showAnchorPicker(arg) {
       hookLabel,
       selectable: !!(testId || id || role && (ariaLabel || info.roleCount === 1))
     });
-    node = node.parentElement;
+    node = parentOf(node);
   }
   if (rows.length === 0) {
     g.__piwiAnchorState = "skipped";
@@ -841,9 +900,9 @@ function showAnchorPicker(arg) {
   footer.style.cssText = "margin:10px 0;font-weight:600;";
   const segMatches = (scope, info) => {
     try {
-      if (info.testId) return Array.from(scope.querySelectorAll(`[${testIdAttr}=${JSON.stringify(info.testId)}]`));
-      if (info.id) return Array.from(scope.querySelectorAll(`#${doc.defaultView.CSS.escape(info.id)}`));
-      const nodes = Array.from(scope.querySelectorAll(roleSources));
+      if (info.testId) return queryAll(scope, `[${testIdAttr}=${JSON.stringify(info.testId)}]`);
+      if (info.id) return queryAll(scope, `#${doc.defaultView.CSS.escape(info.id)}`);
+      const nodes = queryAll(scope, roleSources);
       if (nodes.length > 2e3) return [];
       return nodes.filter(
         (n) => roleOf(n) === info.role && (!info.ariaLabel || n.getAttribute && n.getAttribute("aria-label") === info.ariaLabel)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@piwitests/reporter",
-  "version": "0.58.0",
+  "version": "0.59.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",