eyes_selenium 6.12.10 → 6.12.11

data/lib/applitools/selenium/dom_capture/dom_capture_script.rb

@@ -1,611 +0,0 @@
-# frozen_string_literal: true
-
-module Applitools
-  module Selenium
-    module DomCapture
-      CAPTURE_FRAME_SCRIPT = <<'SCRIPT'
-/* @applitools/dom-capture@7.1.3 */
-
-function __captureDomAndPoll() {
-  var captureDomAndPoll = (function () {
-  'use strict';
-
-  const styleProps = [
-    'background-repeat',
-    'background-origin',
-    'background-position',
-    'background-color',
-    'background-image',
-    'background-size',
-    'border-width',
-    'border-color',
-    'border-style',
-    'color',
-    'display',
-    'font-size',
-    'line-height',
-    'margin',
-    'opacity',
-    'overflow',
-    'padding',
-    'visibility',
-  ];
-
-  const rectProps = ['width', 'height', 'top', 'left'];
-
-  const ignoredTagNames = ['HEAD', 'SCRIPT'];
-
-  var defaultDomProps = {
-    styleProps,
-    rectProps,
-    ignoredTagNames,
-  };
-
-  const bgImageRe = /url\((?!['"]?:)['"]?([^'")]*)['"]?\)/;
-
-  function getBackgroundImageUrl(cssText) {
-    const match = cssText ? cssText.match(bgImageRe) : undefined;
-    return match ? match[1] : match;
-  }
-
-  var getBackgroundImageUrl_1 = getBackgroundImageUrl;
-
-  const psetTimeout = t =>
-    new Promise(res => {
-      setTimeout(res, t);
-    });
-
-  async function getImageSizes({bgImages, timeout = 5000, Image = window.Image}) {
-    return (
-      await Promise.all(
-        Array.from(bgImages).map(url =>
-          Promise.race([
-            new Promise(resolve => {
-              const img = new Image();
-              img.onload = () => resolve({url, width: img.naturalWidth, height: img.naturalHeight});
-              img.onerror = () => resolve();
-              img.src = url;
-            }),
-            psetTimeout(timeout),
-          ]),
-        ),
-      )
-    ).reduce((images, curr) => {
-      if (curr) {
-        images[curr.url] = {width: curr.width, height: curr.height};
-      }
-      return images;
-    }, {});
-  }
-
-  var getImageSizes_1 = getImageSizes;
-
-  function genXpath(el) {
-    if (!el.ownerDocument) return ''; // this is the document node
-
-    let xpath = '',
-      currEl = el,
-      doc = el.ownerDocument,
-      frameElement = doc.defaultView.frameElement;
-    while (currEl !== doc) {
-      xpath = `${currEl.tagName}[${getIndex(currEl)}]/${xpath}`;
-      currEl = currEl.parentNode;
-    }
-    if (frameElement) {
-      xpath = `${genXpath(frameElement)},${xpath}`;
-    }
-    return xpath.replace(/\/$/, '');
-  }
-
-  function getIndex(el) {
-    return (
-      Array.prototype.filter
-        .call(el.parentNode.childNodes, node => node.tagName === el.tagName)
-        .indexOf(el) + 1
-    );
-  }
-
-  var genXpath_1 = genXpath;
-
-  function absolutizeUrl(url, absoluteUrl) {
-    return new URL(url, absoluteUrl).href;
-  }
-
-  var absolutizeUrl_1 = absolutizeUrl;
-
-  function makeGetBundledCssFromCssText({
-    parseCss,
-    CSSImportRule,
-    absolutizeUrl,
-    getCssFromCache,
-    unfetchedToken,
-  }) {
-    return function getBundledCssFromCssText(cssText, styleBaseUrl) {
-      let unfetchedResources;
-      let bundledCss = '';
-
-      try {
-        const styleSheet = parseCss(cssText);
-        for (const rule of Array.from(styleSheet.cssRules)) {
-          if (rule instanceof CSSImportRule) {
-            const nestedUrl = absolutizeUrl(rule.href, styleBaseUrl);
-            const nestedResource = getCssFromCache(nestedUrl);
-            if (nestedResource !== undefined) {
-              const {
-                bundledCss: nestedCssText,
-                unfetchedResources: nestedUnfetchedResources,
-              } = getBundledCssFromCssText(nestedResource, nestedUrl);
-
-              nestedUnfetchedResources && (unfetchedResources = new Set(nestedUnfetchedResources));
-              bundledCss = `${nestedCssText}${bundledCss}`;
-            } else {
-              unfetchedResources = new Set([nestedUrl]);
-              bundledCss = `\n${unfetchedToken}${nestedUrl}${unfetchedToken}`;
-            }
-          }
-        }
-      } catch (ex) {
-        console.log(`error during getBundledCssFromCssText, styleBaseUrl=${styleBaseUrl}`, ex);
-      }
-
-      bundledCss = `${bundledCss}${getCss(cssText, styleBaseUrl)}`;
-
-      return {
-        bundledCss,
-        unfetchedResources,
-      };
-    };
-  }
-
-  function getCss(newText, url) {
-    return `\n/** ${url} **/\n${newText}`;
-  }
-
-  var getBundledCssFromCssText = makeGetBundledCssFromCssText;
-
-  function parseCss(styleContent) {
-    var doc = document.implementation.createHTMLDocument(''),
-      styleElement = doc.createElement('style');
-    styleElement.textContent = styleContent;
-    // the style will only be parsed once it is added to a document
-    doc.body.appendChild(styleElement);
-
-    return styleElement.sheet;
-  }
-
-  var parseCss_1 = parseCss;
-
-  function makeFetchCss(fetch) {
-    return async function fetchCss(url) {
-      try {
-        const response = await fetch(url, {cache: 'force-cache'});
-        if (response.ok) {
-          return await response.text();
-        }
-        console.log('/failed to fetch (status ' + response.status + ') css from: ' + url + '/');
-      } catch (err) {
-        console.log('/failed to fetch (error ' + err.toString() + ') css from: ' + url + '/');
-      }
-    };
-  }
-
-  var fetchCss = makeFetchCss;
-
-  var getHrefAttr = function getHrefAttr(node) {
-    const attr = Array.from(node.attributes).find(attr => attr.name.toLowerCase() === 'href');
-    return attr && attr.value;
-  };
-
-  var isLinkToStyleSheet = function isLinkToStyleSheet(node) {
-    return (
-      node.nodeName &&
-      node.nodeName.toUpperCase() === 'LINK' &&
-      node.attributes &&
-      Array.from(node.attributes).find(
-        attr => attr.name.toLowerCase() === 'rel' && attr.value.toLowerCase() === 'stylesheet',
-      )
-    );
-  };
-
-  function isDataUrl(url) {
-    return url && url.startsWith('data:');
-  }
-
-  var isDataUrl_1 = isDataUrl;
-
-  function makeExtractCssFromNode({getCssFromCache, absolutizeUrl}) {
-    return function extractCssFromNode(node, baseUrl) {
-      let cssText, styleBaseUrl, isUnfetched;
-      if (isStyleElement(node)) {
-        cssText = Array.from(node.childNodes)
-          .map(node => node.nodeValue)
-          .join('');
-        styleBaseUrl = baseUrl;
-      } else if (isLinkToStyleSheet(node)) {
-        const href = getHrefAttr(node);
-        if (!isDataUrl_1(href)) {
-          styleBaseUrl = absolutizeUrl(href, baseUrl);
-          cssText = getCssFromCache(styleBaseUrl);
-        } else {
-          styleBaseUrl = baseUrl;
-          cssText = href.match(/,(.+)/)[1];
-        }
-        isUnfetched = cssText === undefined;
-      }
-      return {cssText, styleBaseUrl, isUnfetched};
-    };
-  }
-
-  function isStyleElement(node) {
-    return node.nodeName && node.nodeName.toUpperCase() === 'STYLE';
-  }
-
-  var extractCssFromNode = makeExtractCssFromNode;
-
-  function makeCaptureNodeCss({extractCssFromNode, getBundledCssFromCssText, unfetchedToken}) {
-    return function captureNodeCss(node, baseUrl) {
-      const {styleBaseUrl, cssText, isUnfetched} = extractCssFromNode(node, baseUrl);
-
-      let unfetchedResources;
-      let bundledCss = '';
-      if (cssText) {
-        const {bundledCss: nestedCss, unfetchedResources: nestedUnfetched} = getBundledCssFromCssText(
-          cssText,
-          styleBaseUrl,
-        );
-
-        bundledCss += nestedCss;
-        unfetchedResources = new Set(nestedUnfetched);
-      } else if (isUnfetched) {
-        bundledCss += `${unfetchedToken}${styleBaseUrl}${unfetchedToken}`;
-        unfetchedResources = new Set([styleBaseUrl]);
-      }
-      return {bundledCss, unfetchedResources};
-    };
-  }
-
-  var captureNodeCss = makeCaptureNodeCss;
-
-  const NODE_TYPES = {
-    ELEMENT: 1,
-    TEXT: 3,
-  };
-
-  var nodeTypes = {NODE_TYPES};
-
-  const {NODE_TYPES: NODE_TYPES$1} = nodeTypes;
-
-
-
-
-
-  function makePrefetchAllCss(fetchCss) {
-    return async function prefetchAllCss(doc = document) {
-      const cssMap = {};
-      const start = Date.now();
-      const promises = [];
-      doFetchAllCssFromFrame(doc, cssMap, promises);
-      await Promise.all(promises);
-      console.log('[prefetchAllCss]', Date.now() - start);
-
-      return function fetchCssSync(url) {
-        return cssMap[url];
-      };
-
-      async function fetchNodeCss(node, baseUrl, cssMap) {
-        let cssText, resourceUrl;
-        if (isLinkToStyleSheet(node)) {
-          resourceUrl = absolutizeUrl_1(getHrefAttr(node), baseUrl);
-          cssText = await fetchCss(resourceUrl);
-          if (cssText !== undefined) {
-            cssMap[resourceUrl] = cssText;
-          }
-        }
-        if (cssText) {
-          await fetchBundledCss(cssText, resourceUrl, cssMap);
-        }
-      }
-
-      async function fetchBundledCss(cssText, resourceUrl, cssMap) {
-        try {
-          const styleSheet = parseCss_1(cssText);
-          const promises = [];
-          for (const rule of Array.from(styleSheet.cssRules)) {
-            if (rule instanceof CSSImportRule) {
-              promises.push(
-                (async () => {
-                  const nestedUrl = absolutizeUrl_1(rule.href, resourceUrl);
-                  const cssText = await fetchCss(nestedUrl);
-                  cssMap[nestedUrl] = cssText;
-                  if (cssText !== undefined) {
-                    await fetchBundledCss(cssText, nestedUrl, cssMap);
-                  }
-                })(),
-              );
-            }
-          }
-          await Promise.all(promises);
-        } catch (ex) {
-          console.log(`error during fetchBundledCss, resourceUrl=${resourceUrl}`, ex);
-        }
-      }
-
-      function doFetchAllCssFromFrame(frameDoc, cssMap, promises) {
-        fetchAllCssFromNode(frameDoc.documentElement);
-
-        function fetchAllCssFromNode(node) {
-          promises.push(fetchNodeCss(node, frameDoc.location.href, cssMap));
-
-          switch (node.nodeType) {
-            case NODE_TYPES$1.ELEMENT: {
-              const tagName = node.tagName.toUpperCase();
-              if (tagName === 'IFRAME') {
-                return fetchAllCssFromIframe(node);
-              } else {
-                return fetchAllCssFromElement(node);
-              }
-            }
-          }
-        }
-
-        async function fetchAllCssFromElement(el) {
-          Array.prototype.map.call(el.childNodes, fetchAllCssFromNode);
-        }
-
-        async function fetchAllCssFromIframe(el) {
-          fetchAllCssFromElement(el);
-          try {
-            doFetchAllCssFromFrame(el.contentDocument, cssMap, promises);
-          } catch (ex) {
-            console.log(ex);
-          }
-        }
-      }
-    };
-  }
-
-  var prefetchAllCss = makePrefetchAllCss;
-
-  const {NODE_TYPES: NODE_TYPES$2} = nodeTypes;
-
-  const API_VERSION = '1.1.0';
-
-  async function captureFrame(
-    {styleProps, rectProps, ignoredTagNames} = defaultDomProps,
-    doc = document,
-    addStats = false,
-  ) {
-    const performance = {total: {}, prefetchCss: {}, doCaptureFrame: {}, waitForImages: {}};
-    function startTime(obj) {
-      obj.startTime = Date.now();
-    }
-    function endTime(obj) {
-      obj.endTime = Date.now();
-      obj.ellapsedTime = obj.endTime - obj.startTime;
-    }
-    const promises = [];
-    startTime(performance.total);
-    const unfetchedResources = new Set();
-    const iframeCors = [];
-    const iframeToken = '@@@@@';
-    const unfetchedToken = '#####';
-    const separator = '-----';
-
-    startTime(performance.prefetchCss);
-    const prefetchAllCss$$1 = prefetchAllCss(fetchCss(fetch));
-    const getCssFromCache = await prefetchAllCss$$1(doc);
-    endTime(performance.prefetchCss);
-
-    const getBundledCssFromCssText$$1 = getBundledCssFromCssText({
-      parseCss: parseCss_1,
-      CSSImportRule,
-      getCssFromCache,
-      absolutizeUrl: absolutizeUrl_1,
-      unfetchedToken,
-    });
-    const extractCssFromNode$$1 = extractCssFromNode({getCssFromCache, absolutizeUrl: absolutizeUrl_1});
-    const captureNodeCss$$1 = captureNodeCss({
-      extractCssFromNode: extractCssFromNode$$1,
-      getBundledCssFromCssText: getBundledCssFromCssText$$1,
-      unfetchedToken,
-    });
-
-    startTime(performance.doCaptureFrame);
-    const capturedFrame = doCaptureFrame(doc);
-    endTime(performance.doCaptureFrame);
-
-    startTime(performance.waitForImages);
-    await Promise.all(promises);
-    endTime(performance.waitForImages);
-
-    // Note: Change the API_VERSION when changing json structure.
-    capturedFrame.version = API_VERSION;
-    capturedFrame.scriptVersion = '7.1.3';
-
-    const iframePrefix = iframeCors.length ? `${iframeCors.join('\n')}\n` : '';
-    const unfetchedPrefix = unfetchedResources.size
-      ? `${Array.from(unfetchedResources).join('\n')}\n`
-      : '';
-    const metaPrefix = JSON.stringify({
-      separator,
-      cssStartToken: unfetchedToken,
-      cssEndToken: unfetchedToken,
-      iframeStartToken: `"${iframeToken}`,
-      iframeEndToken: `${iframeToken}"`,
-    });
-
-    endTime(performance.total);
-
-    function stats() {
-      if (!addStats) {
-        return '';
-      }
-      return `\n${separator}\n${JSON.stringify(performance)}`;
-    }
-
-    const ret = `${metaPrefix}\n${unfetchedPrefix}${separator}\n${iframePrefix}${separator}\n${JSON.stringify(
-    capturedFrame,
-  )}${stats()}`;
-    console.log('[captureFrame]', JSON.stringify(performance));
-    return ret;
-
-    function filter(x) {
-      return !!x;
-    }
-
-    function notEmptyObj(obj) {
-      return Object.keys(obj).length ? obj : undefined;
-    }
-
-    function captureTextNode(node) {
-      return {
-        tagName: '#text',
-        text: node.textContent,
-      };
-    }
-
-    function doCaptureFrame(frameDoc) {
-      const bgImages = new Set();
-      let bundledCss = '';
-      const ret = captureNode(frameDoc.documentElement);
-      ret.css = bundledCss;
-      promises.push(getImageSizes_1({bgImages}).then(images => (ret.images = images)));
-      return ret;
-
-      function captureNode(node) {
-        const {bundledCss: nodeCss, unfetchedResources: nodeUnfetched} = captureNodeCss$$1(
-          node,
-          frameDoc.location.href,
-        );
-        bundledCss += nodeCss;
-        if (nodeUnfetched) for (const elem of nodeUnfetched) unfetchedResources.add(elem);
-
-        switch (node.nodeType) {
-          case NODE_TYPES$2.TEXT: {
-            return captureTextNode(node);
-          }
-          case NODE_TYPES$2.ELEMENT: {
-            const tagName = node.tagName.toUpperCase();
-            if (tagName === 'IFRAME') {
-              return iframeToJSON(node);
-            } else {
-              return elementToJSON(node);
-            }
-          }
-          default: {
-            return null;
-          }
-        }
-      }
-
-      function elementToJSON(el) {
-        const childNodes = Array.prototype.map.call(el.childNodes, captureNode).filter(filter);
-
-        const tagName = el.tagName.toUpperCase();
-        if (ignoredTagNames.indexOf(tagName) > -1) return null;
-
-        const computedStyle = window.getComputedStyle(el);
-        const boundingClientRect = el.getBoundingClientRect();
-
-        const style = {};
-        for (const p of styleProps) style[p] = computedStyle.getPropertyValue(p);
-        if (!style['border-width']) {
-          style['border-width'] = `${computedStyle.getPropertyValue(
-          'border-top-width',
-        )} ${computedStyle.getPropertyValue('border-right-width')} ${computedStyle.getPropertyValue(
-          'border-bottom-width',
-        )} ${computedStyle.getPropertyValue('border-left-width')}`;
-        }
-
-        const rect = {};
-        for (const p of rectProps) rect[p] = boundingClientRect[p];
-
-        const attributes = Array.from(el.attributes)
-          .map(a => ({key: a.name, value: a.value}))
-          .reduce((obj, attr) => {
-            obj[attr.key] = attr.value;
-            return obj;
-          }, {});
-
-        const bgImage = getBackgroundImageUrl_1(computedStyle.getPropertyValue('background-image'));
-        if (bgImage) {
-          bgImages.add(bgImage);
-        }
-
-        return {
-          tagName,
-          style: notEmptyObj(style),
-          rect: notEmptyObj(rect),
-          attributes: notEmptyObj(attributes),
-          childNodes,
-        };
-      }
-
-      function iframeToJSON(el) {
-        const obj = elementToJSON(el);
-        let doc;
-        try {
-          doc = el.contentDocument;
-        } catch (ex) {
-          markFrameAsCors();
-          return obj;
-        }
-        try {
-          if (doc) {
-            obj.childNodes = [doCaptureFrame(el.contentDocument)];
-          } else {
-            markFrameAsCors();
-          }
-        } catch (ex) {
-          console.log('error in iframeToJSON', ex);
-        }
-        return obj;
-
-        function markFrameAsCors() {
-          const xpath = genXpath_1(el);
-          iframeCors.push(xpath);
-          obj.childNodes = [`${iframeToken}${xpath}${iframeToken}`];
-        }
-      }
-    }
-  }
-
-  var captureFrame_1 = captureFrame;
-
-  const EYES_NAME_SPACE = '__EYES__APPLITOOLS__';
-
-  function captureFrameAndPoll(...args) {
-    if (!window[EYES_NAME_SPACE]) {
-      window[EYES_NAME_SPACE] = {};
-    }
-    if (!window[EYES_NAME_SPACE].captureDomResult) {
-      window[EYES_NAME_SPACE].captureDomResult = {
-        status: 'WIP',
-        value: null,
-        error: null,
-      };
-      captureFrame_1(...args)
-        .then(r => ((resultObject.status = 'SUCCESS'), (resultObject.value = r)))
-        .catch(e => ((resultObject.status = 'ERROR'), (resultObject.error = e.message)));
-    }
-
-    const resultObject = window[EYES_NAME_SPACE].captureDomResult;
-    if (resultObject.status === 'SUCCESS') {
-      window[EYES_NAME_SPACE].captureDomResult = null;
-    }
-
-    return JSON.stringify(resultObject);
-  }
-
-  var captureFrameAndPoll_1 = captureFrameAndPoll;
-
-  return captureFrameAndPoll_1;
-
-}());
-
-  return captureDomAndPoll.apply(this, arguments);
-}
-SCRIPT
-    end
-  end
-end

data/lib/applitools/selenium/external_css_resources.rb

@@ -1,32 +0,0 @@
-# frozen_string_literal: true
-require 'css_parser'
-
-module Applitools
-  module Selenium
-    class ExternalCssResources
-      include CssParser
-      def initialize(url, _base_url = nil)
-        @parser = CssParser::Parser.new(absolute_paths: true)
-        @parser.load_uri!(url)
-        @parser.compact!
-      end
-
-      def flatten_rules
-        @flatten ||= flatten_hash(hash, 0)
-      end
-
-      def hash
-        @h ||= @parser.to_h
-      end
-
-      def images
-        result = []
-        @parser.each_rule_set do |s|
-          s.expand_background_shorthand!
-          result.push(s) unless s.get_value('background-image').empty?
-        end
-        result
-      end
-    end
-  end
-end