@applitools/eyes-cypress 3.24.0-beta.5 → 3.25.0

package/src/browser/eyesCheckMapping.js

@@ -1,103 +1,104 @@
-function eyesCheckMapValues({args}) {
-  return toCheckWindowConfiguration(args);
-}
-
-function toCheckWindowConfiguration(config = {}) {
-  const mappedValues = [
-    'tag',
-    'hooks',
-    'ignore',
-    'floating',
-    'strict',
-    'layout',
-    'content',
-    'accessibility',
-    'region',
-    'selector',
-  ];
-
-  let regionSettings = {};
-  let shadowDomSettings = {};
-  const checkSettings = {
-    name: config.tag,
-    scriptHooks: config.hooks,
-    ignoreRegions: config.ignore,
-    floatingRegions: convertFloatingRegion(config.floating),
-    strictRegions: config.strict,
-    layoutRegions: config.layout,
-    contentRegions: config.content,
-    accessibilityRegions: convertAccessabilityRegions(config.accessibility),
-  };
-
-  if (config.target === 'region') {
-    if (!Array.isArray(config.selector)) {
-      if (!config.hasOwnProperty('selector')) {
-        regionSettings = {
-          region: config.region,
-        };
-      } else {
-        regionSettings = {
-          region: config.selector,
-        };
-      }
-    } else {
-      const selectors = config.selector;
-      for (let i = selectors.length - 1; i > -1; i--) {
-        if (i === selectors.length - 1) {
-          shadowDomSettings['shadow'] = selectors[i].selector;
-        } else {
-          const prevSettings = Object.assign({}, shadowDomSettings);
-          shadowDomSettings['selector'] = selectors[i].selector;
-          if (!prevSettings.hasOwnProperty('selector')) {
-            shadowDomSettings['shadow'] = prevSettings.shadow;
-          } else {
-            shadowDomSettings['shadow'] = prevSettings;
-          }
-        }
-      }
-      regionSettings = {region: shadowDomSettings};
-    }
-  }
-
-  for (const val of mappedValues) {
-    if (config.hasOwnProperty(val)) {
-      delete config[val];
-    }
-  }
-
-  return Object.assign({}, checkSettings, regionSettings, config);
-}
-
-function convertAccessabilityRegions(accessibilityRegions) {
-  if (!accessibilityRegions) return accessibilityRegions;
-
-  return accessibilityRegions.map(region => ({
-    region: region.selector,
-    type: region.accessibilityType,
-  }))
-}
-
-function convertFloatingRegion(floatingRegions){
-  if(!floatingRegions) return floatingRegions
-
-  return floatingRegions.map(region => {
-    const floatingRegion = {
-      maxDownOffset: region.maxDownOffset || 0,
-      maxLeftOffset: region.maxLeftOffset || 0,
-      maxUpOffset: region.maxUpOffset || 0,
-      maxRightOffset: region.maxRightOffset || 0
-    }
-    if(region.hasOwnProperty('selector')){
-      floatingRegion.region = region.selector
-    } else {
-      floatingRegion.region = {
-        top: region.top,
-        left: region.left,
-        width: region.width,
-        height: region.height,
-      }
-    }
-  })
-}
-
-module.exports = {eyesCheckMapValues};
+function eyesCheckMapValues({args}) {
+  return toCheckWindowConfiguration(args);
+}
+
+function toCheckWindowConfiguration(config = {}) {
+  const mappedValues = [
+    'tag',
+    'hooks',
+    'ignore',
+    'floating',
+    'strict',
+    'layout',
+    'content',
+    'accessibility',
+    'region',
+    'selector',
+  ];
+
+  let regionSettings = {};
+  let shadowDomSettings = {};
+  const checkSettings = {
+    name: config.tag,
+    scriptHooks: config.hooks,
+    ignoreRegions: config.ignore,
+    floatingRegions: convertFloatingRegion(config.floating),
+    strictRegions: config.strict,
+    layoutRegions: config.layout,
+    contentRegions: config.content,
+    accessibilityRegions: convertAccessabilityRegions(config.accessibility),
+  };
+
+  if (config.target === 'region') {
+    if (!Array.isArray(config.selector)) {
+      if (!config.hasOwnProperty('selector')) {
+        regionSettings = {
+          region: config.region,
+        };
+      } else {
+        regionSettings = {
+          region: config.selector,
+        };
+      }
+    } else {
+      const selectors = config.selector;
+      for (let i = selectors.length - 1; i > -1; i--) {
+        if (i === selectors.length - 1) {
+          shadowDomSettings['shadow'] = selectors[i].selector;
+        } else {
+          const prevSettings = Object.assign({}, shadowDomSettings);
+          shadowDomSettings['selector'] = selectors[i].selector;
+          if (!prevSettings.hasOwnProperty('selector')) {
+            shadowDomSettings['shadow'] = prevSettings.shadow;
+          } else {
+            shadowDomSettings['shadow'] = prevSettings;
+          }
+        }
+      }
+      regionSettings = {region: shadowDomSettings};
+    }
+  }
+
+  for (const val of mappedValues) {
+    if (config.hasOwnProperty(val)) {
+      delete config[val];
+    }
+  }
+
+  return Object.assign({}, checkSettings, regionSettings, config);
+}
+
+function convertAccessabilityRegions(accessibilityRegions) {
+  if (!accessibilityRegions) return accessibilityRegions;
+
+  return accessibilityRegions.map(region => ({
+    region: region.selector,
+    type: region.accessibilityType,
+  }));
+}
+
+function convertFloatingRegion(floatingRegions) {
+  if (!floatingRegions) return floatingRegions;
+
+  return floatingRegions.map(region => {
+    const floatingRegion = {
+      maxDownOffset: region.maxDownOffset || 0,
+      maxLeftOffset: region.maxLeftOffset || 0,
+      maxUpOffset: region.maxUpOffset || 0,
+      maxRightOffset: region.maxRightOffset || 0,
+    };
+    if (region.hasOwnProperty('selector')) {
+      floatingRegion.region = region.selector;
+    } else {
+      floatingRegion.region = {
+        top: region.top,
+        left: region.left,
+        width: region.width,
+        height: region.height,
+      };
+    }
+    return floatingRegion;
+  });
+}
+
+module.exports = {eyesCheckMapValues};

