https://playwright.dev/assets/js/7e6434ee.85f22bb2.js

1"use strict";(self.webpackChunkplaywright_dev=self.webpackChunkplaywright_dev||[]).push([["2075"],{21588(e,t,i){i.d(t,{A:()=>l});var s=i(74848),a=i(96540),r=function(){return(r=Object.assign||function(e){for(var t,i=1,s=arguments.length;i<s;i++)for(var a in t=arguments[i])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)},n=a.forwardRef(function(e,t){var i=a.useState(!1),s=i[0],n=i[1],l=a.useState(!1),o=l[0],c=l[1],h=encodeURIComponent(e.id),d="string"==typeof e.playlistCoverId?encodeURIComponent(e.playlistCoverId):null,g=e.title,m=e.poster||"hqdefault",p="&".concat(e.params)||"",u=e.muted?"&mute=1":"",v=e.announce||"Watch",f=e.webp?"webp":"jpg",w=e.webp?"vi_webp":"vi",b=e.thumbnail||(e.playlist?"https://i.ytimg.com/".concat(w,"/").concat(d,"/").concat(m,".").concat(f):"https://i.ytimg.com/".concat(w,"/").concat(h,"/").concat(m,".").concat(f)),x=e.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com";x=e.cookie?"https://www.youtube.com":"https://www.youtube-nocookie.com";var y=e.playlist?"".concat(x,"/embed/videoseries?autoplay=1").concat(u,"&list=").concat(h).concat(p):"".concat(x,"/embed/").concat(h,"?autoplay=1&state=1").concat(u).concat(p),j=e.activatedClass||"lyt-activated",C=e.adNetwork||!1,k=e.aspectHeight||9,A=e.aspectWidth||16,N=e.iframeClass||"",V=e.playerClass||"lty-playbtn",I=e.wrapperClass||"yt-lite",_=e.onIframeAdded||function(){},T=e.rel?"prefetch":"preload",F=e.containerElement||"article";return a.useEffect(function(){o&&_()},[o]),a.createElement(a.Fragment,null,a.createElement("link",{rel:T,href:b,as:"image"}),a.createElement(a.Fragment,null,s&&a.createElement(a.Fragment,null,a.createElement("link",{rel:"preconnect",href:x}),a.createElement("link",{rel:"preconnect",href:"https://www.google.com"}),C&&a.createElement(a.Fragment,null,a.createElement("link",{rel:"preconnect",href:"https://static.doubleclick.net"}),a.createElement("link",{rel:"preconnect",href:"https://googleads.g.doubleclick.net"})))),a.createElement(F,{onPointerOver:function(){s||n(!0)},onClick:function(){o||c(!0)},className:"".concat(I," ").concat(o?j:""),"data-title":g,style:r({backgroundImage:"url(".concat(b,")")},{"--aspect-ratio":"".concat(k/A*100,"%")})},a.createElement("button",{type:"button",className:V,"aria-label":"".concat(v," ").concat(g)}),o&&a.createElement("iframe",{ref:t,className:N,title:g,width:"560",height:"315",frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,src:y})))});let l=function(e){let{id:t,title:i,thumbnail:a}=e;return(0,s.jsx)("div",{className:"videoContainer_NvH5",children:(0,s.jsx)(n,{thumbnail:a,id:t,params:"autoplay=1&autohide=1&showinfo=0&rel=0",title:i,poster:"hqdefault",webp:!0})})}},20872(e,t,i){i.d(t,{A:()=>o});var s=i(74848);i(96540);var a=i(25863),r=i(56347),n=i(14748);let l={nav:"nav_gg0Z",active:"active_QVFK"},o=function(e){let{links:t}=e,i=(0,r.zy)();return(0,s.jsx)("nav",{className:"container",children:(0,s.jsx)("ul",{className:l.nav,children:t.map((e,t)=>{let r=(0,n.Ay)(e.href),o=i.pathname===r||i.pathname.startsWith(r+"/");return(0,s.jsx)("li",{className:"".concat(l.links," ").concat(o?l.active:""),children:(0,s.jsx)(a.A,{href:e.href,"aria-current":o?"page":void 0,children:e.label})},t)})})})}},72916(e,t,i){i.d(t,{A:()=>a});var s=i(74848);i(96540);let a=function(e){let{title:t,description:i}=e;return(0,s.jsxs)("section",{className:"margin-top--lg margin-bottom--lg text--center container",children:[(0,s.jsx)("h1",{children:t}),(0,s.jsx)("p",{children:i})]})}},37889(e,t,i){i.d(t,{A:()=>d});var s=i(74848);i(96540);var a=i(34164),r=i(25863),n=i(21588);let l={videoList:"videoList_jK3T",videoCardHeader:"videoCardHeader_Shf4",videoCardTitle:"videoCardTitle_l_Mb",videoCardTags:"videoCardTags_gzrd",videoCardHighlights:"videoCardHighlights_iL0g",tag:"tag_bF1g",speaker:"speaker_FGpP",language:"language_iFRo"};function o(e){let t,{video:i}=e;return(0,s.jsxs)("li",{className:"card shadow--md",children:[(0,s.jsx)("div",{className:l.videoCardVideo,children:i.id?(0,s.jsx)(n.A,{id:i.id,title:i.title,thumbnail:i.thumbnail}):(0,s.jsx)("a",{href:i.url,target:"_blank",rel:"noopener noreferrer",children:(0,s.jsx)("img",{src:i.src,alt:i.title})})}),(0,s.jsxs)("div",{className:"card__body",children:[i.conference||i.host?(0,s.jsxs)("div",{className:l.videoCardHeader,children:[(0,s.jsx)("h4",{className:l.videoCardTitle,children:i.conference||i.host}),i.year?(0,s.jsx)("span",{children:i.year}):null]}):null,i.version?(0,s.jsx)("div",{className:l.videoCardHeader,children:(0,s.jsx)(r.A,{href:"/docs/release-notes#".concat((t=i.version.split(" & "),"version-".concat(t[t.length-1].replace(".","")))),children:(0,s.jsxs)("h4",{className:l.videoCardTitle,children:["Playwright v",i.version]})})}):null,i.title?(0,s.jsx)("p",{className:l.videoCardTitle,children:i.title}):null]}),(0,s.jsxs)("div",{className:"card__footer",children:[i.speakers?(0,s.jsx)(c,{video:i}):null,i.highlights?(0,s.jsx)("div",{className:l.videoCardHighlights,children:(0,s.jsx)(h,{video:i})}):null]})]},i.title)}function c(e){let{video:t}=e;return(0,s.jsxs)("div",{className:l.videoCardTags,children:[(0,s.jsx)("div",{children:t.speakers?t.speakers.map(e=>(0,s.jsxs)("span",{className:l.speaker,children:[e," \xa0"]})):null}),t.language?(0,s.jsx)("span",{className:l.language,children:t.language}):null]})}function h(e){let{video:t}=e;return(0,s.jsx)("div",{className:l.videoCardHighlights,children:t.highlights?t.highlights.map(e=>(0,s.jsxs)("span",{className:l.tag,children:[e," \xa0"]},e)):null})}let d=function(e){let{videos:t}=e;return(0,s.jsx)("section",{className:"margin-top--lg margin-bottom--xl",children:(0,s.jsx)("div",{className:"container",children:(0,s.jsx)("ul",{className:(0,a.A)("clean-list",l.videoList),children:t.map((e,t)=>(0,s.jsx)(o,{video:e},t))})})})}},42186(e,t,i){i.d(t,{A:()=>s});let s=[{label:"Conference Videos",href:"/community/conference-videos"},{label:"Release Videos",href:"/community/release-videos"},{label:"Live Streams",href:"/community/live-streams"},{label:"Feature Videos",href:"/community/feature-videos"},{label:"Learn Videos",href:"/community/learn-videos"},{label:"MCP & Agent Videos",href:"/community/mcp-videos"}]},63883(e,t,i){i.r(t),i.d(t,{default:()=>g});var s=i(74848);i(96540);var a=i(20152),r=i(37889),n=i(72916),l=i(20872),o=i(42186);

1let c=[{version:"1.56",id:"_AifxZGxwuk",highlights:["agents","planner","generator","healer"]},{version:"1.52 & 1.53",id:"6s4hQy5Nel0",highlights:["fix with AI","describe a locator","title in html report"]},{version:"1.51",id:"-xWHilObrS0",highlights:["copy prompt","git info","firebase auth","test steps"]},{version:"1.49",id:"S5wCft-ImKk",highlights:["aria snapshots","chrome headless"]},{version:"1.48",id:"VGlkSBkMVCQ",highlights:["webSocket routing","UI mode / Trace Viewer"]},{version:"1.46",id:"tQo7w-QQBsI",highlights:["client certificates","--only-changed","UI mode updates"]},{version:"1.45",id:"54_aC-rVKHg",highlights:["Clock API","directory uploads","ControlOrMeta+modifier"]},{version:"1.44",id:"avjSahFWdCI",highlights:["VS Code extension","accessibility assertions","last failed test","clear cookies","locator handler"]},{version:"1.41 & 1.42",id:"KjSaIQLlgns",highlights:["new tag and annotation syntax","screenshot styling","locator handler"]},{version:"1.40",id:"mn892dV81_8",highlights:["test generator update","generate assertions"]},{version:"1.39",id:"KqVuRAlOkm0",highlights:["box test steps","custom matchers","merge test fixtures and assertions"]},{version:"1.38",id:"YGJTeXaZDTM",highlights:["UI Mode update","form filling","update Playwright"]},{version:"1.36 & 1.37",id:"cEd4SH_Xf5U",highlights:["merge HTML Report","horizontal scaling","UI Mode updates","Debian 12 support"]},{version:"1.35",id:"pJiirfyJwcA",highlights:["View traces from VS Code","mask color","intercept routes","ui mode in a tab","uninstall"]},{version:"1.33 & 1.34",id:"JeFD6rqDbBo",highlights:["ui mode","tear down","locators","expect"]},{version:"1.32",id:"jF0yA-JLQW0",highlights:["ui mode","watch mode","time travel debugging","live trace viewer"]},{version:"1.31",id:"PI50YAPTAs4",highlights:["project dependencies","global setup","auth","viewport assertion"]},{version:"1.29",id:"VbVlz61VtNo",highlights:["backend mocking","working with lists"]},{version:"1.28",id:"tVSq-0n-TY4",highlights:["VS Code extension","Playwright inspector","snapshot path"]},{version:"1.27",id:"b84eqab3kwc",highlights:["Locators","workers","html reporter"]},{version:"1.25",id:"NFLHA57a-so",highlights:["VS Code Extension","Test Runner","--trace=on"]},{version:"1.24",id:"9F05o1shxcY",highlights:["Multiple Web Servers","Anonymous Describe","Component Tests Update"]},{version:"1.23",id:"NRGOV46P3kU",highlights:["Network Replay","Advanced Routing","Web-First Assertions Update"]},{version:"1.22",id:"keV2CIgtBlg",highlights:["Components Testing","Locator Filters","Web-First Assertions"]},{version:"1.21",id:"45HZdbmgEw8",highlights:["Screenshot Options","expect.poll"]},{version:"1.20",id:"6vV-XXKsrbA",highlights:["Screenshot Options","maxDiffPixels","fullyParallel"]},{version:"1.19",id:"z0EOFvlf14U",highlights:["Soft Assertions","custom error message","has option"]},{version:"1.18",id:"ABLYpw2BN_g",highlights:["Locator Improvements","Testing API Improvements","Create Playwright"]},{version:"1.17",id:"7iyIdeoAP04",highlights:["Frame Locators","Trace Viewer Update","HTML Report Update"]},,{version:"1.16",id:"OQKwFDmY64g",highlights:["API Testing","Response Interception","New HTML reporter"]},{version:"1.15",id:"6RwzsDeEj7Y",highlights:["Mouse Wheel","New Headers API","test.parallel()"]},{version:"1.14",id:"LczBDR0gOhk",highlights:["Locators API","Web-First Assertions","test.step"]}],h="Release Videos",d="Check out the latest Playwright release videos";function g(){return(0,s.jsx)(a.A,{title:h,description:d,children:(0,s.jsxs)("main",{className:"margin-vert--lg",children:[(0,s.jsx)(n.A,{title:h,description:d}),(0,s.jsx)(l.A,{links:o.A}),(0,s.jsx)(r.A,{videos:c})]})})}}}]);