@applitools/dom-capture 11.1.2 → 11.2.1

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 
 ## Unreleased
 
+## 11.2.1 - 2023/1/26
+
+get elements style from current window to resolve empty styles in firefox
+
+## 11.2.0 - 2022/10/4
+
+export cjs modules as well as string scripts
+
 ## 11.1.2 - 2022/8/15
 
 fix crash when a page contains an iframe in shadow root element structure

package/dist/captureDom.js

@@ -1,7 +1,8 @@
-/* @applitools/dom-capture@11.1.2 */
-
+/* @applitools/dom-capture@11.2.1 */
 function __captureDom() {
-  var captureDom=function(){"use strict";function e(e,t=0){const n=e.charCodeAt(t);if(n>=55296&&n<56320){return 1024*(n-55296)+(e.charCodeAt(t+1)-56320)+65536}return 56320<=n&&n<=57343?-1:n}var t=function(t,n){const o=[];let r=0;for(let s=0;s<t.length;++s){const a=e(t,s);let c=0;a>0&&(c=a<128?1:a<2048?2:a<65536?3:a<2097152?4:a<67108864?5:6),r+c>n?(o.push(s),r=c):r+=c}return o};const n="WIP",o="SUCCESS",r="SUCCESS_CHUNKED",s="ERROR";var a=function(e,a,c={}){const i=function(e,{chunkByteLength:a=0}={}){if(e){if(e.value){if(a){if(!e.chunks){const n=JSON.stringify(e.value);e.chunks=t(n,a),e.chunks.length>0&&(e.from=0,e.value=n)}if(e.from>=0)return{status:r,value:e.value.substring(e.from,e.from=e.chunks.shift()),done:!e.from}}return{status:o,value:e.value}}return e.error?{status:s,error:e.error}:{status:n}}return{status:s,error:"unexpected poll request received - cannot find state of current operation"}}((e=e||{})[a],c);return(i.status===o||i.status===s||i.status===r&&i.done)&&(e[a]=null),i};var c={chunkify:t,pollify:function(e,t,n){return o=>function(){return t[n]||(t[n]={},e.apply(null,arguments).then(e=>t[n].value=e).catch(e=>t[n].error=e.message)),a(t,n,o)}},poll:a,absolutizeUrl:function(e,t){return new URL(e,t).href},isInlineFrame:function(e){return e.contentDocument&&e.contentDocument.location&&!/^https?:$/.test(e.contentDocument.location.protocol)},isAccessibleFrame:function(e){try{const t=e.contentDocument;return Boolean(t&&t.defaultView&&t.defaultView.frameElement)}catch(e){return!1}}};const i=/url\((?!['"]?:)['"]?([^'")]*)['"]?\)/;var u=function(e){const t=e?e.match(i):void 0;return t?t[1]:t};var l=async function({bgImages:e,timeout:t=5e3,Image:n=window.Image}){return(await Promise.all(Array.from(e).map(e=>{return Promise.race([new Promise(t=>{const o=new n;o.onload=()=>t({url:e,width:o.naturalWidth,height:o.naturalHeight}),o.onerror=()=>t(),o.src=e}),(o=t,new Promise(e=>{setTimeout(e,o)}))]);var o}))).reduce((e,t)=>(t&&(e[t.url]={width:t.width,height:t.height}),e),{})},f={EYES_NAMESPACE:"__EYES__APPLITOOLS__",DOM_CAPTURE_KEY:"domCaptureResult",NODE_TYPES:{ELEMENT:1,TEXT:3,DOCUMENT_FRAGMENT:11},DEFAULT_STYLE_PROPS:["background-repeat","background-origin","background-position","background-color","background-image","background-size","border-width","border-color","border-style","color","display","font-size","font-weight","line-height","margin","opacity","overflow","padding","visibility","text-align","position","border-radius","z-index"],DEFAULT_RECT_PROPS:["width","height","top","left"],DEFAULT_IGNORED_TAG_NAMES:["HEAD","SCRIPT"]};const{NODE_TYPES:d}=f;function m(e){return Array.prototype.filter.call(e.parentNode.childNodes,t=>t.tagName===e.tagName).indexOf(e)+1}var h=function e(t){if(!t.ownerDocument)return"";let n="",o=t,r=t.ownerDocument,s=r.defaultView.frameElement;for(;o!==r&&(!o||o.nodeType!==d.DOCUMENT_FRAGMENT);)n=`${o.tagName}[${m(o)}]/${n}`,o=o.parentNode;return s&&(n=`${e(s)},${n}`),n.replace(/\/$/,"")};var p=function({parseCss:e,CSSImportRule:t,absolutizeUrl:n,getCssFromCache:o,unfetchedToken:r}){return function s(a,c){let i,u="";try{const l=e(a);for(const e of Array.from(l.cssRules))if(e instanceof t){const t=n(e.href,c),a=o(t);if(void 0!==a){const{bundledCss:e,unfetchedResources:n}=s(a,t);n&&(i=new Set(n)),u=`${u}${e}`}else i=new Set([t]),u=`\n${r}${t}${r}`}}catch(e){console.log("error during getBundledCssFromCssText, styleBaseUrl="+c,e)}var l,f;return u=`${u}${l=a,f=c,`\n/** ${f} **/\n${l}`}`,{bundledCss:u,unfetchedResources:i}}};var g=function(e){var t=document.implementation.createHTMLDocument(""),n=t.createElement("style");return n.textContent=e,t.body.appendChild(n),n.sheet};var y=function(e){const t=["before","after"];try{let n=[];return t.forEach(t=>{const o=window.getComputedStyle(e,":"+t);o&&"none"!==o.getPropertyValue("content")&&n.push(t)}),n.join("_and_")}catch(e){return!1}};var C=function(e,{fetchTimeLimit:t}={}){return async function(n){const o=new AbortController,r=[e(n,{cache:"force-cache",signal:o.signal}).then(e=>{if(e.ok)return e.text();console.log("/failed to fetch (status "+e.status+") css from: "+n+"/")}).catch(e=>{console.log("/failed to fetch (error "+e.toString()+") css from: "+n+"/")})];return Number.isNaN(Number(t))||r.push(new Promise(e=>setTimeout(e,t)).then(()=>o.abort())),Promise.race(r)}},E=function(e){const t=Array.from(e.attributes).find(e=>"href"===e.name.toLowerCase());return t&&t.value},T=function(e){if(e.nodeName&&"LINK"===e.nodeName.toUpperCase()&&e.attributes){const t=new Map(Array.from(e.attributes,e=>[e.name.toLowerCase(),e.value.toLowerCase()]));return"stylesheet"===t.get("rel")||"style"===t.get("as")&&["preload","prefetch"].includes(t.get("rel"))}return!1};var w=function(e){return e&&e.startsWith("data:")};var N=function({getCssFromCache:e,absolutizeUrl:t}){return function(n,o){let r,s,a;if(function(e){return e.nodeName&&"STYLE"===e.nodeName.toUpperCase()}(n))r=Array.from(n.childNodes).map(e=>e.nodeValue).join(""),s=o;else if(T(n)){const c=E(n);w(c)?(s=o,r=c.match(/,(.+)/)[1]):(s=t(c,o),r=e(s)),a=void 0===r}return{cssText:r,styleBaseUrl:s,isUnfetched:a}}};var S=function({extractCssFromNode:e,getBundledCssFromCssText:t,unfetchedToken:n}){return function(o,r){const{styleBaseUrl:s,cssText:a,isUnfetched:c}=e(o,r);let i,u="";if(a){const{bundledCss:e,unfetchedResources:n}=t(a,s);u+=e,i=new Set(n)}else c&&(u+=`${n}${s}${n}`,i=new Set([s]));return{bundledCss:u,unfetchedResources:i}}};const{absolutizeUrl:b,isInlineFrame:v}=c,{NODE_TYPES:A}=f;var D=function(e){return async function(t=document){const n={},o=Date.now(),r=[];return function t(n,o,r,s){function a(t){switch(s.push(async function(t,n,o){let r,s;T(t)&&(s=b(E(t),n),r=await e(s),void 0!==r&&(o[s]=r));r&&await async function t(n,o,r){try{const s=g(n),a=[];for(const n of Array.from(s.cssRules))n instanceof CSSImportRule&&a.push((async()=>{const s=b(n.href,o),a=await e(s);r[s]=a,void 0!==a&&await t(a,s,r)})());await Promise.all(a)}catch(e){console.log("error during fetchBundledCss, resourceUrl="+o,e)}}(r,s,o)}(t,o,r)),t.nodeType){case A.ELEMENT:return"IFRAME"===t.tagName.toUpperCase()?i(t):c(t)}}async function c(e){Array.prototype.map.call(e.childNodes,a)}async function i(e){if(c(e),e.contentDocument)try{const n=v(e)?e.baseURI:e.contentDocument.location.href;t(e.contentDocument,n,r,s)}catch(e){console.log(e)}}a(n.documentElement)}(t,t.location.href,n,r),await Promise.all(r),console.log("[prefetchAllCss]",Date.now()-o),function(e){return n[e]}}};const{absolutizeUrl:R,isInlineFrame:P}=c,{NODE_TYPES:$,DEFAULT_STYLE_PROPS:U,DEFAULT_RECT_PROPS:_,DEFAULT_IGNORED_TAG_NAMES:F}=f;return async function({doc:e=document,styleProps:t=U,rectProps:n=_,ignoredTagNames:o=F,addStats:r=!1,fetchTimeLimit:s=3e4}={}){arguments[1]&&(e=arguments[1]),arguments[2]&&(r=arguments[2]),arguments[3]&&(s=arguments[3]);const a={total:{},prefetchCss:{},doCaptureDoc:{},waitForImages:{}};function c(e){e.startTime=Date.now()}function i(e){e.endTime=Date.now(),e.elapsedTime=e.endTime-e.startTime}const f=[];c(a.total);const d=new Set,m=[],E="@@@@@",T="#####",w="-----";c(a.prefetchCss);const b=D(C(fetch,{fetchTimeLimit:s})),v=await b(e);i(a.prefetchCss);const A=p({parseCss:g,CSSImportRule:CSSImportRule,getCssFromCache:v,absolutizeUrl:R,unfetchedToken:T}),O=N({getCssFromCache:v,absolutizeUrl:R}),k=S({extractCssFromNode:O,getBundledCssFromCssText:A,unfetchedToken:T});c(a.doCaptureDoc);const I=G(e);i(a.doCaptureDoc),c(a.waitForImages),await Promise.all(f),i(a.waitForImages),I.version="1.3.0",I.scriptVersion="11.1.2";const L=m.length?m.join("\n")+"\n":"",x=d.size?Array.from(d).join("\n")+"\n":"",M=JSON.stringify({separator:w,cssStartToken:T,cssEndToken:T,iframeStartToken:'"'+E,iframeEndToken:E+'"'});function B(){return r?`\n${w}\n${JSON.stringify(a)}`:""}i(a.total);const V=`${M}\n${x}${w}\n${L}${w}\n${JSON.stringify(I)}${B()}`;return console.log("[captureFrame]",JSON.stringify(a)),V;function z(e){return Object.keys(e).length?e:void 0}function Y(e){return{tagName:"#text",text:e.textContent}}function G(e,r=e.location&&e.location.href){const s=new Set;let a="";const c=i(e.documentElement||e);return c.css=a,f.push(l({bgImages:s}).then(e=>c.images=e)),c;function i(e){const{bundledCss:t,unfetchedResources:n}=k(e,r);if(a+=t,n)for(const e of n)d.add(e);switch(e.nodeType){case $.TEXT:return Y(e);case $.ELEMENT:return"IFRAME"===e.tagName.toUpperCase()?function(e){const t=p(e);let n;try{n=e.contentDocument}catch(e){return o(),t}try{n?t.childNodes=[G(n,P(e)?e.baseURI:n.location.href)]:o()}catch(e){console.log("error in iframeToJSON",e)}return t;function o(){const n=h(e);m.push(n),t.childNodes=[`${E}${n}${E}`]}}(e):p(e);case $.DOCUMENT_FRAGMENT:return{childNodes:Array.prototype.map.call(e.childNodes,i).filter(Boolean)};default:return null}}function p(e){const a=Array.prototype.map.call(e.childNodes,i).filter(Boolean),c=e.shadowRoot&&G(e.shadowRoot,r),l=e.tagName.toUpperCase();if(o.indexOf(l)>-1)return null;const f=window.getComputedStyle(e),d=e.getBoundingClientRect(),m={};for(const e of t)m[e]=f.getPropertyValue(e);m["border-width"]||(m["border-width"]=`${f.getPropertyValue("border-top-width")} ${f.getPropertyValue("border-right-width")} ${f.getPropertyValue("border-bottom-width")} ${f.getPropertyValue("border-left-width")}`);const h={};for(const e of n)h[e]=d[e];const p=Array.from(e.attributes).map(e=>({key:e.name,value:e.value})).reduce((e,t)=>(e[t.key]=t.value,e),{}),g=u(f.getPropertyValue("background-image"));g&&s.add(g);const C=y(e);C&&(p["data-applitools-has-pseudo"]=C);const E={tagName:l,style:z(m),rect:z(h),attributes:z(p),childNodes:a};return c&&(E.shadowRoot=c),E}}}}();
+  var captureDom=function(){"use strict";var e=function(){const e=function(e){return function(){function t(e,t=0){const n=e.charCodeAt(t);return n>=55296&&n<56320?1024*(n-55296)+(e.charCodeAt(t+1)-56320)+65536:56320<=n&&n<=57343?-1:n}var n=function(e,n){const o=[];let r=0;for(let s=0;s<e.length;++s){const a=t(e,s);let c=0;a>0&&(c=a<128?1:a<2048?2:a<65536?3:a<2097152?4:a<67108864?5:6),r+c>n?(o.push(s),r=c):r+=c}return o};const o=n,r="SUCCESS",s="SUCCESS_CHUNKED",a="ERROR";var c=function(e,t,n={}){const c=function(e,{chunkByteLength:t=0}={}){if(e){if(e.value){if(t){if(!e.chunks){const n=JSON.stringify(e.value);e.chunks=o(n,t),e.chunks.length>0&&(e.from=0,e.value=n)}if(e.from>=0)return{status:s,value:e.value.substring(e.from,e.from=e.chunks.shift()),done:!e.from}}return{status:r,value:e.value}}return e.error?{status:a,error:e.error}:{status:"WIP"}}return{status:a,error:"unexpected poll request received - cannot find state of current operation"}}((e=e||{})[t],n);return(c.status===r||c.status===a||c.status===s&&c.done)&&(e[t]=null),c};const u=c;var i={chunkify:n,pollify:function(e,t,n){return o=>function(){return t[n]||(t[n]={},e.apply(null,arguments).then((e=>t[n].value=e)).catch((e=>t[n].error=e.message))),u(t,n,o)}},poll:c,absolutizeUrl:function(e,t){return new URL(e,t).href},isInlineFrame:function(e){return e.contentDocument&&e.contentDocument.location&&!/^https?:$/.test(e.contentDocument.location.protocol)},isAccessibleFrame:function(e){try{const t=e.contentDocument;return Boolean(t&&t.defaultView&&t.defaultView.frameElement)}catch(e){return!1}}};const l=/url\((?!['"]?:)['"]?([^'")]*)['"]?\)/;var d={EYES_NAMESPACE:"__EYES__APPLITOOLS__",DOM_CAPTURE_KEY:"domCaptureResult",NODE_TYPES:{ELEMENT:1,TEXT:3,DOCUMENT_FRAGMENT:11},DEFAULT_STYLE_PROPS:["background-repeat","background-origin","background-position","background-color","background-image","background-size","border-width","border-color","border-style","color","display","font-size","font-weight","line-height","margin","opacity","overflow","padding","visibility","text-align","position","border-radius","z-index"],DEFAULT_RECT_PROPS:["width","height","top","left"],DEFAULT_IGNORED_TAG_NAMES:["HEAD","SCRIPT"]};const{NODE_TYPES:f}=d;function m(e){return Array.prototype.filter.call(e.parentNode.childNodes,(t=>t.tagName===e.tagName)).indexOf(e)+1}var h=function(t){var n=e.implementation.createHTMLDocument(""),o=n.createElement("style");return o.textContent=t,n.body.appendChild(o),o.sheet},p=function(e){const t=Array.from(e.attributes).find((e=>"href"===e.name.toLowerCase()));return t&&t.value},g=function(e){if(e.nodeName&&"LINK"===e.nodeName.toUpperCase()&&e.attributes){const t=new Map(Array.from(e.attributes,(e=>[e.name.toLowerCase(),e.value.toLowerCase()])));return"stylesheet"===t.get("rel")||"style"===t.get("as")&&["preload","prefetch"].includes(t.get("rel"))}return!1};const y=p,C=g;const{absolutizeUrl:E,isInlineFrame:w}=i,T=h,N=p,b=g,{NODE_TYPES:S}=d;const{absolutizeUrl:$,isInlineFrame:A}=i,D=function(e){const t=e?e.match(l):void 0;return t?t[1]:t},R=async function({bgImages:e,timeout:t=5e3,Image:n=window.Image}){return(await Promise.all(Array.from(e).map((e=>{return Promise.race([new Promise((t=>{const o=new n;o.onload=()=>t({url:e,width:o.naturalWidth,height:o.naturalHeight}),o.onerror=()=>t(),o.src=e})),(o=t,new Promise((e=>{setTimeout(e,o)})))]);var o})))).reduce(((e,t)=>(t&&(e[t.url]={width:t.width,height:t.height}),e)),{})},_=function e(t){if(!t.ownerDocument)return"";let n="",o=t,r=t.ownerDocument,s=r.defaultView.frameElement;for(;o!==r&&(!o||o.nodeType!==f.DOCUMENT_FRAGMENT);)n=`${o.tagName}[${m(o)}]/${n}`,o=o.parentNode;return s&&(n=`${e(s)},${n}`),n.replace(/\/$/,"")},P=function({parseCss:e,CSSImportRule:t,absolutizeUrl:n,getCssFromCache:o,unfetchedToken:r}){return function s(a,c){let u,i="";try{const l=e(a);for(const e of Array.from(l.cssRules))if(e instanceof t){const t=n(e.href,c),a=o(t);if(void 0!==a){const{bundledCss:e,unfetchedResources:n}=s(a,t);n&&(u=new Set(n)),i=`${i}${e}`}else u=new Set([t]),i=`\n${r}${t}${r}`}}catch(e){console.log(`error during getBundledCssFromCssText, styleBaseUrl=${c}`,e)}var l,d;return i=`${i}${l=a,d=c,`\n/** ${d} **/\n${l}`}`,{bundledCss:i,unfetchedResources:u}}},U=h,v=function(e){const t=["before","after"];try{let n=[];return t.forEach((t=>{const o=e.ownerDocument.defaultView.getComputedStyle(e,`:${t}`);o&&"none"!==o.getPropertyValue("content")&&n.push(t)})),n.join("_and_")}catch(e){return!1}},F=function(e,{fetchTimeLimit:t}={}){return async function(n){const o=new AbortController,r=[e(n,{cache:"force-cache",signal:o.signal}).then((e=>{if(e.ok)return e.text();console.log("/failed to fetch (status "+e.status+") css from: "+n+"/")})).catch((e=>{console.log("/failed to fetch (error "+e.toString()+") css from: "+n+"/")}))];return Number.isNaN(Number(t))||r.push(new Promise((e=>setTimeout(e,t))).then((()=>o.abort()))),Promise.race(r)}},O=function({getCssFromCache:e,absolutizeUrl:t}){return function(n,o){let r,s,a;if(n&&function(e){return e.nodeName&&"STYLE"===e.nodeName.toUpperCase()}(n))r=Array.from(n.childNodes).map((e=>e.nodeValue)).join(""),s=o;else if(n&&C(n)){const c=y(n);!function(e){return e&&e.startsWith("data:")}(c)?(s=t(c,o),r=e(s)):(s=o,r=c.match(/,(.+)/)[1]),a=void 0===r}return{cssText:r,styleBaseUrl:s,isUnfetched:a}}},k=function({extractCssFromNode:e,getBundledCssFromCssText:t,unfetchedToken:n}){return function(o,r){const{styleBaseUrl:s,cssText:a,isUnfetched:c}=e(o,r);let u,i="";if(a){const{bundledCss:e,unfetchedResources:n}=t(a,s);i+=e,u=new Set(n)}else c&&(i+=`${n}${s}${n}`,u=new Set([s]));return{bundledCss:i,unfetchedResources:u}}},I=function(t){return async function(n=e){const o={},r=Date.now(),s=[];return function e(n,o,r,s){function c(e){if(s.push(async function(e,n,o){let r,s;e&&b(e)&&(s=E(N(e),n),r=await t(s),void 0!==r&&(o[s]=r)),r&&await a(r,s,o)}(e,o,r)),e.nodeType===S.ELEMENT)return"IFRAME"===e.tagName.toUpperCase()?i(e):u(e)}async function u(e){Array.prototype.map.call(e.childNodes,c)}async function i(t){if(u(t),t.contentDocument)try{const n=w(t)?t.baseURI:t.contentDocument.location.href;e(t.contentDocument,n,r,s)}catch(t){console.log(t)}}c(n.documentElement)}(n,n.location.href,o,s),await Promise.all(s),console.log("[prefetchAllCss]",Date.now()-r),function(e){return o[e]};async function a(e,n,o){try{const r=T(e),s=[];for(const e of Array.from(r.cssRules))e instanceof CSSImportRule&&s.push((async()=>{const r=E(e.href,n),s=await t(r);o[r]=s,void 0!==s&&await a(s,r,o)})());await Promise.all(s)}catch(e){console.log(`error during fetchBundledCss, resourceUrl=${n}`,e)}}}},{NODE_TYPES:L,DEFAULT_STYLE_PROPS:x,DEFAULT_RECT_PROPS:M,DEFAULT_IGNORED_TAG_NAMES:V}=d,B="1.3.0";return async function({doc:t=e,styleProps:n=x,rectProps:o=M,ignoredTagNames:r=V,addStats:s=!1,fetchTimeLimit:a=3e4}={}){
+/* MARKER FOR TEST - DO NOT DELETE */
+arguments[1]&&(t=arguments[1]),arguments[2]&&(s=arguments[2]),arguments[3]&&(a=arguments[3]);const c={total:{},prefetchCss:{},doCaptureDoc:{},waitForImages:{}};function u(e){e.startTime=Date.now()}function i(e){e.endTime=Date.now(),e.elapsedTime=e.endTime-e.startTime}const l=[];u(c.total);const d=new Set,f=[],m="@@@@@",h="#####",p="-----";u(c.prefetchCss);const g=I(F(fetch,{fetchTimeLimit:a})),y=await g(t);i(c.prefetchCss);const C=P({parseCss:U,CSSImportRule:CSSImportRule,getCssFromCache:y,absolutizeUrl:$,unfetchedToken:h}),E=O({getCssFromCache:y,absolutizeUrl:$}),w=k({extractCssFromNode:E,getBundledCssFromCssText:C,unfetchedToken:h});u(c.doCaptureDoc);const T=j(t);i(c.doCaptureDoc),u(c.waitForImages),await Promise.all(l),i(c.waitForImages),T.version=B,T.scriptVersion="11.2.1";const N=f.length?`${f.join("\n")}\n`:"",b=d.size?`${Array.from(d).join("\n")}\n`:"",S=JSON.stringify({separator:p,cssStartToken:h,cssEndToken:h,iframeStartToken:`"${m}`,iframeEndToken:`${m}"`});function z(){return s?`\n${p}\n${JSON.stringify(c)}`:""}i(c.total);const Y=`${S}\n${b}${p}\n${N}${p}\n${JSON.stringify(T)}${z()}`;return console.log("[captureFrame]",JSON.stringify(c)),Y;function G(e){return Object.keys(e).length?e:void 0}function J(e){return{tagName:"#text",text:e.textContent}}function j(e,s=e.location&&e.location.href){const a=new Set;let c="";const u=i(e.documentElement||e);return u.css=c,l.push(R({bgImages:a}).then((e=>u.images=e))),u;function i(e){const{bundledCss:t,unfetchedResources:n}=w(e,s);if(c+=t,n)for(const e of n)d.add(e);switch(e.nodeType){case L.TEXT:return J(e);case L.ELEMENT:return"IFRAME"===e.tagName.toUpperCase()?function(e){const t=h(e);let n;try{n=e.contentDocument}catch(e){return o(),t}try{n?t.childNodes=[j(n,A(e)?e.baseURI:n.location.href)]:o()}catch(e){console.log("error in iframeToJSON",e)}return t;function o(){const n=_(e);f.push(n),t.childNodes=[`${m}${n}${m}`]}}(e):h(e);case L.DOCUMENT_FRAGMENT:return{childNodes:Array.prototype.map.call(e.childNodes,i).filter(Boolean)};default:return null}}function h(e){const c=Array.prototype.map.call(e.childNodes,i).filter(Boolean),u=e.shadowRoot&&j(e.shadowRoot,s),l=e.tagName.toUpperCase();if(r.indexOf(l)>-1)return null;const d=t.defaultView.getComputedStyle(e),f=e.getBoundingClientRect(),m={};for(const e of n)m[e]=d.getPropertyValue(e);m["border-width"]||(m["border-width"]=`${d.getPropertyValue("border-top-width")} ${d.getPropertyValue("border-right-width")} ${d.getPropertyValue("border-bottom-width")} ${d.getPropertyValue("border-left-width")}`);const h={};for(const e of o)h[e]=f[e];const p=Array.from(e.attributes).map((e=>({key:e.name,value:e.value}))).reduce(((e,t)=>(e[t.key]=t.value,e)),{}),g=D(d.getPropertyValue("background-image"));g&&a.add(g);const y=v(e);y&&(p["data-applitools-has-pseudo"]=y);const C={tagName:l,style:G(m),rect:G(h),attributes:G(p),childNodes:c};return u&&(C.shadowRoot=u),C}}}}()};let t=!0;try{let n=document.head.querySelector("[data-applitools-sandbox]");n||(n=document.createElement("iframe"),n.setAttribute("data-applitools-sandbox",""),n.setAttribute("data-applitools-skip",""),document.head.appendChild(n));const o=window.crypto.getRandomValues(new Uint32Array(1))[0],r=n.contentDocument.createElement("script");r.textContent=`window['ctor-${o}'] = ${e.toString()};`,n.contentDocument.head.appendChild(r);const s=n.contentWindow[`ctor-${o}`];return t=!1,s(document).apply(null,arguments)}catch(n){try{return e(document).apply(null,arguments)}catch(e){throw t?e:n}}};return e}();
 
   return captureDom.apply(this, arguments);
 }