https://currents.dev/_next/static/chunks/pages/posts/%5Bslug%5D-c7ba42e99f7628fc.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4335,7046,8779],{13828:(e,t,a)=>{"use strict";a.d(t,{A:()=>r});let r=(0,a(60927).A)("outline","brand-linkedin","BrandLinkedin",[["path",{d:"M8 11v5",key:"svg-0"}],["path",{d:"M8 8v.01",key:"svg-1"}],["path",{d:"M12 16v-5",key:"svg-2"}],["path",{d:"M16 16v-3a2 2 0 1 0 -4 0",key:"svg-3"}],["path",{d:"M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4l0 -10",key:"svg-4"}]])},21606:(e,t,a)=>{"use strict";a.r(t),a.d(t,{__N_SSG:()=>F,default:()=>L});var r=a(37876),s=a(31172),i=a(55565),n=a(60927);let l=(0,n.A)("outline","link","Link",[["path",{d:"M9 15l6 -6",key:"svg-0"}],["path",{d:"M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464",key:"svg-1"}],["path",{d:"M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463",key:"svg-2"}]]),o=(0,n.A)("outline","brand-facebook","BrandFacebook",[["path",{d:"M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3",key:"svg-0"}]]),d=(0,n.A)("outline","brand-x","BrandX",[["path",{d:"M4 4l11.733 16h4.267l-11.733 -16l-4.267 0",key:"svg-0"}],["path",{d:"M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772",key:"svg-1"}]]);var c=a(13828);let m=(0,n.A)("outline","brand-reddit","BrandReddit",[["path",{d:"M12 8c2.648 0 5.028 .826 6.675 2.14a2.5 2.5 0 0 1 2.326 4.36c0 3.59 -4.03 6.5 -9 6.5c-4.875 0 -8.845 -2.8 -9 -6.294l-1 -.206a2.5 2.5 0 0 1 2.326 -4.36c1.646 -1.313 4.026 -2.14 6.674 -2.14l.999 0",key:"svg-0"}],["path",{d:"M12 8l1 -5l6 1",key:"svg-1"}],["path",{d:"M18 4a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-2"}],["path",{d:"M8.5 13a.5 .5 0 1 0 1 0a.5 .5 0 1 0 -1 0",fill:"currentColor",key:"svg-3"}],["path",{d:"M14.5 13a.5 .5 0 1 0 1 0a.5 .5 0 1 0 -1 0",fill:"currentColor",key:"svg-4"}],["path",{d:"M10 17c.667 .333 1.333 .5 2 .5s1.333 -.167 2 -.5",key:"svg-5"}]]);var x=a(75516),h=a(54587),p=a.n(h),u=a(48230),g=a.n(u);let f=({date:e})=>(0,r.jsx)("time",{dateTime:e,children:(0,x.dw)(e)}),j=({name:e,imageSrc:t})=>(0,r.jsxs)("div",{className:"flex flex-row items-center",children:[(0,r.jsx)("div",{className:"flex items-center flex-shrink-0",children:(0,r.jsx)(p(),{className:"rounded-full m-0",src:t,alt:e,width:32,height:32})}),(0,r.jsx)("div",{className:"ml-3 flex flex-col",children:(0,r.jsx)("span",{children:e})})]}),v=({post:e})=>(0,r.jsx)(g(),{href:`/posts/${e.slug}`,className:"group flex flex-col rounded hover:scale-[1.02] transition-transform duration-300 ease-in-out",children:(0,r.jsxs)("div",{className:"flex flex-col",children:[(0,r.jsxs)("div",{className:"relative aspect-[16/9] w-full overflow-hidden rounded bg-dark-300",children:[(0,r.jsx)(p(),{src:e.image.src,alt:e.title,fill:!0,quality:90,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 400px",className:"rounded m-0 object-cover"}),(0,r.jsx)("div",{className:"pointer-events-none absolute inset-0 rounded-[inherit] ring-1 ring-inset ring-white/10"})]}),(0,r.jsx)("div",{className:"flex-1 flex flex-col justify-between text-dark-500 mt-3",children:(0,r.jsxs)("div",{className:"flex-1",children:[(0,r.jsx)(f,{date:e.date}),(0,r.jsx)("h2",{className:"font-poppins font-medium mt-1.5 mb-3 text-emerald-400 leading-snug group-hover:text-emerald-300 transition-colors duration-300",children:e.title}),(0,r.jsx)(j,{name:e.author.name,imageSrc:e.author.src})]})})]})},e.title);var y=a(37539),b=a(89505),w=a(97850),k=a(33873),N=a(84289),_=a(87156),M=a.n(_),S=a(77328),C=a.n(S),A=a(89099),P=a(76717);function z(e){return`https://currents.dev/posts/${e}`}function E(e){return`https://currents.dev${e.replace("//","/")}`}var F=!0;function L({post:e}){let t=(0,A.useRouter)();return t.isFallback||e?.slug?(0,r.jsx)(r.Fragment,{children:t.isFallback?(0,r.jsx)("div",{children:"Loading…"}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(C(),{children:[(0,r.jsxs)("title",{children:[e.title," | ",(0,x.d8)(e.date)," | Currents.dev Blog"]}),(0,r.jsx)("meta",{property:"og:title",content:e.title},"og:title"),(0,r.jsx)("meta",{property:"twitter:title",content:e.title},"twitter:title"),(0,r.jsx)("meta",{name:"description",content:e.description},"description"),(0,r.jsx)("meta",{property:"og:description",content:e.description},"og:description"),(0,r.jsx)("meta",{property:"twitter:description",content:e.description},"twitter:description"),(0,r.jsx)("meta",{property:"og:url",content:z(e.slug)},"og:url"),(0,r.jsx)("meta",{property:"twitter:url",content:z(e.slug)},"twitter:url"),(0,r.jsx)("meta",{property:"al:web:url",content:z(e.slug)},"al:web:url"),(0,r.jsx)("meta",{property:"og:image",content:E(e.image.src)},"og:image"),(0,r.jsx)("meta",{name:"twitter:image",content:E(e.image.src)},"twitter:image"),(0,r.jsx)("meta",{name:"twitter:card",content:"summary_large_image"},"twitter:card"),(0,r.jsx)("meta",{name:"twitter:site",content:"@currents_dev"}),(0,r.jsx)("meta",{name:"robots",content:"index,follow,max-image-preview:large"}),(0,r.jsx)("meta",{name:"referrer",content:"unsafe-url"}),(0,r.jsx)("meta",{property:"og:type",content:"article"},"og:type"),(0,r.jsx)("meta",{property:"article:published_time",content:e.date}),(0,r.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"http://schema.org","@type":"BlogPosting",image:E(e.image.src),dateCreated:e.date,datePublished:e.date,dateModified:e.date,headline:e.title,name:e.title,de

