|
|
|
|
|
<script type="module">var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports),s=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},c=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},l=(n,r,a)=>(a=n==null?{}:e(i(n)),c(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin===`use-credentials`?t.credentials=`include`:e.crossOrigin===`anonymous`?t.credentials=`omit`:t.credentials=`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();var u=15,d=0,f=1,p=2,m=-2,h=-3,g=-4,_=-5,v=[0,1,3,7,15,31,63,127,255,511,1023,2047,4095,8191,16383,32767,65535],y=1440,b=0,x=4,S=9,C=5,w=[96,7,256,0,8,80,0,8,16,84,8,115,82,7,31,0,8,112,0,8,48,0,9,192,80,7,10,0,8,96,0,8,32,0,9,160,0,8,0,0,8,128,0,8,64,0,9,224,80,7,6,0,8,88,0,8,24,0,9,144,83,7,59,0,8,120,0,8,56,0,9,208,81,7,17,0,8,104,0,8,40,0,9,176,0,8,8,0,8,136,0,8,72,0,9,240,80,7,4,0,8,84,0,8,20,85,8,227,83,7,43,0,8,116,0,8,52,0,9,200,81,7,13,0,8,100,0,8,36,0,9,168,0,8,4,0,8,132,0,8,68,0,9,232,80,7,8,0,8,92,0,8,28,0,9,152,84,7,83,0,8,124,0,8,60,0,9,216,82,7,23,0,8,108,0,8,44,0,9,184,0,8,12,0,8,140,0,8,76,0,9,248,80,7,3,0,8,82,0,8,18,85,8,163,83,7,35,0,8,114,0,8,50,0,9,196,81,7,11,0,8,98,0,8,34,0,9,164,0,8,2,0,8,130,0,8,66,0,9,228,80,7,7,0,8,90,0,8,26,0,9,148,84,7,67,0,8,122,0,8,58,0,9,212,82,7,19,0,8,106,0,8,42,0,9,180,0,8,10,0,8,138,0,8,74,0,9,244,80,7,5,0,8,86,0,8,22,192,8,0,83,7,51,0,8,118,0,8,54,0,9,204,81,7,15,0,8,102,0,8,38,0,9,172,0,8,6,0,8,134,0,8,70,0,9,236,80,7,9,0,8,94,0,8,30,0,9,156,84,7,99,0,8,126,0,8,62,0,9,220,82,7,27,0,8,110,0,8,46,0,9,188,0,8,14,0,8,142,0,8,78,0,9,252,96,7,256,0,8,81,0,8,17,85,8,131,82,7,31,0,8,113,0,8,49,0,9,194,80,7,10,0,8,97,0,8,33,0,9,162,0,8,1,0,8,129,0,8,65,0,9,226,80,7,6,0,8,89,0,8,25,0,9,146,83,7,59,0,8,121,0,8,57,0,9,210,81,7,17,0,8,105,0,8,41,0,9,178,0,8,9,0,8,137,0,8,73,0,9,242,80,7,4,0,8,85,0,8,21,80,8,258,83,7,43,0,8,117,0,8,53,0,9,202,81,7,13,0,8,101,0,8,37,0,9,170,0,8,5,0,8,133,0,8,69,0,9,234,80,7,8,0,8,93,0,8,29,0,9,154,84,7,83,0,8,125,0,8,61,0,9,218,82,7,23,0,8,109,0,8,45,0,9,186,0,8,13,0,8,141,0,8,77,0,9,250,80,7,3,0,8,83,0,8,19,85,8,195,83,7,35,0,8,115,0,8,51,0,9,198,81,7,11,0,8,99,0,8,35,0,9,166,0,8,3,0,8,131,0,8,67,0,9,230,80,7,7,0,8,91,0,8,27,0,9,150,84,7,67,0,8,123,0,8,59,0,9,214,82,7,19,0,8,107,0,8,43,0,9,182,0,8,11,0,8,139,0,8,75,0,9,246,80,7,5,0,8,87,0,8,23,192,8,0,83,7,51,0,8,119,0,8,55,0,9,206,81,7,15,0,8,103,0,8,39,0,9,174,0,8,7,0,8,135,0,8,71,0,9,238,80,7,9,0,8,95,0,8,31,0,9,158,84,7,99,0,8,127,0,8,63,0,9,222,82,7,27,0,8,111,0,8,47,0,9,190,0,8,15,0,8,143,0,8,79,0,9,254,96,7,256,0,8,80,0,8,16,84,8,115,82,7,31,0,8,112,0,8,48,0,9,193,80,7,10,0,8,96,0,8,32,0,9,161,0,8,0,0,8,128,0,8,64,0,9,225,80,7,6,0,8,88,0,8,24,0,9,145,83,7,59,0,8,120,0,8,56,0,9,209,81,7,17,0,8,104,0,8,40,0,9,177,0,8,8,0,8,136,0,8,72,0,9,241,80,7,4,0,8,84,0,8,20,85,8,227,83,7,43,0,8,116,0,8,52,0,9,201,81,7,13,0,8,100,0,8,36,0,9,169,0,8,4,0,8,132,0,8,68,0,9,233,80,7,8,0,8,92,0,8,28,0,9,153,84,7,83,0,8,124,0,8,60,0,9,217,82,7,23,0,8,108,0,8,44,0,9,185,0,8,12,0,8,140,0,8,76,0,9,249,80,7,3,0,8,82,0,8,18,85,8,163,83,7,35,0,8,114,0,8,50,0,9,197,81,7,11,0,8,98,0,8,34,0,9,165,0,8,2,0,8,130,0,8,66,0,9,229,80,7,7,0,8,90,0,8,26,0,9,149,84,
|
|
|
|
|
|
rgb(0 0 0 / 25%) 0px 6px 12px`},Io=({diff:e,noTargetBlank:t,hideDetails:n})=>{let[r,i]=B.useState(e.diff?`diff`:`actual`),[a,o]=B.useState(!1),[s,c]=B.useState(null),[l,u]=B.useState(`Expected`),[d,f]=B.useState(null),[p,m]=B.useState(null),[h,g]=Na();B.useEffect(()=>{(async()=>{c(await Po(e.expected?.attachment.path)),u(e.expected?.title||`Expected`),f(await Po(e.actual?.attachment.path)),m(await Po(e.diff?.attachment.path))})()},[e]);let _=s&&d&&p,v=_?Math.max(s.naturalWidth,d.naturalWidth,200):500,y=_?Math.max(s.naturalHeight,d.naturalHeight,200):500,b=Math.min(1,(h.width-30)/v),x=Math.min(1,(h.width-50)/v/2),S=v*b,C=y*b,w={flex:`none`,margin:`0 10px`,cursor:`pointer`,userSelect:`none`};return(0,V.jsx)(`div`,{"data-testid":`test-result-image-mismatch`,style:{display:`flex`,flexDirection:`column`,alignItems:`center`,flex:`auto`},ref:g,children:_&&(0,V.jsxs)(V.Fragment,{children:[(0,V.jsxs)(`div`,{"data-testid":`test-result-image-mismatch-tabs`,style:{display:`flex`,margin:`10px 0 20px`},children:[e.diff&&(0,V.jsx)(`div`,{style:{...w,fontWeight:r===`diff`?600:`initial`},onClick:()=>i(`diff`),children:`Diff`}),(0,V.jsx)(`div`,{style:{...w,fontWeight:r===`actual`?600:`initial`},onClick:()=>i(`actual`),children:`Actual`}),(0,V.jsx)(`div`,{style:{...w,fontWeight:r===`expected`?600:`initial`},onClick:()=>i(`expected`),children:l}),(0,V.jsx)(`div`,{style:{...w,fontWeight:r===`sxs`?600:`initial`},onClick:()=>i(`sxs`),children:`Side by side`}),(0,V.jsx)(`div`,{style:{...w,fontWeight:r===`slider`?600:`initial`},onClick:()=>i(`slider`),children:`Slider`})]}),(0,V.jsxs)(`div`,{style:{display:`flex`,justifyContent:`center`,flex:`auto`,minHeight:C+60},children:[e.diff&&r===`diff`&&(0,V.jsx)(Ro,{image:p,alt:`Diff`,hideSize:n,canvasWidth:S,canvasHeight:C,scale:b}),e.diff&&r===`actual`&&(0,V.jsx)(Ro,{image:d,alt:`Actual`,hideSize:n,canvasWidth:S,canvasHeight:C,scale:b}),e.diff&&r===`expected`&&(0,V.jsx)(Ro,{image:s,alt:l,hideSize:n,canvasWidth:S,canvasHeight:C,scale:b}),e.diff&&r===`slider`&&(0,V.jsx)(Lo,{expectedImage:s,actualImage:d,hideSize:n,canvasWidth:S,canvasHeight:C,scale:b,expectedTitle:l}),e.diff&&r===`sxs`&&(0,V.jsxs)(`div`,{style:{display:`flex`},children:[(0,V.jsx)(Ro,{image:s,title:l,hideSize:n,canvasWidth:x*v,canvasHeight:x*y,scale:x}),(0,V.jsx)(Ro,{image:a?p:d,title:a?`Diff`:`Actual`,onClick:()=>o(!a),hideSize:n,canvasWidth:x*v,canvasHeight:x*y,scale:x})]}),!e.diff&&r===`actual`&&(0,V.jsx)(Ro,{image:d,title:`Actual`,hideSize:n,canvasWidth:S,canvasHeight:C,scale:b}),!e.diff&&r===`expected`&&(0,V.jsx)(Ro,{image:s,title:l,hideSize:n,canvasWidth:S,canvasHeight:C,scale:b}),!e.diff&&r===`sxs`&&(0,V.jsxs)(`div`,{style:{display:`flex`},children:[(0,V.jsx)(Ro,{image:s,title:l,canvasWidth:x*v,canvasHeight:x*y,scale:x}),(0,V.jsx)(Ro,{image:d,title:`Actual`,canvasWidth:x*v,canvasHeight:x*y,scale:x})]})]}),!n&&(0,V.jsxs)(`div`,{style:{alignSelf:`start`,lineHeight:`18px`,marginLeft:`15px`},children:[(0,V.jsx)(`div`,{children:e.diff&&(0,V.jsx)(`a`,{target:`_blank`,href:e.diff.attachment.path,rel:`noreferrer`,children:e.diff.attachment.name})}),(0,V.jsx)(`div`,{children:(0,V.jsx)(`a`,{target:t?``:`_blank`,href:e.actual.attachment.path,rel:`noreferrer`,children:e.actual.attachment.name})}),(0,V.jsx)(`div`,{children:(0,V.jsx)(`a`,{target:t?``:`_blank`,href:e.expected.attachment.path,rel:`noreferrer`,children:e.expected.attachment.name})})]})]})})},Lo=({expectedImage:e,actualImage:t,canvasWidth:n,canvasHeight:r,scale:i,expectedTitle:a,hideSize:o})=>{let s={position:`absolute`,top:0,left:0},[c,l]=B.useState(n/2),u=e.naturalWidth===t.naturalWidth&&e.naturalHeight===t.naturalHeight;return(0,V.jsxs)(`div`,{style:{flex:`none`,display:`flex`,alignItems:`center`,flexDirection:`column`,userSelect:`none`},children:[!o&&(0,V.jsxs)(`div`,{style:{margin:5},children:[!u&&(0,V.jsx)(`span`,{style:{flex:`none`,margin:`0 5px`},children:`Actual `}),!u&&(0,V.jsx)(`span`,{children:t.naturalWidth}),!u&&(0,V.jsx)(`span`,{style:{flex:`none`,margin:`0 5px`},children:`x`}),!u&&(0,V.jsx)(`span`,{children:t.naturalHeight}),!u&&(0,V.jsxs)(`span`,{styl
|