ff-automationv2 2.1.3 → 2.2.2

package/{src/utils/javascript/jsForShadowRoot.ts → dist/utils/javascript/jsForShadowRoot.js}

@@ -1,216 +1,209 @@
-export const SHADOW_DOM_CLICK_JS = `
-const path = arguments[0];
-
-function resolve(path) {
-
-  function toCss(sel) {
-    return sel.replace(/(\\w+)\\[(\\d+)\\]/g,
-      (_, t, n) => \`\${t}:nth-of-type(\${n})\`);
-  }
-
-  const parts = path.split("/shadow/");
-  let node = document.evaluate(
-    parts[0],
-    document,
-    null,
-    XPathResult.FIRST_ORDERED_NODE_TYPE,
-    null
-  ).singleNodeValue;
-
-  for (let i = 1; i < parts.length; i++) {
-    node = node.shadowRoot.querySelector(
-      toCss(parts[i].replace(/\\//g, " > "))
-    );
-  }
-
-  return node;
-}
-
-const targetNode = resolve(path);
-if (targetNode) {
-  targetNode.click();
-  return true;
-}
-return false;
+export const SHADOW_DOM_CLICK_JS = `
+const path = arguments[0];
+
+function resolve(path) {
+
+  function toCss(sel) {
+    return sel.replace(/(\\w+)\\[(\\d+)\\]/g,
+      (_, t, n) => \`\${t}:nth-of-type(\${n})\`);
+  }
+
+  const parts = path.split("/shadow/");
+  let node = document.evaluate(
+    parts[0],
+    document,
+    null,
+    XPathResult.FIRST_ORDERED_NODE_TYPE,
+    null
+  ).singleNodeValue;
+
+  for (let i = 1; i < parts.length; i++) {
+    node = node.shadowRoot.querySelector(
+      toCss(parts[i].replace(/\\//g, " > "))
+    );
+  }
+
+  return node;
+}
+
+const targetNode = resolve(path);
+if (targetNode) {
+  targetNode.click();
+  return true;
+}
+return false;
 `;
-
-export const SHADOW_DOM_ENTER_JS = `
-const path = arguments[0];
-const value = arguments[1];
-
-function resolve(path) {
-
-  function toCss(sel) {
-    return sel.replace(/(\\w+)\\[(\\d+)\\]/g,
-      (_, t, n) => \`\${t}:nth-of-type(\${n})\`);
-  }
-
-  const parts = path.split("/shadow/");
-  let node = document.evaluate(
-    parts[0],
-    document,
-    null,
-    XPathResult.FIRST_ORDERED_NODE_TYPE,
-    null
-  ).singleNodeValue;
-
-  for (let i = 1; i < parts.length; i++) {
-    node = node.shadowRoot.querySelector(
-      toCss(parts[i].replace(/\\//g, " > "))
-    );
-  }
-
-  return node;
-}
-
-const el = resolve(path);
-if (el) {
-  el.focus();
-  el.value = "";
-  el.value = value;
-  el.dispatchEvent(new Event("input", { bubbles: true }));
-  el.dispatchEvent(new Event("change", { bubbles: true }));
-  return true;
-}
-return false;
+export const SHADOW_DOM_ENTER_JS = `
+const path = arguments[0];
+const value = arguments[1];
+
+function resolve(path) {
+
+  function toCss(sel) {
+    return sel.replace(/(\\w+)\\[(\\d+)\\]/g,
+      (_, t, n) => \`\${t}:nth-of-type(\${n})\`);
+  }
+
+  const parts = path.split("/shadow/");
+  let node = document.evaluate(
+    parts[0],
+    document,
+    null,
+    XPathResult.FIRST_ORDERED_NODE_TYPE,
+    null
+  ).singleNodeValue;
+
+  for (let i = 1; i < parts.length; i++) {
+    node = node.shadowRoot.querySelector(
+      toCss(parts[i].replace(/\\//g, " > "))
+    );
+  }
+
+  return node;
+}
+
+const el = resolve(path);
+if (el) {
+  el.focus();
+  el.value = "";
+  el.value = value;
+  el.dispatchEvent(new Event("input", { bubbles: true }));
+  el.dispatchEvent(new Event("change", { bubbles: true }));
+  return true;
+}
+return false;
 `;
-
-
-export const SHADOW_DOM_UPLOAD_JS = `
-const path = arguments[0];
-
-function resolve(path) {
-
-  function toCss(sel) {
-    return sel.replace(/(\\w+)\\[(\\d+)\\]/g,
-      (_, t, n) => \`\${t}:nth-of-type(\${n})\`);
-  }
-
-  const parts = path.split("/shadow/");
-  let node = document.evaluate(
-    parts[0],
-    document,
-    null,
-    XPathResult.FIRST_ORDERED_NODE_TYPE,
-    null
-  ).singleNodeValue;
-
-  for (let i = 1; i < parts.length; i++) {
-    node = node.shadowRoot.querySelector(
-      toCss(parts[i].replace(/\\//g, " > "))
-    );
-  }
-
-  return node;
-}
-
-return resolve(path);
+export const SHADOW_DOM_UPLOAD_JS = `
+const path = arguments[0];
+
+function resolve(path) {
+
+  function toCss(sel) {
+    return sel.replace(/(\\w+)\\[(\\d+)\\]/g,
+      (_, t, n) => \`\${t}:nth-of-type(\${n})\`);
+  }
+
+  const parts = path.split("/shadow/");
+  let node = document.evaluate(
+    parts[0],
+    document,
+    null,
+    XPathResult.FIRST_ORDERED_NODE_TYPE,
+    null
+  ).singleNodeValue;
+
+  for (let i = 1; i < parts.length; i++) {
+    node = node.shadowRoot.querySelector(
+      toCss(parts[i].replace(/\\//g, " > "))
+    );
+  }
+
+  return node;
+}
+
+return resolve(path);
 `;
-
-export const SHADOW_DOM_GET_TEXT_JS = `
-const path = arguments[0];
-
-function resolve(path) {
-
-  function toCss(sel) {
-    return sel.replace(/(\\\\w+)\\\\[(\\\\d+)\\\\]/g,
-      (_, t, n) => \`\\\${t}:nth-of-type(\\\${n})\`);
-  }
-
-  const parts = path.split("/shadow/");
-
-  let node = document.evaluate(
-    parts[0],
-    document,
-    null,
-    XPathResult.FIRST_ORDERED_NODE_TYPE,
-    null
-  ).singleNodeValue;
-
-  for (let i = 1; i < parts.length; i++) {
-    if (!node || !node.shadowRoot) return null;
-    node = node.shadowRoot.querySelector(
-      toCss(parts[i].replace(/\\\\//g, " > "))
-    );
-  }
-
-  return node;
-}
-
-const el = resolve(path);
-return el ? el.innerText.trim() : null;
+export const SHADOW_DOM_GET_TEXT_JS = `
+const path = arguments[0];
+
+function resolve(path) {
+
+  function toCss(sel) {
+    return sel.replace(/(\\w+)\\[(\\d+)\\]/g,
+      (_, t, n) => \`\${t}:nth-of-type(\${n})\`);
+  }
+
+  const parts = path.split("/shadow/");
+
+  let node = document.evaluate(
+    parts[0],
+    document,
+    null,
+    XPathResult.FIRST_ORDERED_NODE_TYPE,
+    null
+  ).singleNodeValue;
+
+  for (let i = 1; i < parts.length; i++) {
+    if (!node || !node.shadowRoot) return null;
+    node = node.shadowRoot.querySelector(
+      toCss(parts[i].replace(/\\//g, " > "))
+    );
+  }
+
+  return node;
+}
+
+const el = resolve(path);
+return el ? el.innerText.trim() : null;
 `;
-
-
-export const SHADOW_DOM_VERIFY_TEXT_JS = `
-const path = arguments[0];
-const text = arguments[1];
-
-function resolve(path) {
-
-  function toCss(sel) {
-    return sel.replace(/(\\\\w+)\\\\[(\\\\d+)\\\\]/g,
-      (_, t, n) => \`\\\${t}:nth-of-type(\\\${n})\`);
-  }
-
-  const parts = path.split("/shadow/");
-
-  let node = document.evaluate(
-    parts[0],
-    document,
-    null,
-    XPathResult.FIRST_ORDERED_NODE_TYPE,
-    null
-  ).singleNodeValue;
-
-  for (let i = 1; i < parts.length; i++) {
-    if (!node || !node.shadowRoot) return null;
-    node = node.shadowRoot.querySelector(
-      toCss(parts[i].replace(/\\\\//g, " > "))
-    );
-  }
-
-  return node;
-}
-
-const el = resolve(path);
-return el ? el.innerText.trim() === text : false;
+export const SHADOW_DOM_VERIFY_TEXT_JS = `
+const path = arguments[0];
+const text = arguments[1];
+
+function resolve(path) {
+
+  function toCss(sel) {
+    return sel.replace(/(\\w+)\\[(\\d+)\\]/g,
+      (_, t, n) => \`\${t}:nth-of-type(\${n})\`);
+  }
+
+  const parts = path.split("/shadow/");
+
+  let node = document.evaluate(
+    parts[0],
+    document,
+    null,
+    XPathResult.FIRST_ORDERED_NODE_TYPE,
+    null
+  ).singleNodeValue;
+
+  for (let i = 1; i < parts.length; i++) {
+    if (!node || !node.shadowRoot) return null;
+    node = node.shadowRoot.querySelector(
+      toCss(parts[i].replace(/\\//g, " > "))
+    );
+  }
+
+  return node;
+}
+
+const el = resolve(path);
+return el ? el.innerText.trim() === text : false;
 `;
-
-export const SHADOW_DOM_VERIFY_PARTIAL_TEXT_JS = `
-const path = arguments[0];
-const expected = arguments[1];
-
-function resolve(path) {
-
-  function toCss(sel) {
-    return sel.replace(/(\\\\w+)\\\\[(\\\\d+)\\\\]/g,
-      (_, t, n) => \`\\\${t}:nth-of-type(\\\${n})\`);
-  }
-
-  const parts = path.split("/shadow/");
-
-  let node = document.evaluate(
-    parts[0],
-    document,
-    null,
-    XPathResult.FIRST_ORDERED_NODE_TYPE,
-    null
-  ).singleNodeValue;
-
-  for (let i = 1; i < parts.length; i++) {
-    if (!node || !node.shadowRoot) return null;
-    node = node.shadowRoot.querySelector(
-      toCss(parts[i].replace(/\\\\//g, " > "))
-    );
-  }
-
-  return node;
-}
-
-const el = resolve(path);
-if (!el) return false;
-
-const text = el.innerText ? el.innerText.trim() : "";
-return text.includes(expected);
+export const SHADOW_DOM_VERIFY_PARTIAL_TEXT_JS = `
+const path = arguments[0];
+const expected = arguments[1];
+
+function resolve(path) {
+
+  function toCss(sel) {
+    return sel.replace(/(\\w+)\\[(\\d+)\\]/g,
+      (_, t, n) => \`\${t}:nth-of-type(\${n})\`);
+  }
+
+  const parts = path.split("/shadow/");
+
+  let node = document.evaluate(
+    parts[0],
+    document,
+    null,
+    XPathResult.FIRST_ORDERED_NODE_TYPE,
+    null
+  ).singleNodeValue;
+
+  for (let i = 1; i < parts.length; i++) {
+    if (!node || !node.shadowRoot) return null;
+    node = node.shadowRoot.querySelector(
+      toCss(parts[i].replace(/\\//g, " > "))
+    );
+  }
+
+  return node;
+}
+
+const el = resolve(path);
+if (!el) return false;
+
+const text = el.innerText ? el.innerText.trim() : "";
+return text.includes(expected);
 `;

package/dist/utils/javascript/jsForToaster.d.ts

@@ -0,0 +1 @@
+export declare const TOAST_WATCHER_JS = "\n(function () {\n\n  // --- STOP any old watcher first ---\n  if (window.__toastObserver) {\n    try { window.__toastObserver.disconnect(); } catch(e) {}\n  }\n\n  // --- Reset state for this step ---\n  window.__toastDetected = false;\n  window.__lastToastText = null;\n\n  function isVisible(el) {\n    const r = el.getBoundingClientRect();\n    const s = getComputedStyle(el);\n    return r.width > 0 && r.height > 0 &&\n           s.display !== \"none\" &&\n           s.visibility !== \"hidden\" &&\n           s.opacity !== \"0\";\n  }\n\n  const observer = new MutationObserver(muts => {\n    for (const m of muts) {\n\n      // New elements\n      for (const node of m.addedNodes || []) {\n        if (node.nodeType !== 1) continue;\n        const text = node.innerText?.trim();\n        if (!text || text.length < 3 || text.length > 300) continue;\n        if (!isVisible(node)) continue;\n\n        window.__toastDetected = true;\n        window.__lastToastText = text;\n        return;\n      }\n\n      // Text changes\n      if (m.type === \"characterData\") {\n        const el = m.target.parentElement;\n        if (!el) continue;\n        const text = el.innerText?.trim();\n        if (!text || text.length < 3 || text.length > 300) continue;\n        if (!isVisible(el)) continue;\n\n        window.__toastDetected = true;\n        window.__lastToastText = text;\n        return;\n      }\n    }\n  });\n\n  observer.observe(document.body, {\n    childList: true,\n    subtree: true,\n    characterData: true\n  });\n\n  window.__toastObserver = observer;\n})();\n";

package/{src/utils/javascript/jsForToaster.ts → dist/utils/javascript/jsForToaster.js}

@@ -1,60 +1,60 @@
-export const TOAST_WATCHER_JS = `
-(function () {
-
-  // --- STOP any old watcher first ---
-  if (window.__toastObserver) {
-    try { window.__toastObserver.disconnect(); } catch(e) {}
-  }
-
-  // --- Reset state for this step ---
-  window.__toastDetected = false;
-  window.__lastToastText = null;
-
-  function isVisible(el) {
-    const r = el.getBoundingClientRect();
-    const s = getComputedStyle(el);
-    return r.width > 0 && r.height > 0 &&
-           s.display !== "none" &&
-           s.visibility !== "hidden" &&
-           s.opacity !== "0";
-  }
-
-  const observer = new MutationObserver(muts => {
-    for (const m of muts) {
-
-      // New elements
-      for (const node of m.addedNodes || []) {
-        if (node.nodeType !== 1) continue;
-        const text = node.innerText?.trim();
-        if (!text || text.length < 3 || text.length > 300) continue;
-        if (!isVisible(node)) continue;
-
-        window.__toastDetected = true;
-        window.__lastToastText = text;
-        return;
-      }
-
-      // Text changes
-      if (m.type === "characterData") {
-        const el = m.target.parentElement;
-        if (!el) continue;
-        const text = el.innerText?.trim();
-        if (!text || text.length < 3 || text.length > 300) continue;
-        if (!isVisible(el)) continue;
-
-        window.__toastDetected = true;
-        window.__lastToastText = text;
-        return;
-      }
-    }
-  });
-
-  observer.observe(document.body, {
-    childList: true,
-    subtree: true,
-    characterData: true
-  });
-
-  window.__toastObserver = observer;
-})();
+export const TOAST_WATCHER_JS = `
+(function () {
+
+  // --- STOP any old watcher first ---
+  if (window.__toastObserver) {
+    try { window.__toastObserver.disconnect(); } catch(e) {}
+  }
+
+  // --- Reset state for this step ---
+  window.__toastDetected = false;
+  window.__lastToastText = null;
+
+  function isVisible(el) {
+    const r = el.getBoundingClientRect();
+    const s = getComputedStyle(el);
+    return r.width > 0 && r.height > 0 &&
+           s.display !== "none" &&
+           s.visibility !== "hidden" &&
+           s.opacity !== "0";
+  }
+
+  const observer = new MutationObserver(muts => {
+    for (const m of muts) {
+
+      // New elements
+      for (const node of m.addedNodes || []) {
+        if (node.nodeType !== 1) continue;
+        const text = node.innerText?.trim();
+        if (!text || text.length < 3 || text.length > 300) continue;
+        if (!isVisible(node)) continue;
+
+        window.__toastDetected = true;
+        window.__lastToastText = text;
+        return;
+      }
+
+      // Text changes
+      if (m.type === "characterData") {
+        const el = m.target.parentElement;
+        if (!el) continue;
+        const text = el.innerText?.trim();
+        if (!text || text.length < 3 || text.length > 300) continue;
+        if (!isVisible(el)) continue;
+
+        window.__toastDetected = true;
+        window.__lastToastText = text;
+        return;
+      }
+    }
+  });
+
+  observer.observe(document.body, {
+    childList: true,
+    subtree: true,
+    characterData: true
+  });
+
+  window.__toastObserver = observer;
+})();
 `;

package/dist/utils/javascript/jsForVision.d.ts

@@ -0,0 +1,2 @@
+export declare const JS_PRIMARY = "return (function() {\n\n    function isReallyVisible(n) {\n    const r = n.getBoundingClientRect();\n    if (r.width === 0 || r.height === 0) return false;\n\n    const cx = r.x + r.width / 2;\n    const cy = r.y + r.height / 2;\n\n    let topEl = document.elementFromPoint(cx, cy);\n    if (!topEl) return false;\n\n    return n === topEl || n.contains(topEl);\n}\n\n   function isPrimary(n) {\n    const tag = n.tagName.toLowerCase();\n    const text = (n.innerText || \"\").trim();\n    const style = window.getComputedStyle(n);\n\n    if ([\"input\", \"button\", \"select\", \"textarea\"].includes(tag))\n        return true;\n\n    if (tag === \"label\" && text.length > 0)\n        return true;\n\n    if (tag === \"a\" && text.length > 0)\n        return true;\n\n    if (tag === \"li\") {\n        if (text.length > 0 && style.cursor === \"pointer\")\n            return true;\n    }\n\n    return false;\n}\n    function getBBox(n) {\n        const r = n.getBoundingClientRect();\n        return {x:r.x, y:r.y, w:r.width, h:r.height};\n    }\n\n    function collectShadowAware(root, out) {\n        if (!root) return;\n\n        if (root.nodeType === Node.ELEMENT_NODE && root.hasAttribute(\"ff-inspect\"))\n            out.push(root);\n\n        for (const child of root.children) {\n            collectShadowAware(child, out);\n            if (child.shadowRoot) collectShadowAware(child.shadowRoot, out);\n        }\n    }\n\n    const all = [];\n    collectShadowAware(document.documentElement, all);\n\n    const out = [];\n\n    for (let n of all) {\n        if (isReallyVisible(n) && isPrimary(n)) {\n            out.push({\n                ff: n.getAttribute(\"ff-inspect\"),\n                xpath: n.getAttribute(\"ff-xpath\"),\n                bbox: getBBox(n),\n                tag: n.tagName.toLowerCase(),\n                text: (n.innerText || \"\").trim()\n            });\n        }\n    }\n\n    return out;\n})();\n";
+export declare const JS_SECONDARY = "return (function() {\n\n    function isReallyVisible(n) {\n    const r = n.getBoundingClientRect();\n    if (r.width === 0 || r.height === 0) return false;\n\n    const cx = r.x + r.width / 2;\n    const cy = r.y + r.height / 2;\n\n    let topEl = document.elementFromPoint(cx, cy);\n    if (!topEl) return false;\n\n    return n === topEl || n.contains(topEl);\n}\n\n    function isSecondary(n) {\n        const r = n.getBoundingClientRect();\n        const tag = n.tagName.toLowerCase();\n        const text = (n.innerText || \"\").trim();\n        const style = window.getComputedStyle(n);\n\n        if (r.y < 120 && text.length > 0 && text.length <= 12)\n            return true;\n\n        if ([\"div\", \"span\"].includes(tag)) {\n            if (text.length > 0 && text.length <= 20 && r.height > 10)\n                return true;\n            if (style.cursor === \"pointer\")\n                return true;\n        }\n\n        if (tag === \"li\") {\n            if (text.length > 0 || style.cursor === \"pointer\")\n                return true;\n        }\n\n        return false;\n    }\n\n    function getBBox(n) {\n        const r = n.getBoundingClientRect();\n        return {x:r.x, y:r.y, w:r.width, h:r.height};\n    }\n\n    function collectShadowAware(root, out) {\n        if (!root) return;\n\n        if (root.nodeType === Node.ELEMENT_NODE && root.hasAttribute(\"ff-inspect\"))\n            out.push(root);\n\n        for (const child of root.children) {\n            collectShadowAware(child, out);\n            if (child.shadowRoot) collectShadowAware(child.shadowRoot, out);\n        }\n    }\n\n    const all = [];\n    collectShadowAware(document.documentElement, all);\n\n    const out = [];\n\n    for (let n of all) {\n        if (isReallyVisible(n) && isSecondary(n)) {\n            out.push({\n                ff: n.getAttribute(\"ff-inspect\"),\n                xpath: n.getAttribute(\"ff-xpath\"),\n                bbox: getBBox(n),\n                tag: n.tagName.toLowerCase(),\n                text: (n.innerText || \"\").trim()\n            });\n        }\n    }\n\n    return out;\n})();";