@govtechsg/oobee 0.10.42 → 0.10.43

package/src/xPathToCss.ts

@@ -1,186 +0,0 @@
-/**
- * XPath to CSS
- *
- * Utility function for converting XPath expressions to CSS selectors
- *
- * Originally written in Python by [santiycr](https://github.com/santiycr) for
- * [cssify](https://github.com/santiycr/cssify) and ported to JavaScript by
- * [Dither](https://github.com/Dither). Converted to ES2015 and packaged as an npm module by
- * [svenheden](https://github.com/svenheden)
- */
-
-'use strict';
-
-import { consoleLogger } from "./logs.js";
-
-const isValidXPath = expr => (
-    typeof expr != 'undefined' &&
-    expr.replace(/[\s-_=]/g,'') !== '' &&
-    expr.length === expr.replace(/[-_\w:.]+\(\)\s*=|=\s*[-_\w:.]+\(\)|\sor\s|\sand\s|\[(?:[^\/\]]+[\/\[]\/?.+)+\]|starts-with\(|\[.*last\(\)\s*[-\+<>=].+\]|number\(\)|not\(|count\(|text\(|first\(|normalize-space|[^\/]following-sibling|concat\(|descendant::|parent::|self::|child::|/gi,'').length
-);
-
-const getValidationRegex = () => {
-    let regex =
-        "(?P<node>"+
-          "("+
-            "^id\\([\"\\']?(?P<idvalue>%(value)s)[\"\\']?\\)"+// special case! `id(idValue)`
-          "|"+
-            "(?P<nav>//?(?:following-sibling::)?)(?P<tag>%(tag)s)" + //  `//div`
-            "(\\[("+
-              "(?P<matched>(?P<mattr>@?%(attribute)s=[\"\\'](?P<mvalue>%(value)s))[\"\\']"+ // `[@id="well"]` supported and `[text()="yes"]` is not
-            "|"+
-              "(?P<contained>contains\\((?P<cattr>@?%(attribute)s,\\s*[\"\\'](?P<cvalue>%(value)s)[\"\\']\\))"+// `[contains(@id, "bleh")]` supported and `[contains(text(), "some")]` is not
-            ")\\])?"+
-            "(\\[\\s*(?P<nth>\\d+|last\\(\\s*\\))\\s*\\])?"+
-          ")"+
-        ")";
-
-    const subRegexes = {
-        "tag": "([a-zA-Z][a-zA-Z0-9:-]*|\\*)",
-        "attribute": "[.a-zA-Z_:][-\\w:.]*(\\(\\))?)",
-        "value": "\\s*[\\w/:][-/\\w\\s,:;.]*"
-    };
-
-    Object.keys(subRegexes).forEach(key => {
-        regex = regex.replace(new RegExp('%\\(' + key + '\\)s', 'gi'), subRegexes[key]);
-    });
-
-    regex = regex.replace(/\?P<node>|\?P<idvalue>|\?P<nav>|\?P<tag>|\?P<matched>|\?P<mattr>|\?P<mvalue>|\?P<contained>|\?P<cattr>|\?P<cvalue>|\?P<nth>/gi, '');
-
-    return new RegExp(regex, 'gi');
-};
-
-const preParseXpath = expr => (
-    expr.replace(/contains\s*\(\s*concat\(["']\s+["']\s*,\s*@class\s*,\s*["']\s+["']\)\s*,\s*["']\s+([a-zA-Z0-9-_]+)\s+["']\)/gi, '@class="$1"')
-);
-
-function escapeCssIdSelectors(cssSelector) {
-    return cssSelector.replace(/#([^ >]+)/g, (match, id) => {
-        // Escape special characters in the id part
-        return '#' + id.replace(/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/g, '\\$&');
-    });
-}
-
-export const xPathToCss = expr => {
-    if (!expr) {
-        throw new Error('Missing XPath expression');
-    }
-
-    expr = preParseXpath(expr);
-
-    if (!isValidXPath(expr)) {
-        consoleLogger.error(`Invalid or unsupported XPath: ${expr}`);
-        // do not throw error so that this function proceeds to convert xpath that it does not support
-        // for example, //*[@id="google_ads_iframe_/4654/dweb/imu1/homepage/landingpage/na_0"]/html/body/div[1]/a
-        // becomes #google_ads_iframe_/4654/dweb/imu1/homepage/landingpage/na_0 > html > body > div:first-of-type > div > a
-        // which is invalid because the slashes in the id selector are not escaped
-        // throw new Error('Invalid or unsupported XPath: ' + expr);
-    }
-
-    const xPathArr = expr.split('|');
-    const prog = getValidationRegex();
-    const cssSelectors = [];
-    let xindex = 0;
-
-    while (xPathArr[xindex]) {
-        const css = [];
-        let position = 0;
-        let nodes;
-
-        while (nodes = prog.exec(xPathArr[xindex])) {
-            let attr;
-
-            if (!nodes && position === 0) {
-                throw new Error('Invalid or unsupported XPath: ' + expr);
-            }
-
-            const match = {
-                node: nodes[5],
-                idvalue: nodes[12] || nodes[3],
-                nav: nodes[4],
-                tag: nodes[5],
-                matched: nodes[7],
-                mattr: nodes[10] || nodes[14],
-                mvalue: nodes[12] || nodes[16],
-                contained: nodes[13],
-                cattr: nodes[14],
-                cvalue: nodes[16],
-                nth: nodes[18]
-            };
-
-            let nav = '';
-
-            if (position != 0 && match['nav']) {
-                if (~match['nav'].indexOf('following-sibling::')) {
-                    nav = ' + ';
-                } else {
-                    nav = (match['nav'] == '//') ? ' ' : ' > ';
-                }
-            }
-
-            const tag = (match['tag'] === '*') ? '' : (match['tag'] || '');
-
-            if (match['contained']) {
-                if (match['cattr'].indexOf('@') === 0) {
-                    attr = '[' + match['cattr'].replace(/^@/, '') + '*="' + match['cvalue'] + '"]';
-                } else {
-                    throw new Error('Invalid or unsupported XPath attribute: ' + match['cattr']);
-                }
-            } else if (match['matched']) {
-                switch (match['mattr']) {
-                    case '@id':
-                        attr = '#' + match['mvalue'].replace(/^\s+|\s+$/,'').replace(/\s/g, '#');
-                        break;
-                    case '@class':
-                        attr = '.' + match['mvalue'].replace(/^\s+|\s+$/,'').replace(/\s/g, '.');
-                        break;
-                    case 'text()':
-                    case '.':
-                        throw new Error('Invalid or unsupported XPath attribute: ' + match['mattr']);
-                    default:
-                        if (match['mattr'].indexOf('@') !== 0) {
-                            throw new Error('Invalid or unsupported XPath attribute: ' + match['mattr']);
-                        }
-                        if (match['mvalue'].indexOf(' ') !== -1) {
-                            match['mvalue'] = '\"' + match['mvalue'].replace(/^\s+|\s+$/,'') + '\"';
-                        }
-                        attr = '[' + match['mattr'].replace('@', '') + '="' + match['mvalue'] + '"]';
-                        break;
-                }
-            } else if (match['idvalue']) {
-                attr = '#' + match['idvalue'].replace(/\s/, '#');
-            } else {
-                attr = '';
-            }
-
-            let nth = '';
-
-            if (match['nth']) {
-                if (match['nth'].indexOf('last') === -1) {
-                    if (isNaN(parseInt(match['nth'], 10))) {
-                        throw new Error('Invalid or unsupported XPath attribute: ' + match['nth']);
-                    }
-                    nth = parseInt(match['nth'], 10) !== 1 ? ':nth-of-type(' + match['nth'] + ')' : ':first-of-type';
-                } else {
-                    nth = ':last-of-type';
-                }
-            }
-
-            css.push(nav + tag + attr + nth);
-            position++;
-        }
-
-        const result = css.join('');
-
-        if (result === '') {
-            throw new Error('Invalid or unsupported XPath');
-        }
-
-        cssSelectors.push(result);
-        xindex++;
-    }
-
-    // return cssSelectors.join(', ');
-    const originalResult = cssSelectors.join(', ');
-    return escapeCssIdSelectors(originalResult);
-};

package/src/xPathToCssCypress.ts

@@ -1,178 +0,0 @@
-export function xPathToCss(expr: string) {
-    const isValidXPath = expr =>
-        typeof expr !== 'undefined' &&
-        expr.replace(/[\s-_=]/g, '') !== '' &&
-        expr.length ===
-        expr.replace(
-            /[-_\w:.]+\(\)\s*=|=\s*[-_\w:.]+\(\)|\sor\s|\sand\s|\[(?:[^\/\]]+[\/\[]\/?.+)+\]|starts-with\(|\[.*last\(\)\s*[-\+<>=].+\]|number\(\)|not\(|count\(|text\(|first\(|normalize-space|[^\/]following-sibling|concat\(|descendant::|parent::|self::|child::|/gi,
-            '',
-        ).length;
-
-    const getValidationRegex = () => {
-        let regex =
-            '(?P<node>' +
-            '(' +
-            '^id\\(["\\\']?(?P<idvalue>%(value)s)["\\\']?\\)' + // special case! `id(idValue)`
-            '|' +
-            '(?P<nav>//?(?:following-sibling::)?)(?P<tag>%(tag)s)' + //  `//div`
-            '(\\[(' +
-            '(?P<matched>(?P<mattr>@?%(attribute)s=["\\\'](?P<mvalue>%(value)s))["\\\']' + // `[@id="well"]` supported and `[text()="yes"]` is not
-            '|' +
-            '(?P<contained>contains\\((?P<cattr>@?%(attribute)s,\\s*["\\\'](?P<cvalue>%(value)s)["\\\']\\))' + // `[contains(@id, "bleh")]` supported and `[contains(text(), "some")]` is not
-            ')\\])?' +
-            '(\\[\\s*(?P<nth>\\d+|last\\(\\s*\\))\\s*\\])?' +
-            ')' +
-            ')';
-
-        const subRegexes = {
-            tag: '([a-zA-Z][a-zA-Z0-9:-]*|\\*)',
-            attribute: '[.a-zA-Z_:][-\\w:.]*(\\(\\))?)',
-            value: '\\s*[\\w/:][-/\\w\\s,:;.]*',
-        };
-
-        Object.keys(subRegexes).forEach(key => {
-            regex = regex.replace(new RegExp(`%\\(${key}\\)s`, 'gi'), subRegexes[key]);
-        });
-
-        regex = regex.replace(
-            /\?P<node>|\?P<idvalue>|\?P<nav>|\?P<tag>|\?P<matched>|\?P<mattr>|\?P<mvalue>|\?P<contained>|\?P<cattr>|\?P<cvalue>|\?P<nth>/gi,
-            '',
-        );
-
-        return new RegExp(regex, 'gi');
-    };
-
-    const preParseXpath = expr =>
-        expr.replace(
-            /contains\s*\(\s*concat\(["']\s+["']\s*,\s*@class\s*,\s*["']\s+["']\)\s*,\s*["']\s+([a-zA-Z0-9-_]+)\s+["']\)/gi,
-            '@class="$1"',
-        );
-
-    function escapeCssIdSelectors(cssSelector) {
-        return cssSelector.replace(/#([^ >]+)/g, (match, id) => {
-            // Escape special characters in the id part
-            return `#${id.replace(/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/g, '\\$&')}`;
-        });
-    }
-    if (!expr) {
-        throw new Error('Missing XPath expression');
-    }
-
-    expr = preParseXpath(expr);
-
-    if (!isValidXPath(expr)) {
-        console.error(`Invalid or unsupported XPath: ${expr}`);
-        // do not throw error so that this function proceeds to convert xpath that it does not support
-        // for example, //*[@id="google_ads_iframe_/4654/dweb/imu1/homepage/landingpage/na_0"]/html/body/div[1]/a
-        // becomes #google_ads_iframe_/4654/dweb/imu1/homepage/landingpage/na_0 > html > body > div:first-of-type > div > a
-        // which is invalid because the slashes in the id selector are not escaped
-        // throw new Error('Invalid or unsupported XPath: ' + expr);
-    }
-
-    const xPathArr = expr.split('|');
-    const prog = getValidationRegex();
-    const cssSelectors = [];
-    let xindex = 0;
-
-    while (xPathArr[xindex]) {
-        const css = [];
-        let position = 0;
-        let nodes;
-
-        while ((nodes = prog.exec(xPathArr[xindex]))) {
-            let attr;
-
-            if (!nodes && position === 0) {
-                throw new Error(`Invalid or unsupported XPath: ${expr}`);
-            }
-
-            const match = {
-                node: nodes[5],
-                idvalue: nodes[12] || nodes[3],
-                nav: nodes[4],
-                tag: nodes[5],
-                matched: nodes[7],
-                mattr: nodes[10] || nodes[14],
-                mvalue: nodes[12] || nodes[16],
-                contained: nodes[13],
-                cattr: nodes[14],
-                cvalue: nodes[16],
-                nth: nodes[18],
-            };
-
-            let nav = '';
-
-            if (position != 0 && match.nav) {
-                if (~match.nav.indexOf('following-sibling::')) {
-                    nav = ' + ';
-                } else {
-                    nav = match.nav == '//' ? ' ' : ' > ';
-                }
-            }
-
-            const tag = match.tag === '*' ? '' : match.tag || '';
-
-            if (match.contained) {
-                if (match.cattr.indexOf('@') === 0) {
-                    attr = `[${match.cattr.replace(/^@/, '')}*="${match.cvalue}"]`;
-                } else {
-                    throw new Error(`Invalid or unsupported XPath attribute: ${match.cattr}`);
-                }
-            } else if (match.matched) {
-                switch (match.mattr) {
-                    case '@id':
-                        attr = `#${match.mvalue.replace(/^\s+|\s+$/, '').replace(/\s/g, '#')}`;
-                        break;
-                    case '@class':
-                        attr = `.${match.mvalue.replace(/^\s+|\s+$/, '').replace(/\s/g, '.')}`;
-                        break;
-                    case 'text()':
-                    case '.':
-                        throw new Error(`Invalid or unsupported XPath attribute: ${match.mattr}`);
-                    default:
-                        if (match.mattr.indexOf('@') !== 0) {
-                            throw new Error(`Invalid or unsupported XPath attribute: ${match.mattr}`);
-                        }
-                        if (match.mvalue.indexOf(' ') !== -1) {
-                            match.mvalue = `\"${match.mvalue.replace(/^\s+|\s+$/, '')}\"`;
-                        }
-                        attr = `[${match.mattr.replace('@', '')}="${match.mvalue}"]`;
-                        break;
-                }
-            } else if (match.idvalue) {
-                attr = `#${match.idvalue.replace(/\s/, '#')}`;
-            } else {
-                attr = '';
-            }
-
-            let nth = '';
-
-            if (match.nth) {
-                if (match.nth.indexOf('last') === -1) {
-                    if (isNaN(parseInt(match.nth, 10))) {
-                        throw new Error(`Invalid or unsupported XPath attribute: ${match.nth}`);
-                    }
-                    nth = parseInt(match.nth, 10) !== 1 ? `:nth-of-type(${match.nth})` : ':first-of-type';
-                } else {
-                    nth = ':last-of-type';
-                }
-            }
-
-            css.push(nav + tag + attr + nth);
-            position++;
-        }
-
-        const result = css.join('');
-
-        if (result === '') {
-            throw new Error('Invalid or unsupported XPath');
-        }
-
-        cssSelectors.push(result);
-        xindex++;
-    }
-
-    // return cssSelectors.join(', ');
-    const originalResult = cssSelectors.join(', ');
-    return escapeCssIdSelectors(originalResult);
-}