@mablhq/mabl-cli 1.12.24 → 1.13.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mablhq/mabl-cli",
-  "version": "1.12.24",
+  "version": "1.13.17",
   "license": "SEE LICENSE IN LICENSE.txt",
   "description": "The official mabl command line interface tool",
   "main": "index.js",
@@ -25,7 +25,8 @@
     "postinstall": "node ./util/postInstallMessage.js"
   },
   "dependencies": {
-    "@playwright/test": "1.15.2",
+    "@playwright/test": "1.17.1",
+    "playwright-core": "1.17.1",
     "@types/fs-extra": "^8.1.0",
     "@types/serve-handler": "^6.1.0",
     "@types/tmp": "^0.2.0",
@@ -34,9 +35,10 @@
     "anyproxy": "^4.1.3",
     "async-mutex": "^0.3.1",
     "async-retry": "1.3.3",
+    "axe-core": "4.3.3",
     "axios": "^0.21.1",
-    "axios-cookiejar-support": "^1.0.1",
-    "chalk": "^2.4.2",
+    "axios-cookiejar-support": "1.0.1",
+    "chalk": "2.4.2",
     "change-case": "^4.1.1",
     "chrome-launcher": "^0.13.1",
     "cli-table3": "^0.5.1",
@@ -46,6 +48,7 @@
     "env-paths": "^2.2.0",
     "esprima": "^4.0.1",
     "estraverse": "^4.3.0",
+    "fastest-levenshtein": "^1.0.10",
     "fs-extra": "^8.1.0",
     "git-repo-info": "^2.1.1",
     "glob": "^7.1.4",
@@ -55,12 +58,11 @@
     "js-yaml": "^3.13.1",
     "jsesc": "^3.0.2",
     "jwt-decode": "^2.2.0",
-    "fastest-levenshtein": "^1.0.10",
     "lodash.get": "^4.4.2",
     "markdown-table": "^2.0.0",
     "mime-types": "^2.1.26",
     "mochawesome-report-generator": "^5.2.0",
-    "moment": "^2.24.0",
+    "moment": "2.26.0",
     "moment-duration-format": "^2.3.2",
     "newman": "5.2.3",
     "open": "^6.4.0",

package/popupDismissal/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.elementsInFrontCount = exports.detectAndDismissPopupCandidates = exports.getAllElementsAbove = exports.elementsByHigherZIndex = void 0;
+exports.elementsInFrontCount = exports.detectAndDismissPopupCandidates = exports.getAllElementsAbove = exports.elementsAtCoordinate = exports.elementsByHigherZIndex = void 0;
 const DISMISSAL_WAIT_TIME_MS = 750;
 const ZINDEX_AUTO = 'auto';
 const MINIMUM_POPUP_DISPLAY_COVERAGE_PX = 0.95;
@@ -40,9 +40,9 @@ function getEffectiveZIndex(element) {
     const isRootElement = (element) => element === undefined || element.tagName.toLowerCase() === 'html';
     let current = element;
     while (!isRootElement(current)) {
-        const zIndex = window.getComputedStyle(element).zIndex;
+        const zIndex = window.getComputedStyle(current).zIndex;
         if (zIndex && zIndex !== ZINDEX_AUTO) {
-            return zIndex;
+            return parseInt(zIndex, 10);
         }
         current = (current === null || current === void 0 ? void 0 : current.parentElement) ? current.parentElement : undefined;
     }
@@ -51,7 +51,7 @@ function getEffectiveZIndex(element) {
 function getDescendantElements(childElement) {
     let children = [childElement];
     const childNodes = Array.from(childElement.children);
-    childNodes.forEach(el => {
+    childNodes.forEach((el) => {
         children = children.concat(getDescendantElements(el));
     });
     return children;
@@ -65,8 +65,8 @@ function matchWithWordBoundary(attribute, matchVal) {
 }
 function checkElementAttributes(element) {
     let matches = 0;
-    ATTRIBUTES_TO_CHECK.forEach(attr => {
-        CLOSE_VALUES.forEach(closeVal => {
+    ATTRIBUTES_TO_CHECK.forEach((attr) => {
+        CLOSE_VALUES.forEach((closeVal) => {
             if (element.getAttribute(attr.attributeName) &&
                 attr.matchFunction(element.getAttribute(attr.attributeName), closeVal)) {
                 matches += 1;
@@ -87,10 +87,10 @@ function checkElementDomCoverage(element) {
 }
 function developCloseCandidates(candidates) {
     const candidatesByZIndex = [];
-    candidates.forEach(candidate => {
+    candidates.forEach((candidate) => {
         const domCovering = [];
         const actionableElements = [];
-        candidate.elements.forEach(element => {
+        candidate.elements.forEach((element) => {
             var _a, _b;
             if ((_a = element) === null || _a === void 0 ? void 0 : _a.offsetParent) {
                 if (['BUTTON', 'A', 'DIV'].includes((_b = element.tagName) === null || _b === void 0 ? void 0 : _b.toUpperCase()) &&
@@ -135,15 +135,16 @@ function fireClickEvent(targetElement, leftEdgeClick) {
     });
     targetElement.dispatchEvent(mouseEvent);
 }
-function elementsInFront(element, pointX, pointY) {
+function elementsAtCoordinate(element, pointX, pointY) {
     const x = pointX !== undefined ? pointX : getBoundingClientRectWithXY(element).x;
     const y = pointY !== undefined ? pointY : getBoundingClientRectWithXY(element).y;
     const elementsAtPoint = document.elementsFromPoint(x, y);
-    const targetIndex = elementsAtPoint.findIndex(iterElement => iterElement === element);
+    const targetIndex = elementsAtPoint.findIndex((iterElement) => iterElement === element);
     return targetIndex ? elementsAtPoint.slice(0, targetIndex) : [];
 }
+exports.elementsAtCoordinate = elementsAtCoordinate;
 function sleep(time) {
-    return new Promise(resolve => setTimeout(resolve, time));
+    return new Promise((resolve) => setTimeout(resolve, time));
 }
 function getBoundingClientRectWithXY(element) {
     const rect = element.getBoundingClientRect();
@@ -158,8 +159,15 @@ function getBoundingClientRectWithXY(element) {
         width: Math.floor(rect.right) - Math.ceil(rect.left),
     };
 }
-function getAllElementsAbove(elements) {
-    const zIndexAboveTarget = getEffectiveZIndex(elements[elements.length - 1]);
+function getAllElementsAbove(targetElement, elements) {
+    if (elements.length === 0) {
+        return [];
+    }
+    const targetZindex = getEffectiveZIndex(targetElement);
+    const zIndexAboveTarget = Math.min(...elements === null || elements === void 0 ? void 0 : elements.map((el) => getEffectiveZIndex(el)));
+    if (zIndexAboveTarget <= targetZindex) {
+        return [];
+    }
     const higherElementsByZIndex = elementsByHigherZIndex(zIndexAboveTarget);
     const allElementsByZIndex = Array.from(higherElementsByZIndex).map(([item, higherElements]) => {
         const allElements = higherElements
@@ -174,29 +182,25 @@ exports.getAllElementsAbove = getAllElementsAbove;
 async function detectAndDismissPopupCandidates(element) {
     const elementBoundingBox = getBoundingClientRectWithXY(element);
     try {
-        let higherElements = elementsInFront(element, elementBoundingBox.x, elementBoundingBox.y);
+        let higherElements = elementsAtCoordinate(element, elementBoundingBox.x, elementBoundingBox.y);
         const elementsInFrontCount = higherElements.length;
         if (elementsInFrontCount === 0) {
             return {
-                zIndex: 0,
                 elementsInFront: 0,
                 dismissedStatus: false,
-                domCovering: [],
-                actionableElements: [],
             };
         }
         const clickCandidates = async function (candidates, leftEdgeClick) {
             for (const candidate of candidates) {
                 fireClickEvent(candidate, leftEdgeClick);
                 await sleep(DISMISSAL_WAIT_TIME_MS);
-                if (elementsInFront(element, elementBoundingBox.x, elementBoundingBox.y)
-                    .length < elementsInFrontCount) {
+                if (elementsAtCoordinate(element, elementBoundingBox.x, elementBoundingBox.y).length < elementsInFrontCount) {
                     return true;
                 }
             }
             return false;
         };
-        let allElements = getAllElementsAbove(higherElements);
+        let allElements = getAllElementsAbove(element, higherElements);
         const candidatesByZIndex = developCloseCandidates(allElements);
         for (const candidate of candidatesByZIndex) {
             let matched = await clickCandidates(candidate.domCovering, true);
@@ -204,12 +208,14 @@ async function detectAndDismissPopupCandidates(element) {
                 matched = await clickCandidates(candidate.actionableElements, false);
             }
             if (matched) {
-                candidate.dismissedStatus = true;
-                return candidate;
+                return {
+                    dismissedStatus: true,
+                    elementsInFront: 0,
+                };
             }
         }
-        higherElements = elementsInFront(element, elementBoundingBox.x, elementBoundingBox.y);
-        allElements = getAllElementsAbove(higherElements);
+        higherElements = elementsAtCoordinate(element, elementBoundingBox.x, elementBoundingBox.y);
+        allElements = getAllElementsAbove(element, higherElements);
         const candidates = developCloseCandidates(allElements);
         const result = candidates.length
             ? candidates[0]
@@ -222,21 +228,21 @@ async function detectAndDismissPopupCandidates(element) {
             };
         result.elementsInFront = higherElements.length;
         result.dismissedStatus = false;
-        return result;
+        return {
+            dismissedStatus: result.dismissedStatus,
+            elementsInFront: result.elementsInFront,
+        };
     }
     catch (error) {
         return {
-            zIndex: 0,
             elementsInFront: 0,
             dismissedStatus: false,
-            domCovering: [],
-            actionableElements: [],
-            errorInDetection: error.toString(),
+            error: error.toString(),
         };
     }
 }
 exports.detectAndDismissPopupCandidates = detectAndDismissPopupCandidates;
 function elementsInFrontCount(element) {
-    return elementsInFront(element).length;
+    return elementsAtCoordinate(element).length;
 }
 exports.elementsInFrontCount = elementsInFrontCount;

package/providers/authenticationProvider.js

@@ -30,8 +30,7 @@ class AuthenticationProvider {
         this.oktaClient = new OktaClient_1.OktaClient(client);
     }
     async getAuthConfigWithAutoRenew() {
-        let authConfig = cliConfigProvider_1.CliConfigProvider.getCliConfig()
-            .authentication;
+        let authConfig = cliConfigProvider_1.CliConfigProvider.getCliConfig().authentication;
         if (authConfig.accessToken) {
             if (this.verbose) {
                 loggingProvider_1.logger.info('Found existing access token');
@@ -134,7 +133,7 @@ class AuthenticationProvider {
     async authenticate() {
         var _a;
         try {
-            const { codeChallenge, codeVerifier, } = this.oktaClient.generateCodeChallenge();
+            const { codeChallenge, codeVerifier } = this.oktaClient.generateCodeChallenge();
             const redirectUri = `${env_1.BASE_APP_URL}/app-code`;
             const authUrl = this.oktaClient.buildAuthorizationUrl(codeChallenge, redirectUri);
             loggingProvider_1.logger.info(`Your browser has been opened to the following URL for obtaining an authorization code:

package/providers/cliConfigProvider.js

@@ -103,7 +103,7 @@ class CliConfigProvider {
         };
     }
     static clearAuthConfig() {
-        AUTH_KEY_NAMES.forEach(keyName => clearValue(keyName));
+        AUTH_KEY_NAMES.forEach((keyName) => clearValue(keyName));
         return this.getCliConfig();
     }
     static setCliConfig(config) {

package/providers/exportRequestProvider.js

@@ -69,7 +69,7 @@ class ExportRequestProvider {
             return new Promise((resolve, reject) => {
                 setTimeout(() => this.awaitCompletion()
                     .then(() => resolve())
-                    .catch(error => reject(error)), this.pollingIntervalMilliseconds);
+                    .catch((error) => reject(error)), this.pollingIntervalMilliseconds);
             });
         }
     }

package/providers/logging/loggingProvider.js

@@ -60,11 +60,11 @@ class CliTransport extends winston_transport_1.default {
 }
 exports.logger = winston.createLogger({
     level: defaultEnv_1.CONSOLE_LOGGING_LEVEL,
-    format: winston.format.printf(info => `${stripAnsi(info.message)}`),
+    format: winston.format.printf((info) => `${stripAnsi(info.message)}`),
     defaultMeta: { service: 'mabl-cli' },
     transports: [
         new CliTransport({
-            format: winston.format.printf(info => { var _a; return `${(_a = info.message) !== null && _a !== void 0 ? _a : info[MESSAGE]}`; }),
+            format: winston.format.printf((info) => { var _a; return `${(_a = info.message) !== null && _a !== void 0 ? _a : info[MESSAGE]}`; }),
         }),
     ],
 });

package/providers/scmContextProvider.js

@@ -48,7 +48,7 @@ class ScmContextProvider {
             () => this.getForTravis(),
         ];
         let buildResultHolder;
-        processors.some(processor => {
+        processors.some((processor) => {
             buildResultHolder = processor();
             return buildResultHolder;
         });

package/reporters/mochAwesome/mochAwesomeReporter.js

@@ -85,12 +85,16 @@ function generateMochAwesomeReportFromTestResults(testResults, reportOptions) {
 exports.generateMochAwesomeReportFromTestResults = generateMochAwesomeReportFromTestResults;
 function generatePlainSuiteFromTestResults(testResults) {
     const parentId = uuid_1.v4();
-    const plainTests = testResults.testResults.map(testResult => generatePlainTestForTestRun(parentId, testResult));
-    const passes = plainTests.filter(test => test.pass).map(test => test.uuid);
-    const failures = plainTests.filter(test => test.fail).map(test => test.uuid);
+    const plainTests = testResults.testResults.map((testResult) => generatePlainTestForTestRun(parentId, testResult));
+    const passes = plainTests
+        .filter((test) => test.pass)
+        .map((test) => test.uuid);
+    const failures = plainTests
+        .filter((test) => test.fail)
+        .map((test) => test.uuid);
     const skipped = plainTests
-        .filter(test => test.skipped)
-        .map(test => test.uuid);
+        .filter((test) => test.skipped)
+        .map((test) => test.uuid);
     const command = constructTestRunCommand();
     return {
         uuid: parentId,
@@ -160,7 +164,7 @@ function getTestState(testResultStatus) {
 function constructTestRunCommand() {
     try {
         const processArgs = process.argv;
-        const testArgIndex = processArgs.findIndex(arg => arg === 'tests');
+        const testArgIndex = processArgs.findIndex((arg) => arg === 'tests');
         if (testArgIndex) {
             processArgs.splice(0, testArgIndex + 1);
         }

package/reporters/reporter.js

@@ -29,7 +29,7 @@ exports.handleReportingForTestsRun = handleReportingForTestsRun;
 function parseOutReportOptions(suppliedOptions) {
     const reporterOptions = {};
     const pairs = suppliedOptions.split(',');
-    pairs.forEach(pair => {
+    pairs.forEach((pair) => {
         const [key, value] = pair.split('=', 3);
         if (value.toLowerCase() === 'false' || value.toLowerCase() === 'true') {
             reporterOptions[key] = value.toLowerCase() === 'true';