Merge pull request #1727 from jdi-testing/issue_1588-escaping-special…

…-text-locator-characters

Issue 1588: escaping special text locator characters

manifest.json

@@ -3,7 +3,7 @@
   "name": "JDN — Page Object Generator",
   "description": "JDN – helps Test Automation Engineer to create Page Objects in the test automation framework and speed up test development",
   "devtools_page": "index.html",
-  "version": "3.15.27",
+  "version": "3.15.28",
   "icons": {
     "128": "icon128.png"
   },

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jdn-ai-chrome-extension",
-  "version": "3.15.27",
+  "version": "3.15.28",
   "description": "jdn-ai chrome extension",
   "scripts": {
     "start": "webpack --watch --env devenv",

src/features/locators/components/LocatorsTree.tsx

@@ -16,6 +16,8 @@ import { selectCurrentPageObject } from '../../pageObjects/selectors/pageObjects
 import { selectPresentLocatorsByPO } from '../selectors/locatorsByPO.selectors';
 import { selectFilteredLocators } from '../selectors/locatorsFiltered.selectors';
 import { isLocatorListPage } from '../../../app/utils/helpers';
+import { fullEscapeLocatorString, checkForEscaped } from '../utils/escapeLocatorString';
+import { LocatorType } from '../../../common/types/common';
 import type RcTree from 'rc-tree';
 import cn from 'classnames';
 
@@ -118,6 +120,10 @@ export const LocatorsTree: React.FC<LocatorTreeProps> = ({ locatorIds, viewProps
         const { element_id, children, parent_id, jdnHash, searchState, depth } = element;
         const locator = locatorsMap[element_id];
 
+        if (locator.locatorType === LocatorType.linkText && !checkForEscaped(locator.locatorValue.output)) {
+          locator.locatorValue.output = fullEscapeLocatorString(locator.locatorValue.output);
+        }
+
         const className = cn({
           'jdn__tree-item--selected': locator?.isGenerated && isLocatorListPage(currentPage),
           'jdn__tree-item--active': locator?.active,

src/features/locators/utils/escapeLocatorString.ts

@@ -1,3 +1,19 @@
 export const escapeLocatorString = (selector: string): string => {
   return selector.replace(/(["'\\])/g, '\\$1');
 };
+
+export const fullEscapeLocatorString = (str: string = ''): string => {
+  return str
+    .replaceAll(/\\/g, '\\\\') // escape backslash
+    .replaceAll(/\"/g, '\\"') // escape double quotes
+    .replaceAll(/\'/g, "\\'") // escape single quotes
+    .replaceAll(/\t/g, '\\t') // escape tabs
+    .replaceAll(/\n/g, '\\n') // escape newlines
+    .replaceAll(/\r/g, '\\r') // escape carriage returns
+    .replaceAll(/\f/g, '\\f'); // escape form feeds
+};
+
+export const checkForEscaped = (str: string = ''): boolean => {
+  const found = str.match(/\\/);
+  return found ? true : false;
+};