@applitools/visual-grid-cli-utils 1.21.15 → 1.21.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applitools/visual-grid-cli-utils",
-  "version": "1.21.15",
+  "version": "1.21.19",
   "description": "",
   "main": "src/visual-grid-cli-utils.js",
   "engines": {

package/src/commons/wait-for-rendering.js

@@ -1,7 +1,7 @@
 const retry = require('p-retry')
 const {fetch} = require('@applitools/http-commons')
 
-async function waitForRendering(vgUrl, renderId, authToken) {
+async function waitForRendering(vgUrl, renderId, authToken, waitTimeout = 10 * 60 * 1000) {
   return await retry(
     async () => {
       const response = await fetch(`${vgUrl}/render-status?render-id=${renderId}`, {
@@ -25,7 +25,7 @@ async function waitForRendering(vgUrl, renderId, authToken) {
       forever: true,
       minTimeout: 1000,
       maxTimeout: 1000,
-      maxRetryTime: 10 * 60 * 1000,
+      maxRetryTime: waitTimeout,
       onFailedAttempt: (err) => (err.message ? console.log(err.message) : undefined),
     },
   )

package/src/rerender.js

@@ -41,7 +41,9 @@ async function main({
   viewRendering,
   canary,
   iosVersion,
+  timeout,
   options: optionsAsString,
+  selectorsToFindRegionsFor,
 }) {
   const options = parseJson(optionsAsString, 'options')
   options.chromeHeadless = headless
@@ -89,7 +91,9 @@ async function main({
           : undefined,
         region: region,
       },
-      selectorsToFindRegionsFor: rca && selector ? [selector] : undefined,
+      selectorsToFindRegionsFor: selectorsToFindRegionsFor
+        ? normalizeSelectorsToFindRegionsForArray(selectorsToFindRegionsFor)
+        : undefined,
       enableMultipleResultsPerSelector: true,
       sendDom: rca,
       agentId: `visual-grid-cli-utils/${require('../package.json').version}`,
@@ -120,6 +124,7 @@ async function main({
     vgUrl,
     reRenderId,
     authToken,
+    timeout,
   )
 
   if (err) {
@@ -151,17 +156,16 @@ async function main({
         outputFile: domSnapshotHtml,
       })
 
-      console.log(
-        `\n${domSnapshotOutputFile}: dom capture json${
-          selectorRegions && selectorRegions.length > 0 && selectorRegions[0].length > 0
-            ? `, at offset ${selectorRegions[0][0].x},${selectorRegions[0][0].y}`
-            : ''
-        }`,
-      )
+      console.log(`\n${domSnapshotOutputFile}: dom capture json`)
       console.log(domSnapshotHtml + ': dom capture rectangles')
     }
-  } else {
-    console.log('skipping writing image to file...')
+
+    if (selectorRegions) {
+      console.log('-----')
+      console.log(`selector regions output:`)
+      console.log(JSON.stringify(selectorRegions, null, 2))
+      console.log('-----')
+    }
   }
 
   if (viewRendering) {
@@ -184,4 +188,16 @@ function normalizeChainedSelectorsArray(chainedSelectors) {
   return cs
 }
 
+function normalizeSelectorsToFindRegionsForArray(selectorsToFindRegionsFor) {
+  const arr = []
+  for (let i = 0; i < selectorsToFindRegionsFor.length; i += 2) {
+    arr.push({
+      selector: selectorsToFindRegionsFor[i],
+      type: selectorsToFindRegionsFor[i + 1],
+    })
+  }
+
+  return arr
+}
+
 module.exports = main

package/src/test-url.js

@@ -32,6 +32,7 @@ async function main({
   pns,
   canary,
   options: optionsAsString,
+  selectorsToFindRegionsFor,
 }) {
   debug('open done')
   const options = parseJson(optionsAsString, 'options')
@@ -117,6 +118,9 @@ async function main({
     selector: selector ? {selector, type: selector.startsWith('//') ? 'xpath' : 'css'} : undefined,
     sendDom: rca,
     visualGridOptions: options,
+    ...(selectorsToFindRegionsFor && {
+      ignore: normalizeSelectorsToFindRegionsForArray(selectorsToFindRegionsFor),
+    }),
   })
   const results = await close(false)
   const result = results[0]
@@ -141,4 +145,16 @@ async function main({
   debug('browser closed')
 }
 
+function normalizeSelectorsToFindRegionsForArray(selectorsToFindRegionsFor) {
+  const arr = []
+  for (let i = 0; i < selectorsToFindRegionsFor.length; i += 2) {
+    arr.push({
+      selector: selectorsToFindRegionsFor[i],
+      type: selectorsToFindRegionsFor[i + 1],
+    })
+  }
+
+  return arr
+}
+
 module.exports = main

package/src/visual-grid-cli-utils.js

@@ -154,6 +154,10 @@ async function main(argv, {shouldExitOnError = false} = {}) {
           describe: 'the name of the iOS device to use',
           type: 'string',
         })
+        .option('ios-version', {
+          describe: 'The iOS version to use (none, latest, latest-1, etc)',
+          type: 'string',
+        })
         .option('ios-device-orientation', {
           describe: 'screen orientation',
           type: 'string',
@@ -175,6 +179,11 @@ async function main(argv, {shouldExitOnError = false} = {}) {
             'target an element inside a shadow-root or an iframe. Specify selectors in the following format: --chained-selectors "<selector1>" "<nodeType(iframe | shadow-root | element)>" "<selector2>" "<nodeType>"',
           type: 'array',
         })
+        .option('selectors-to-find-regions-for', {
+          describe:
+            'selectors to find regions for - Specify selectors in the following format: "<selector1>" "xpath || css" <selector2>" "xpath || css"...',
+          type: 'array',
+        })
         .option('region', {
           describe: 'target a specific region',
           type: 'string',
@@ -210,6 +219,12 @@ async function main(argv, {shouldExitOnError = false} = {}) {
           type: 'boolean',
           default: false,
         })
+        .option('timeout', {
+          alias: 't',
+          describe: 'Timeout for operation (ms)',
+          default: 60000,
+          type: 'number',
+        })
         .option('options', {
           describe: 'send visual grid options to rendering (json)',
           type: 'string',
@@ -378,6 +393,11 @@ async function main(argv, {shouldExitOnError = false} = {}) {
           choices: ['viewport', 'full-page', 'selector', 'full-selector'],
           default: 'full-page',
         })
+        .option('selectors-to-find-regions-for', {
+          describe:
+            'selectors to find regions for - Specify selectors in the following format: "<selector1>" "xpath || css" <selector2>" "xpath || css"...',
+          type: 'array',
+        })
         .option('selector', {
           describe: 'target a specific element (via CSS selector)',
           type: 'string',