package/src/browser/eyesOpenMapping.js

@@ -1,60 +1,60 @@
-function eyesOpenMapValues({args, appliConfFile, testName, shouldUseBrowserHooks}) {
-  let browsersInfo = args.browser || appliConfFile.browser;
-  let accessibilitySettings = args.accessibilityValidation || appliConfFile.accessibilityValidation;
-  const mappedValues = [
-    'accessibilityValidation',
-    'browser',
-    'useDom',
-    'matchLevel',
-    'enablePatterns',
-    'ignoreDisplacements',
-    'ignoreCaret',
-  ];
-
-  if (browsersInfo) {
-    if (Array.isArray(browsersInfo)) {
-      browsersInfo.forEach(fillDefaultBrowserName);
-    } else {
-      fillDefaultBrowserName(browsersInfo);
-      browsersInfo = [browsersInfo];
-    }
-  }
-
-  const defaultMatchSettings = {
-    accessibilitySettings,
-    matchLevel: args.matchLevel || appliConfFile.matchLevel,
-    ignoreCaret: args.ignoreCaret || appliConfFile.ignoreCaret,
-    useDom: args.useDom || appliConfFile.useDom,
-    enablePatterns: args.enablePatterns || appliConfFile.enablePatterns,
-    ignoreDisplacements: args.ignoreDisplacements || appliConfFile.ignoreDisplacements,
-  };
-
-  for (const val of mappedValues) {
-    if (args.hasOwnProperty(val)) {
-      delete args[val];
-    }
-    if (appliConfFile.hasOwnProperty(val)) {
-      delete appliConfFile[val];
-    }
-  }
-
-  const mappedArgs = {
-    ...args,
-    browsersInfo,
-    defaultMatchSettings,
-  };
-
-  return Object.assign(
-    {testName, dontCloseBatches: !shouldUseBrowserHooks},
-    appliConfFile,
-    mappedArgs,
-  );
-}
-
-function fillDefaultBrowserName(browser) {
-  if (!browser.name && !browser.iosDeviceInfo && !browser.chromeEmulationInfo) {
-    browser.name = 'chrome';
-  }
-}
-
-module.exports = {eyesOpenMapValues};
+function eyesOpenMapValues({args, appliConfFile, testName, shouldUseBrowserHooks}) {
+  let browsersInfo = args.browser || appliConfFile.browser;
+  let accessibilitySettings = args.accessibilityValidation || appliConfFile.accessibilityValidation;
+  const mappedValues = [
+    'accessibilityValidation',
+    'browser',
+    'useDom',
+    'matchLevel',
+    'enablePatterns',
+    'ignoreDisplacements',
+    'ignoreCaret',
+  ];
+
+  if (browsersInfo) {
+    if (Array.isArray(browsersInfo)) {
+      browsersInfo.forEach(fillDefaultBrowserName);
+    } else {
+      fillDefaultBrowserName(browsersInfo);
+      browsersInfo = [browsersInfo];
+    }
+  }
+
+  const defaultMatchSettings = {
+    accessibilitySettings,
+    matchLevel: args.matchLevel || appliConfFile.matchLevel,
+    ignoreCaret: args.ignoreCaret || appliConfFile.ignoreCaret,
+    useDom: args.useDom || appliConfFile.useDom,
+    enablePatterns: args.enablePatterns || appliConfFile.enablePatterns,
+    ignoreDisplacements: args.ignoreDisplacements || appliConfFile.ignoreDisplacements,
+  };
+
+  for (const val of mappedValues) {
+    if (args.hasOwnProperty(val)) {
+      delete args[val];
+    }
+    if (appliConfFile.hasOwnProperty(val)) {
+      delete appliConfFile[val];
+    }
+  }
+
+  const mappedArgs = {
+    ...args,
+    browsersInfo,
+    defaultMatchSettings,
+  };
+
+  return Object.assign(
+    {testName, dontCloseBatches: !shouldUseBrowserHooks},
+    appliConfFile,
+    mappedArgs,
+  );
+}
+
+function fillDefaultBrowserName(browser) {
+  if (!browser.name && !browser.iosDeviceInfo && !browser.chromeEmulationInfo) {
+    browser.name = 'chrome';
+  }
+}
+
+module.exports = {eyesOpenMapValues};