1scription:(0,k.A)(e.description,160),mainEntityOfPage:{"@type":"WebPage","@id":z(e.slug)},author:{"@type":"Person",name:e.author.name},publisher:{"@type":"Organization",name:"Currents",url:"https://currents.dev",logo:{"@type":"ImageObject",url:"https://currents.dev/img/logo.svg",height:60,width:60}}})}})]}),(0,r.jsx)(b.F,{opaque:!0}),(0,r.jsxs)(s.V,{toc:!0,children:[(0,r.jsx)(g(),{href:"/blog","aria-label":"Back",className:"p-2 rounded-full items-center gap-1 rounded inline-flex border border-emerald-400/50 hover:bg-emerald-400/20 hover:no-underline transition-colors duration-200 hover:text-emerald-400",children:(0,r.jsx)(i.A,{size:18})}),(0,r.jsxs)("div",{className:"flex flex-wrap justify-start items-center gap-4 mt-10 mb-6",children:[(0,r.jsx)(j,{name:e.author.name,imageSrc:e.author.src}),(0,r.jsx)("span",{className:"text-dark-500",children:"•"}),(0,r.jsx)(f,{date:e.date}),(0,r.jsx)("span",{className:"text-dark-500 hidden md:block",children:"•"}),(0,r.jsxs)("div",{className:"flex gap-3 w-full md:w-auto mt-2 md:mt-0",children:[(0,r.jsx)(P.m_,{id:"copy-link",place:"bottom",variant:"light"}),(0,r.jsx)("span",{"aria-label":"Copy link",title:"Copy link",className:"text-link hover:scale-[1.1] transition-transform duration-300 cursor-pointer","data-tooltip-id":"copy-link","data-tooltip-content":"Copy link",onClick:()=>{navigator.clipboard.writeText(window.location.href)},children:(0,r.jsx)(l,{size:20,stroke:1.5})}),(0,r.jsx)(P.m_,{id:"share-on-facebook",place:"bottom",variant:"light"}),(0,r.jsx)("a",{href:`https://www.facebook.com/sharer/sharer.php?u=${z(e.slug)}`,target:"_blank",rel:"noopener noreferrer","aria-label":"Share on Facebook",title:"Share on Facebook",className:"hover:scale-[1.1] transition-transform duration-300","data-tooltip-id":"share-on-facebook","data-tooltip-content":"Share on Facebook",children:(0,r.jsx)(o,{size:20,stroke:1.5})}),(0,r.jsx)(P.m_,{id:"share-on-x",place:"bottom",variant:"light"}),(0,r.jsx)("a",{href:`https://twitter.com/intent/tweet?url=${z(e.slug)}&text=${encodeURIComponent(e.title)}`,target:"_blank",rel:"noopener noreferrer","aria-label":"Share on X",title:"Share on X",className:"hover:scale-[1.1] transition-transform duration-300","data-tooltip-id":"share-on-x","data-tooltip-content":"Share on X",children:(0,r.jsx)(d,{size:20,stroke:1.5})}),(0,r.jsx)(P.m_,{id:"share-on-linkedin",place:"bottom",variant:"light"}),(0,r.jsx)("a",{href:`https://www.linkedin.com/shareArticle?mini=true&url=${z(e.slug)}&title=${encodeURIComponent(e.title)}`,target:"_blank",rel:"noopener noreferrer","aria-label":"Share on LinkedIn",title:"Share on LinkedIn",className:"hover:scale-[1.1] transition-transform duration-300","data-tooltip-id":"share-on-linkedin","data-tooltip-content":"Share on LinkedIn",children:(0,r.jsx)(c.A,{size:20,stroke:1.5})}),(0,r.jsx)(P.m_,{id:"share-on-reddit",place:"bottom",variant:"light"}),(0,r.jsx)("a",{href:`https://www.reddit.com/submit?url=${z(e.slug)}&title=${encodeURIComponent(e.title)}`,target:"_blank",rel:"noopener noreferrer","aria-label":"Share on Reddit",title:"Share on Reddit",className:"hover:scale-[1.1] transition-transform duration-300","data-tooltip-id":"share-on-reddit","data-tooltip-content":"Share on Reddit",children:(0,r.jsx)(m,{size:20,stroke:1.5})})]})]}),(0,r.jsx)("h1",{className:" mb-8 ",children:e.title}),(0,r.jsx)("p",{className:"lead",style:{},children:e.description}),(0,r.jsx)("div",{className:"relative mx-auto lg:max-w-none rounded-lg shadow-lg",children:(0,r.jsx)(p(),{priority:!0,className:"rounded-lg ring-1 ring-inset ring-white/10",style:{objectFit:"cover",objectPosition:"center"},src:e.image.src,alt:e.title,width:e.image.width,height:e.image.height,quality:100})}),(0,r.jsxs)("div",{children:[(0,r.jsx)(N.Lo,{...e.content,components:w.Bi}),(0,r.jsx)("hr",{})]}),(0,r.jsxs)("a",{href:"https://currents.dev/?ref=blog",className:"font-poppins hover:no-underline hover:scale-[1.05] transition-all duration-300 p-8 rounded-lg border border-emerald-300 text-emerald-200 hover:text-emerald-200 bg-emerald-300/20 text-[20px] flex flex-wrap justify-between items-center gap-8 shadow-lg shadow-emerald-300/20",children:["Scale your Playwright tests with confidence. ",(0,r.jsx)("br",{}),"Join hundreds of teams using Currents.",(0,r.jsx)("div",{className:"py-2 px-4 min-w-[120px] font-medium rounded-3xl  subpixel-antialiased text-[14px] rounded-xl font-poppins cursor-pointer text-center flex justify-center items-center select-none duration-150 whitespace-nowrap text-black bg-emerald-300",children:"Learn More"})]}),(0,r.jsx)("p",{className:"text-center",children:(0,r.jsx)("small",{children:(0,r.jsx)("i",{children:"Trademarks and logos mentioned in this text belong to their respective owners."})})})]}),(0,r.jsxs)("div",{className:"pt-32 pb-32 mx-auto px-10 lg:px-4 xl:px-0 max-w-[1327px] w-full",children:[(0,r.jsx)("h3",{className:"font-poppins md:text-h2md lg:text-h2 text-h2phone text-center font-thin",children:e.morePostsHeader}),(0,r.jsx)("div",{className:"mt-12 grid [grid-template-columns:repeat(auto-fit,minmax(0,399px))] xl:gap-16 gap-8 justify-center",children:e.morePosts.map(e=>(0,r.jsx)(v,{post:e},e.slug))})]}),(0,r.jsx)(y.A,{})]})}):(0,r.jsx)(M(),{statusCode:404})}},31172:(e,t,a)=>{"use strict";a.d(t,{V:()=>n});var r=a(37876),s=a(14232),i=a(76816);let n=s.forwardRef(({toc:e=!0,children:t},a)=>(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("div",{className:"mx-auto px-4 lg:px-8 max-w-[1400px]",children:(0,r.jsxs)("div",{className:"flex justify-center flex-col md:flex-row-reverse md:gap-12 lg:gap-16",children:[e&&(0,r.jsx)("aside",{className:"hidden md:block md:w-48 lg:w-56 flex-shrink-0 md:pr-4 lg:pr-8",children:(0,r.jsx)("div",{className:"sticky top-[120px]",children:(0,r.jsx)("div",{className:"overflow-y-auto max-h-[calc(100vh-160px)] pr-2",children:(0,r.jsx)("div",{className:"text-sm",children:(0,r.jsx)(i.D,{})})})})}),(0,r.jsx)("div",{ref:a,className:"flex-1 min-w-0",children:(0,r.jsx)("article",{className:"prose prose-invert container pt-24 pb-8",children:t})})]})})}));n.displayName="BlogPostLayout"},75516:(e,t,a)=>{"use strict";a.d(t,{FY:()=>l,d8:()=>n,dw:()=>i});var r=a(50426),s=a(73631);let i=e=>(0,r.A)((0,s.A)(e),"MMM dd, yyyy"),n=e=>(0,r.A)((0,s.A)(e),"MMM yyyy"),l=e=>(0,r.A)((0,s.A)(e),"MMM d, yyyy")},78822:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/posts/[slug]",function(){return a(21606)}])},97850:(e,t,a)=>{"use strict";a.d(t,{Bi:()=>x,Px:()=>m,U1:()=>h});var r=a(37876),s=a(89410),i=a(24418),n=a(5646),l=a(54587),o=a.n(l),d=a(14232),c=a(98477);function m({src:e,alt:t,children:a}){let[s,l]=(0,d.useState)(!1),[o,x]=(0,d.useState)(!1);return(0,d.useEffect)(()=>x(!0),[]),(0,d.useEffect)(()=>

