@syngrisi/syngrisi
Version:
Syngrisi - Visual Testing Tool
3 lines (2 loc) • 3.19 kB
JavaScript
var g=Object.defineProperty;var n=(l,o)=>g(l,"name",{value:o,configurable:!0});import{n as y,r as w,b,j as e,T as a,G as r,g as S,B as v,U as z,d as I}from"./http-CC8JzV-G.js";import{S as c,a2 as B,c as L,Z as P,T as R,N as T,Y as C,G as V}from"./LogicalGroup-qEd2Ojyr.js";import{f as D,a as U,O as N,B as Q,S as E,V as G,s as H,A as M,R as O,C as $}from"./root-DAUh68CU.js";function k(){const[l,o]=y(),i=l.get("name"),m=l.get("apikey"),[x,u]=w.useState("medium"),h={small:100,large:600,medium:400},j=n(s=>h[s]||400,"getPreviewHeight"),t=b({queryKey:["checks_list",i],queryFn:n(()=>V.get("checks",{name:i},{populate:"baselineId,actualSnapshotId,diffId",limit:"5",sortBy:"createdDate:desc",apikey:m},"checksListQuery"),"queryFn"),enabled:!!i,refetchOnWindowFocus:!1});return i?t.isLoading?e.jsx(a,{children:"Loading..."}):t.isError?e.jsx(a,{c:"red",children:"Error loading checks"}):t.data?.results?.length?e.jsxs(c,{p:"md",h:"100vh",children:[e.jsxs(r,{justify:"space-between",children:[e.jsx(S,{order:2,style:{maxWidth:"80%"},children:e.jsxs(a,{truncate:!0,children:["Latest for:"," ",i]})}),e.jsx(B,{value:x,onChange:u,data:[{value:"small",label:e.jsx(r,{gap:4,children:e.jsx(a,{size:"sm",children:"S"})})},{value:"medium",label:e.jsx(r,{gap:4,children:e.jsx(a,{size:"sm",children:"M"})})},{value:"large",label:e.jsx(r,{gap:4,children:e.jsx(a,{size:"sm",children:"L"})})}]})]}),e.jsx(L,{h:"calc(100vh - 80px)",offsetScrollbars:!0,styles:{viewport:{paddingRight:10}},children:e.jsx(c,{children:t.data.results.map(s=>{const p=s.diffId?.filename||s.actualSnapshotId?.filename||s.baselineId?.filename,f=`${I.baseUri}/snapshoots/${p}`;return e.jsxs(P,{shadow:"sm",p:"md",style:{maxWidth:"900px"},children:[e.jsxs(r,{justify:"space-between",children:[e.jsx(r,{justify:"flex-start",mb:"xs",mt:"xs",gap:4,children:e.jsx(R,{withinPortal:!0,label:D(new Date(s.createdDate),"yyyy-MM-dd HH:mm:ss"),children:e.jsxs(a,{size:"sm",c:"dimmed",children:[U(new Date(s.createdDate))," ago"]})})}),e.jsxs(r,{justify:"flex-end",children:[e.jsx(N,{os:s.os,size:19}),e.jsx(v,{style:{marginTop:2},children:e.jsx(Q,{browser:s.browserName,size:16})}),e.jsx(T,{size:"xs",color:"yellow",radius:"xs",variant:"outline",title:`Version of browser: ${s.browserVersion}`,children:e.jsx(a,{size:"xs",c:"dimmed",children:s.browserVersion?`${s.browserVersion}`:""})}),e.jsx(E,{check:s}),e.jsx(G,{check:s,sizes:H,color:"blue",checksViewSize:"medium"})]})]}),e.jsx(r,{justify:"center",children:e.jsxs(r,{gap:4,justify:"center",style:{backgroundColor:"#f0f8ff",borderTopRightRadius:"4px",borderTopLeftRadius:"4px",padding:"4px"},children:[e.jsx(M,{check:s,testUpdateQuery:t,checksQuery:t,size:19}),e.jsx(O,{check:s,testUpdateQuery:t,size:24})]})}),e.jsx(c,{children:e.jsx(z,{onClick:n(()=>{o(d=>(d.set("checkId",s.id),d.set("modalIsOpen","true"),d))},"onClick"),w:"100%",children:e.jsx(C,{src:f,h:j(x),fit:"contain",alt:s.name})})})]},s.id)})})}),e.jsx($,{relatedRendered:!1,apikey:m})]}):e.jsxs(a,{children:["No checks found with name:",i]}):e.jsx(a,{children:"Please provide a check name in the URL query parameter, e.g. ?name=test123"})}n(k,"ChecksList");export{k as ChecksList};
//# sourceMappingURL=ChecksList-Dm3GV1VX.js.map