@applitools/dom-capture 11.6.3 → 11.6.4

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 ## Unreleased
 
 
+## [11.6.4](https://github.com/Applitools-Dev/sdk/compare/js/dom-capture@11.6.3...js/dom-capture@11.6.4) (2025-09-09)
+
+
+### Dependencies
+
+* @applitools/utils bumped to 1.12.0
+  #### Features
+
+  * enable canvas with webgl for autonomous | FLD 3515 ([#3197](https://github.com/Applitools-Dev/sdk/issues/3197)) ([23f22e5](https://github.com/Applitools-Dev/sdk/commit/23f22e517d52dc70f24093dfb21e072b9aa9fb60))
+* @applitools/logger bumped to 2.2.3
+
+* @applitools/test-server bumped to 1.3.2
+
+
 ## [11.6.3](https://github.com/Applitools-Dev/sdk/compare/js/dom-capture@11.6.2...js/dom-capture@11.6.3) (2025-09-04)
 
 

package/dist/captureDom.js

@@ -1,8 +1,8 @@
-/* @applitools/dom-capture@11.6.3 */
+/* @applitools/dom-capture@11.6.4 */
 function __captureDom() {
   var captureDom=function(){"use strict";function e(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var t=function(){const e=function(e){return function(){var t={};function n(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 o=function(e,t){const o=[];let r=0;for(let s=0;s<e.length;++s){const a=n(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>t?(o.push(s),r=c):r+=c}return o};const r=function(e){return e&&e.__esModule?e:{default:e}}(o),s="WIP",a="SUCCESS",c="SUCCESS_CHUNKED",u="ERROR";var i=function(e,t,n={}){const o=function(e,{chunkByteLength:t=0}={}){if(e){if(e.value){if(t){if(!e.chunks)try{const n=JSON.stringify(e.value);e.chunks=(0,r.default)(n,t),e.chunks.length>0&&(e.from=0,e.value=n)}catch(e){return{status:u,error:e.message}}if(e.from>=0)return{status:c,value:e.value.substring(e.from,e.from=e.chunks.shift()),done:!e.from}}return{status:a,value:e.value}}return e.error?{status:u,error:e.error}:{status:s}}return{status:u,error:"unexpected poll request received - cannot find state of current operation"}}((e=e||{})[t],n);return(o.status===a||o.status===u||o.status===c&&o.done)&&delete e[t],o};const l=i;var d=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.isAccessibleFrame=t.isInlineFrame=t.absolutizeUrl=t.poll=t.pollify=t.chunkify=void 0;const f=d(o);t.chunkify=f.default;const m=d((function(e,t,n){return o=>function(...r){return t[n]||(t[n]={},Promise.resolve().then((()=>e(...r))).then((e=>t[n].value=e)).catch((e=>t[n].error=e.message+"\nStack:"+e.stack))),l(t,n,o)}}));t.pollify=m.default;const h=d(i);t.poll=h.default;const p=d((function(e,t){if(function(e){try{return new URL(e),!0}catch(e){return!1}}(e))return e;let n=!0;try{n=e!==decodeURI(e)}catch(e){n=!0}try{const o=new URL(e,t).href;return n?o:decodeURI(o)}catch(t){return n?e:decodeURI(e)}}));t.absolutizeUrl=p.default;const g=d((function(e){return e.contentDocument&&e.contentDocument.location&&!/^https?:$/.test(e.contentDocument.location.protocol)}));t.isInlineFrame=g.default;const y=d((function(e){try{const t=e.contentDocument;return Boolean(t&&t.defaultView&&t.defaultView.frameElement)}catch(e){return!1}}));t.isAccessibleFrame=y.default;const w=/url\((?!['"]?:)['"]?([^'")]*)['"]?\)/;var C={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","font-family","line-height","margin","opacity","overflow","padding","visibility","text-align","position","border-radius","z-index","pointer-events","cursor"],DEFAULT_RECT_PROPS:["width","height","top","left"],DEFAULT_IGNORED_TAG_NAMES:["HEAD","SCRIPT"]};const{NODE_TYPES:E}=C;function b(e){return Array.prototype.filter.call(e.parentNode.childNodes,(t=>t.tagName===e.tagName)).indexOf(e)+1}var T=function(t){var n=e.implementation.createHTMLDocument(""),o=n.createElement("style");return o.textContent=t,n.body.appendChild(o),o.sheet},N=function(e){const t=Array.from(e.attributes).find((e=>"href"===e.name.toLowerCase()));return t&&t.value},S=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 v=N,A=S;const{absolutizeUrl:_,isInlineFrame:$}=t,R=T,P=N,U=S,{NODE_TYPES:D}=C;const{absolutizeUrl:O,isInlineFrame:k}=t,F=function(e){const t=e?e.match(w):void 0;return t?t[1]:t},I=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)),{})},L=function e(t){if(!t.ownerDocument)return"";let n="",o=t,r=t.ownerDocument,s=r.defaultView.frameElement;for(;o!==r&&(!o||o.nodeType!==E.DOCUMENT_FRAGMENT);)n=`${o.tagName}[${b(o)}]/${n}`,o=o.parentNode;return s&&(n=`${e(s)},${n}`),n.replace(/\/$/,"")},x=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}}},M=T,V=function(e,t){try{return["before","after"].reduce(((n,o)=>{const r=e.ownerDocument.defaultView.getComputedStyle(e,`:${o}`);if(r&&"none"!==r.getPropertyValue("content")){(n=n??{})[o]={};for(const e of t)n[o][e]=r.getPropertyValue(e)}return n}),void 0)}catch(e){return}},z=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)}},B=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&&A(n)){const c=v(n);c?function(e){return e&&e.startsWith("data:")}(c)?(s=o,r=c.match(/,(.+)/)[1]):(s=t(c,o),r=e(s)):r="",a=void 0===r}return{cssText:r,styleBaseUrl:s,isUnfetched:a}}},Y=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}}},j=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&&U(e)&&(s=_(P(e),n),r=await t(s),void 0!==r&&(o[s]=r)),r&&await a(r,s,o)}(e,o,r)),e.nodeType===D.ELEMENT)return"IFRAME"===e.tagName.toUpperCase()?i(e):u(e)}function u(e){Array.prototype.map.call(e.childNodes,c)}function i(t){if(u(t),t.contentDocument)try{const n=$(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=R(e),s=[];for(const e of Array.from(r.cssRules))e instanceof CSSImportRule&&s.push((async()=>{const r=_(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:G,DEFAULT_STYLE_PROPS:J,DEFAULT_RECT_PROPS:H,DEFAULT_IGNORED_TAG_NAMES:K}=C;return function(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}((async function({doc:t=e,styleProps:n=J,rectProps:o=H,elementProps:r=[],ignoredTagNames:s=K,capturePseudo:a=!1,addStats:c=!1,fetchTimeLimit:u=3e4}={}){
 /* MARKER FOR TEST - DO NOT DELETE */
-arguments[1]&&(t=arguments[1]),arguments[2]&&(c=arguments[2]),arguments[3]&&(u=arguments[3]),!0===n&&(n=[...getComputedStyle(t.body)]);const i={total:{},prefetchCss:{},doCaptureDoc:{},waitForImages:{}};function l(e){e.startTime=Date.now()}function d(e){e.endTime=Date.now(),e.elapsedTime=e.endTime-e.startTime}const f=[];l(i.total);const m=new Set,h=[],p="@@@@@",g="#####",y="-----";l(i.prefetchCss);const w=j(z(fetch,{fetchTimeLimit:u})),C=await w(t);d(i.prefetchCss);const E=x({parseCss:M,CSSImportRule:CSSImportRule,getCssFromCache:C,absolutizeUrl:O,unfetchedToken:g}),b=B({getCssFromCache:C,absolutizeUrl:O}),T=Y({extractCssFromNode:b,getBundledCssFromCssText:E,unfetchedToken:g});l(i.doCaptureDoc);const N=function c(u,i=u.location&&u.location.href){const l=new Set;let d="";const g=y(u.documentElement||u);return g.css=d,f.push(I({bgImages:l}).then((e=>g.images=e))),g;function y(t){if(t.hasAttribute&&t.hasAttribute("data-applitools-skip"))return null;const{bundledCss:n,unfetchedResources:r}=T(t,i);if(d+=n,r)for(const e of r)m.add(e);switch(t.nodeType){case G.TEXT:return function(t){const n=e.createRange();n.selectNode(t);const r=n.getClientRects();return{tagName:"#text",text:t.textContent,rects:r&&r.length&&o.length?Array.from(r).map((e=>{const t={};for(const n of o)t[n]=e[n];return t})):void 0}}(t);case G.ELEMENT:return"IFRAME"===t.tagName.toUpperCase()?function(e){const t=w(e);let n;try{n=e.contentDocument}catch(e){return o(),t}try{n?t.childNodes=[c(n,k(e)?e.baseURI:n.location.href)]:o()}catch(e){console.log("error in iframeToJSON",e)}return t;function o(){const n=L(e);h.push(n),t.childNodes=[`${p}${n}${p}`]}}(t):w(t);case G.DOCUMENT_FRAGMENT:return{childNodes:Array.prototype.map.call(t.childNodes,y).filter(Boolean)};default:return null}}function w(e){const u=Array.prototype.map.call(e.childNodes,y).filter(Boolean),d=e.shadowRoot&&c(e.shadowRoot,i),f=e.tagName.toUpperCase();if(s.indexOf(f)>-1)return null;const m=t.defaultView.getComputedStyle(e),h=e.getBoundingClientRect(),p={};for(const e of n)p[e]=m.getPropertyValue(e);!p["border-width"]&&n.includes("border-width")&&(p["border-width"]=`${m.getPropertyValue("border-top-width")} ${m.getPropertyValue("border-right-width")} ${m.getPropertyValue("border-bottom-width")} ${m.getPropertyValue("border-left-width")}`);const g={};for(const e of o)g[e]=h[e];const w=Array.from(e.attributes).map((e=>({key:e.name,value:e.value}))).reduce(((e,t)=>(e[t.key]=t.value,e)),{});"INPUT"!==f&&"TEXTAREA"!==f||!e.value||(w.value&&console.log(`[captureFrame] Overriding element attributes value from ${w.value} to ${e.value}`),w.value=e.value);const C=F(m.getPropertyValue("background-image"));C&&l.add(C);const E=V(e,n),b=a?E:void 0;E&&(w["data-applitools-has-pseudo"]=Object.keys(E).join("_and_"));const T={};for(const t of r)T[t]=e[t];const N={tagName:f,style:$(p),rect:$(g),attributes:$(w),properties:$(T),childNodes:u,pseudo:b};return d&&(N.shadowRoot=d),N}}(t);d(i.doCaptureDoc),l(i.waitForImages),await Promise.all(f),d(i.waitForImages),N.version="1.3.0",N.scriptVersion="11.6.3";const S=h.length?`${h.join("\n")}\n`:"",v=m.size?`${Array.from(m).join("\n")}\n`:"",A=JSON.stringify({separator:y,cssStartToken:g,cssEndToken:g,iframeStartToken:`"${p}`,iframeEndToken:`${p}"`});d(i.total);const _=`${A}\n${v}${y}\n${S}${y}\n${JSON.stringify(N)}${c?`\n${y}\n${JSON.stringify(i)}`:""}`;return console.log("[captureFrame]",JSON.stringify(i)),_;function $(e){return Object.keys(e).length?e:void 0}}))}()};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}`];if("function"!=typeof s)throw new Error("Sandbox failed to extract function");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(t)}();
+arguments[1]&&(t=arguments[1]),arguments[2]&&(c=arguments[2]),arguments[3]&&(u=arguments[3]),!0===n&&(n=[...getComputedStyle(t.body)]);const i={total:{},prefetchCss:{},doCaptureDoc:{},waitForImages:{}};function l(e){e.startTime=Date.now()}function d(e){e.endTime=Date.now(),e.elapsedTime=e.endTime-e.startTime}const f=[];l(i.total);const m=new Set,h=[],p="@@@@@",g="#####",y="-----";l(i.prefetchCss);const w=j(z(fetch,{fetchTimeLimit:u})),C=await w(t);d(i.prefetchCss);const E=x({parseCss:M,CSSImportRule:CSSImportRule,getCssFromCache:C,absolutizeUrl:O,unfetchedToken:g}),b=B({getCssFromCache:C,absolutizeUrl:O}),T=Y({extractCssFromNode:b,getBundledCssFromCssText:E,unfetchedToken:g});l(i.doCaptureDoc);const N=function c(u,i=u.location&&u.location.href){const l=new Set;let d="";const g=y(u.documentElement||u);return g.css=d,f.push(I({bgImages:l}).then((e=>g.images=e))),g;function y(t){if(t.hasAttribute&&t.hasAttribute("data-applitools-skip"))return null;const{bundledCss:n,unfetchedResources:r}=T(t,i);if(d+=n,r)for(const e of r)m.add(e);switch(t.nodeType){case G.TEXT:return function(t){const n=e.createRange();n.selectNode(t);const r=n.getClientRects();return{tagName:"#text",text:t.textContent,rects:r&&r.length&&o.length?Array.from(r).map((e=>{const t={};for(const n of o)t[n]=e[n];return t})):void 0}}(t);case G.ELEMENT:return"IFRAME"===t.tagName.toUpperCase()?function(e){const t=w(e);let n;try{n=e.contentDocument}catch(e){return o(),t}try{n?t.childNodes=[c(n,k(e)?e.baseURI:n.location.href)]:o()}catch(e){console.log("error in iframeToJSON",e)}return t;function o(){const n=L(e);h.push(n),t.childNodes=[`${p}${n}${p}`]}}(t):w(t);case G.DOCUMENT_FRAGMENT:return{childNodes:Array.prototype.map.call(t.childNodes,y).filter(Boolean)};default:return null}}function w(e){const u=Array.prototype.map.call(e.childNodes,y).filter(Boolean),d=e.shadowRoot&&c(e.shadowRoot,i),f=e.tagName.toUpperCase();if(s.indexOf(f)>-1)return null;const m=t.defaultView.getComputedStyle(e),h=e.getBoundingClientRect(),p={};for(const e of n)p[e]=m.getPropertyValue(e);!p["border-width"]&&n.includes("border-width")&&(p["border-width"]=`${m.getPropertyValue("border-top-width")} ${m.getPropertyValue("border-right-width")} ${m.getPropertyValue("border-bottom-width")} ${m.getPropertyValue("border-left-width")}`);const g={};for(const e of o)g[e]=h[e];const w=Array.from(e.attributes).map((e=>({key:e.name,value:e.value}))).reduce(((e,t)=>(e[t.key]=t.value,e)),{});"INPUT"!==f&&"TEXTAREA"!==f||!e.value||(w.value&&console.log(`[captureFrame] Overriding element attributes value from ${w.value} to ${e.value}`),w.value=e.value);const C=F(m.getPropertyValue("background-image"));C&&l.add(C);const E=V(e,n),b=a?E:void 0;E&&(w["data-applitools-has-pseudo"]=Object.keys(E).join("_and_"));const T={};for(const t of r)T[t]=e[t];const N={tagName:f,style:$(p),rect:$(g),attributes:$(w),properties:$(T),childNodes:u,pseudo:b};return d&&(N.shadowRoot=d),N}}(t);d(i.doCaptureDoc),l(i.waitForImages),await Promise.all(f),d(i.waitForImages),N.version="1.3.0",N.scriptVersion="11.6.4";const S=h.length?`${h.join("\n")}\n`:"",v=m.size?`${Array.from(m).join("\n")}\n`:"",A=JSON.stringify({separator:y,cssStartToken:g,cssEndToken:g,iframeStartToken:`"${p}`,iframeEndToken:`${p}"`});d(i.total);const _=`${A}\n${v}${y}\n${S}${y}\n${JSON.stringify(N)}${c?`\n${y}\n${JSON.stringify(i)}`:""}`;return console.log("[captureFrame]",JSON.stringify(i)),_;function $(e){return Object.keys(e).length?e:void 0}}))}()};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}`];if("function"!=typeof s)throw new Error("Sandbox failed to extract function");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(t)}();
 
   return captureDom.apply(this, arguments);
 }