1{if(!s)return;let e=e=>{"Escape"===e.key&&l(!1)};document.addEventListener("keydown",e);let t=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",e),document.body.style.overflow=t}},[s]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{role:"button",tabIndex:0,"aria-label":`Enlarge image: ${t}`,onClick:()=>l(!0),onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),l(!0))},className:"block cursor-zoom-in rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-emerald-400/70 focus-visible:ring-offset-2 focus-visible:ring-offset-dark",children:a}),o&&(0,c.createPortal)((0,r.jsx)(i.N,{children:s&&(0,r.jsx)(n.P.div,{role:"dialog","aria-modal":"true","aria-label":t,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.2,ease:"easeOut"},onClick:()=>l(!1),className:"fixed inset-0 z-[120] flex cursor-zoom-out items-center justify-center bg-black/85 p-4 backdrop-blur-md sm:p-8",children:(0,r.jsx)(n.P.img,{src:e,alt:t,initial:{scale:.92,opacity:0},animate:{scale:1,opacity:1},exit:{scale:.95,opacity:0},transition:{type:"spring",stiffness:240,damping:28},className:"max-h-[92vh] max-w-[92vw] rounded-2xl object-contain shadow-2xl"})},"changelog-image-zoom")}),document.body)]})}let x={...s.mdxComponents,img:({src:e,alt:t="",title:a})=>(0,r.jsxs)("figure",{className:"text-center",children:[(0,r.jsx)(m,{src:e,alt:t,children:(0,r.jsx)("img",{src:e,className:"rounded",alt:t})}),(a||t)&&(0,r.jsx)("figcaption",{className:"z-10 mt-4 text-xs italic text-gray-400",children:a||t})]}),Image:e=>{let t;return(0,r.jsxs)("figure",{className:"text-center",children:[(0,r.jsx)(m,{src:"string"==typeof(t=e.src)?t:"default"in t?t.default.src:t.src,alt:e.alt,children:(0,r.jsx)(o(),{...e,className:"rounded",alt:e.alt})}),(0,r.jsx)("figcaption",{className:"z-10 mt-4 text-xs italic text-gray-400",children:e.alt})]})}},h=x}},e=>{e.O(0,[6593,5587,888,3557,3471,4587,5646,6289,6004,2749,698,9532,6717,8732,2320,3843,9410,636,8792],()=>e(e.s=78822)),_N_E=e.O()}]);