ff-dom 1.0.2 → 1.0.3

package/dist/utils/getElementsFromHTML.js

@@ -2,12 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getElementsFromHTML = void 0;
 const jsdom_1 = require("jsdom");
+const { stringify } = require("flatted");
 const isUnique = (xpathResult) => {
     return xpathResult && xpathResult.snapshotLength === 1;
 };
 const getElementFromShadowRoot = (element, selector) => {
     const shadowRoot = element.shadowRoot;
-    if (shadowRoot) {
+    if (shadowRoot && !selector.includes("dynamic")) {
         return shadowRoot.querySelector(selector);
     }
     return null;
@@ -135,26 +136,28 @@ function checkReferenceElementIsValid(locator, relation, tempDiv) {
         const window = currentElement.ownerDocument.defaultView;
         if (!window)
             return null;
-        const xpathEvaluator = new window.XPathEvaluator();
-        const xpathResult = xpathEvaluator.evaluate(sourceLoc, currentElement.ownerDocument, null, window.XPathResult.FIRST_ORDERED_NODE_TYPE, null);
-        const sourceElement = xpathResult.singleNodeValue;
-        if (sourceElement) {
-            const xpathResultComplete = xpathEvaluator.evaluate(locator, currentElement.ownerDocument, null, window.XPathResult.FIRST_ORDERED_NODE_TYPE, null);
-            const completeElement = xpathResultComplete.singleNodeValue;
-            let relativeXpath;
-            if (completeElement) {
-                relativeXpath = locator;
-                return relativeXpath;
+        if (!locator.includes("dynamic")) {
+            const xpathEvaluator = new window.XPathEvaluator();
+            const xpathResult = xpathEvaluator.evaluate(sourceLoc, currentElement.ownerDocument, null, window.XPathResult.FIRST_ORDERED_NODE_TYPE, null);
+            const sourceElement = xpathResult.singleNodeValue;
+            if (sourceElement) {
+                const xpathResultComplete = xpathEvaluator.evaluate(locator, currentElement.ownerDocument, null, window.XPathResult.FIRST_ORDERED_NODE_TYPE, null);
+                const completeElement = xpathResultComplete.singleNodeValue;
+                let relativeXpath;
+                if (completeElement) {
+                    relativeXpath = locator;
+                    return relativeXpath;
+                }
+                else {
+                    console.error("Complete Locator is Invalid:", locator);
+                    relativeXpath = locator;
+                    return relativeXpath;
+                }
             }
             else {
-                console.error("Complete Locator is Invalid:", locator);
-                relativeXpath = locator;
-                return relativeXpath;
+                console.error("Source Locator Not Found:", sourceLoc);
             }
         }
-        else {
-            console.error("Source Locator Not Found:", sourceLoc);
-        }
     }
     return null;
 }
@@ -165,9 +168,40 @@ const getElementsFromHTML = (name, desc, type, locators, isShared, projectId, pr
     const tempDiv = document.createElement("div");
     tempDiv.innerHTML = htmlString;
     let finalLocators = [];
-    for (const locator of locators) {
+    locators: for (const locator of locators) {
         try {
             let relativeXpath = null;
+            if (locator.value.includes("dynamic") ||
+                locator.type.match("dynamic") ||
+                locator.value.includes("{") ||
+                locator.value.includes("}")) {
+                console.log("Dynamic locator detected:", locator.value);
+                finalLocators.push({
+                    name: locator.name,
+                    type: locator.type,
+                    value: locator.value,
+                    reference: locator.reference,
+                    status: locator.status,
+                    isRecorded: locator.isRecorded,
+                });
+                continue;
+            }
+            if (locator.isRecorded.includes("N") || locator.isRecorded.match("N")) {
+                console.log("Manually added locator detected:", locator.value);
+                finalLocators.push({
+                    name: locator.name,
+                    type: locator.type,
+                    value: locator.value,
+                    reference: locator.reference,
+                    status: locator.status,
+                    isRecorded: locator.isRecorded,
+                });
+                continue;
+            }
+            if (isShared.includes("Y")) {
+                console.log("Shared element detected");
+                break locators;
+            }
             for (const relation of relations) {
                 try {
                     let targetElement = null;
@@ -194,8 +228,9 @@ const getElementsFromHTML = (name, desc, type, locators, isShared, projectId, pr
                                     trimmedSelector.startsWith(".")) {
                                     targetElement = currentElement.querySelector("." + trimmedSelector);
                                 }
-                                else if (locator.name.includes("xpath") ||
-                                    trimmedSelector.startsWith("//")) {
+                                else if ((locator.name.includes("xpath") ||
+                                    trimmedSelector.startsWith("//")) &&
+                                    !locator.type.match("dynamic")) {
                                     targetElement = getElementFromXPath(tempDiv, trimmedSelector);
                                 }
                                 else {
@@ -204,7 +239,9 @@ const getElementsFromHTML = (name, desc, type, locators, isShared, projectId, pr
                                         targetElement = getElementFromShadowRoot(currentElement, trimmedSelector);
                                     }
                                 }
-                                if (!targetElement && isSVGElement(currentElement)) {
+                                if (!targetElement &&
+                                    isSVGElement(currentElement) &&
+                                    !locator.type.match("dynamic")) {
                                     targetElement = currentElement.querySelector(trimmedSelector);
                                 }
                                 currentElement = targetElement;
@@ -212,7 +249,10 @@ const getElementsFromHTML = (name, desc, type, locators, isShared, projectId, pr
                         }
                     }
                     const locatorExists = (name, value) => {
-                        return finalLocators.some((loc) => loc.name === name && loc.value === value);
+                        return finalLocators.some((loc) => loc.name === name &&
+                            loc.value === value &&
+                            (!loc.value.includes("dynamic") ||
+                                !locator.type.match("dynamic")));
                     };
                     const xpathFunctions = [
                         { name: "xpath", value: getXPathByText },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ff-dom",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/utils/getElementsFromHTML.ts

@@ -1,4 +1,5 @@
 import { JSDOM } from "jsdom";
+const { stringify } = require("flatted");
 
 type ElementDetails = {
   id?: string | null;
@@ -24,7 +25,7 @@ const getElementFromShadowRoot = (
   selector: string
 ): Element | null => {
   const shadowRoot = (element as HTMLElement).shadowRoot;
-  if (shadowRoot) {
+  if (shadowRoot && !selector.includes("dynamic")) {
     return shadowRoot.querySelector(selector);
   }
   return null;
@@ -195,37 +196,38 @@ function checkReferenceElementIsValid(
     let currentElement: Element | null = tempDiv;
     const window = currentElement.ownerDocument.defaultView;
     if (!window) return null;
-
-    const xpathEvaluator = new window.XPathEvaluator();
-    const xpathResult = xpathEvaluator.evaluate(
-      sourceLoc,
-      currentElement.ownerDocument,
-      null,
-      window.XPathResult.FIRST_ORDERED_NODE_TYPE,
-      null
-    );
-
-    const sourceElement = xpathResult.singleNodeValue;
-    if (sourceElement) {
-      const xpathResultComplete = xpathEvaluator.evaluate(
-        locator,
+    if (!locator.includes("dynamic")) {
+      const xpathEvaluator = new window.XPathEvaluator();
+      const xpathResult = xpathEvaluator.evaluate(
+        sourceLoc,
         currentElement.ownerDocument,
         null,
         window.XPathResult.FIRST_ORDERED_NODE_TYPE,
         null
       );
-      const completeElement = xpathResultComplete.singleNodeValue;
-      let relativeXpath: string;
-      if (completeElement) {
-        relativeXpath = locator;
-        return relativeXpath;
+
+      const sourceElement = xpathResult.singleNodeValue;
+      if (sourceElement) {
+        const xpathResultComplete = xpathEvaluator.evaluate(
+          locator,
+          currentElement.ownerDocument,
+          null,
+          window.XPathResult.FIRST_ORDERED_NODE_TYPE,
+          null
+        );
+        const completeElement = xpathResultComplete.singleNodeValue;
+        let relativeXpath: string;
+        if (completeElement) {
+          relativeXpath = locator;
+          return relativeXpath;
+        } else {
+          console.error("Complete Locator is Invalid:", locator);
+          relativeXpath = locator;
+          return relativeXpath;
+        }
       } else {
-        console.error("Complete Locator is Invalid:", locator);
-        relativeXpath = locator;
-        return relativeXpath;
+        console.error("Source Locator Not Found:", sourceLoc);
       }
-    } else {
-      console.error("Source Locator Not Found:", sourceLoc);
     }
   }
   return null;
@@ -262,9 +264,42 @@ const getElementsFromHTML = (
   tempDiv.innerHTML = htmlString;
   let finalLocators = [];
 
-  for (const locator of locators) {
+  locators: for (const locator of locators) {
     try {
       let relativeXpath: string | null = null;
+      if (
+        locator.value.includes("dynamic") ||
+        locator.type.match("dynamic") ||
+        locator.value.includes("{") ||
+        locator.value.includes("}")
+      ) {
+        console.log("Dynamic locator detected:", locator.value);
+        finalLocators.push({
+          name: locator.name,
+          type: locator.type,
+          value: locator.value,
+          reference: locator.reference,
+          status: locator.status,
+          isRecorded: locator.isRecorded,
+        });
+        continue;
+      }
+      if (locator.isRecorded.includes("N") || locator.isRecorded.match("N")) {
+        console.log("Manually added locator detected:", locator.value);
+        finalLocators.push({
+          name: locator.name,
+          type: locator.type,
+          value: locator.value,
+          reference: locator.reference,
+          status: locator.status,
+          isRecorded: locator.isRecorded,
+        });
+        continue;
+      }
+      if (isShared.includes("Y")) {
+        console.log("Shared element detected");
+        break locators;
+      }
       for (const relation of relations) {
         try {
           let targetElement: Element | null = null;
@@ -303,8 +338,9 @@ const getElementsFromHTML = (
                     "." + trimmedSelector
                   );
                 } else if (
-                  locator.name.includes("xpath") ||
-                  trimmedSelector.startsWith("//")
+                  (locator.name.includes("xpath") ||
+                    trimmedSelector.startsWith("//")) &&
+                  !locator.type.match("dynamic")
                 ) {
                   targetElement = getElementFromXPath(tempDiv, trimmedSelector);
                 } else {
@@ -317,7 +353,11 @@ const getElementsFromHTML = (
                   }
                 }
 
-                if (!targetElement && isSVGElement(currentElement)) {
+                if (
+                  !targetElement &&
+                  isSVGElement(currentElement) &&
+                  !locator.type.match("dynamic")
+                ) {
                   targetElement = currentElement.querySelector(trimmedSelector);
                 }
 
@@ -328,7 +368,11 @@ const getElementsFromHTML = (
 
           const locatorExists = (name: string, value: string) => {
             return finalLocators.some(
-              (loc) => loc.name === name && loc.value === value
+              (loc) =>
+                loc.name === name &&
+                loc.value === value &&
+                (!loc.value.includes("dynamic") ||
+                  !locator.type.match("dynamic"))
             );
           };