package/src/browser/makeSend.js

@@ -1,18 +1,18 @@
-'use strict';
-
-function makeSend(port, fetch) {
-  return function send({
-    command,
-    data,
-    method = 'POST',
-    headers = {'Content-Type': 'application/json'},
-  }) {
-    return fetch(`https://localhost:${port}/eyes/${command}`, {
-      method,
-      body: headers['Content-Type'] === 'application/json' ? JSON.stringify(data) : data,
-      headers,
-    });
-  };
-}
-
-module.exports = makeSend;
+'use strict';
+
+function makeSend(port, fetch) {
+  return function send({
+    command,
+    data,
+    method = 'POST',
+    headers = {'Content-Type': 'application/json'},
+  }) {
+    return fetch(`https://localhost:${port}/eyes/${command}`, {
+      method,
+      body: headers['Content-Type'] === 'application/json' ? JSON.stringify(data) : data,
+      headers,
+    });
+  };
+}
+
+module.exports = makeSend;

package/src/browser/refer.js

@@ -1,57 +1,57 @@
-const uuid = require('uuid');
-
-const REF_ID = 'applitools-ref-id';
-class Refer {
-  constructor(check) {
-    this.store = new Map();
-    this.relation = new Map();
-    this.check = check;
-  }
-
-  isRef(ref) {
-    return Boolean(ref && ref[REF_ID]);
-  }
-
-  ref(value, parentRef) {
-    if (this.check(value)) {
-      const ref = uuid.v4();
-      this.store.set(ref, value);
-      if (parentRef) {
-        let childRefs = this.relation.get(parentRef[REF_ID]);
-        if (!childRefs) {
-          childRefs = new Set();
-          this.relation.set(parentRef[REF_ID], childRefs);
-        }
-        childRefs.add({[REF_ID]: ref});
-      }
-      return {[REF_ID]: ref};
-    } else if (Array.isArray(value)) {
-      return value.map(value => this.ref(value, parentRef));
-    } else if (typeof value === 'object' && value !== null) {
-      return Object.entries(value).reduce((obj, [key, value]) => {
-        return Object.assign(obj, {[key]: this.ref(value, parentRef)});
-      }, {});
-    } else {
-      return value;
-    }
-  }
-
-  deref(ref) {
-    if (this.isRef(ref)) {
-      return this.store.get(ref[REF_ID]);
-    } else {
-      return ref;
-    }
-  }
-
-  destroy(ref) {
-    if (!this.isRef(ref)) return;
-    const childRefs = this.relation.get(ref[REF_ID]);
-    if (childRefs) {
-      childRefs.forEach(childRef => this.destroy(childRef));
-    }
-    this.store.delete(ref[REF_ID]);
-  }
-}
-
-module.exports = Refer;
+const uuid = require('uuid');
+
+const REF_ID = 'applitools-ref-id';
+class Refer {
+  constructor(check) {
+    this.store = new Map();
+    this.relation = new Map();
+    this.check = check;
+  }
+
+  isRef(ref) {
+    return Boolean(ref && ref[REF_ID]);
+  }
+
+  ref(value, parentRef) {
+    if (this.check(value)) {
+      const ref = uuid.v4();
+      this.store.set(ref, value);
+      if (parentRef) {
+        let childRefs = this.relation.get(parentRef[REF_ID]);
+        if (!childRefs) {
+          childRefs = new Set();
+          this.relation.set(parentRef[REF_ID], childRefs);
+        }
+        childRefs.add({[REF_ID]: ref});
+      }
+      return {[REF_ID]: ref};
+    } else if (Array.isArray(value)) {
+      return value.map(value => this.ref(value, parentRef));
+    } else if (typeof value === 'object' && value !== null) {
+      return Object.entries(value).reduce((obj, [key, value]) => {
+        return Object.assign(obj, {[key]: this.ref(value, parentRef)});
+      }, {});
+    } else {
+      return value;
+    }
+  }
+
+  deref(ref) {
+    if (this.isRef(ref)) {
+      return this.store.get(ref[REF_ID]);
+    } else {
+      return ref;
+    }
+  }
+
+  destroy(ref) {
+    if (!this.isRef(ref)) return;
+    const childRefs = this.relation.get(ref[REF_ID]);
+    if (childRefs) {
+      childRefs.forEach(childRef => this.destroy(childRef));
+    }
+    this.store.delete(ref[REF_ID]);
+  }
+}
+
+module.exports = Refer;

package/src/browser/sendRequest.js

@@ -1,16 +1,16 @@
-'use strict';
-
-function makeSendRequest(send) {
-  return function sendRequest(args) {
-    return send(args)
-      .then(resp => resp.json())
-      .then(body => {
-        if (!body.success) {
-          throw new Error(body.error);
-        }
-        return body.result;
-      });
-  };
-}
-
-module.exports = makeSendRequest;
+'use strict';
+
+function makeSendRequest(send) {
+  return function sendRequest(args) {
+    return send(args)
+      .then(resp => resp.json())
+      .then(body => {
+        if (!body.success) {
+          throw new Error(body.error);
+        }
+        return body.result;
+      });
+  };
+}
+
+module.exports = makeSendRequest;