[{"data":1,"prerenderedAt":228},["ShallowReactive",2],{"doc:pl:integrations\u002Fplaywright-reporter":3,"doc-nav:pl":199},{"id":4,"title":5,"body":6,"description":191,"extension":192,"meta":193,"navigation":99,"order":103,"path":194,"reviewed":195,"seo":196,"stem":197,"__hash__":198,"fallback":195},"docs\u002Fdocs\u002Fpl\u002Fintegrations\u002Fplaywright-reporter.md","Plugin dla Playwright",{"type":7,"value":8,"toc":189},"minimark",[9,13,28,57,68,175,185],[10,11,5],"h1",{"id":12},"plugin-dla-playwright",[14,15,16,17,21,22,27],"p",{},"Plugin dla Playwright jest opublikowany jako ",[18,19,20],"code",{},"@pixsame\u002Fplaywright-visual-regression-diff",". Korzysta z silnika porównywania pluginu dla Cypress, zapisuje ten sam ",[23,24,26],"a",{"href":25},"\u002Fdocs\u002Freference\u002Fmanifest","manifest"," i trzyma baseline'y w repozytorium, tuż obok testów. Ma wersję 0.x, więc opcje mogą się jeszcze zmienić przed 1.0.",[29,30,35],"pre",{"className":31,"code":32,"language":33,"meta":34,"style":34},"language-bash shiki shiki-themes github-light-high-contrast github-dark-high-contrast","npm install --save-dev @pixsame\u002Fplaywright-visual-regression-diff\n","bash","",[18,36,37],{"__ignoreMap":34},[38,39,42,46,50,54],"span",{"class":40,"line":41},"line",1,[38,43,45],{"class":44},"soyes","npm",[38,47,49],{"class":48},"sT6z2"," install",[38,51,53],{"class":52},"s-5SL"," --save-dev",[38,55,56],{"class":48}," @pixsame\u002Fplaywright-visual-regression-diff\n",[14,58,59,60,63,64,67],{},"Należy zaimportować ",[18,61,62],{},"test"," z pakietu i wywołać fixture ",[18,65,66],{},"matchImage",":",[29,69,73],{"className":70,"code":71,"language":72,"meta":34,"style":34},"language-ts shiki shiki-themes github-light-high-contrast github-dark-high-contrast","import { test } from '@pixsame\u002Fplaywright-visual-regression-diff';\n\ntest('home page', async ({ page, matchImage }) => {\n  await page.goto('\u002F');\n  await matchImage();\n});\n","ts",[18,74,75,94,101,138,158,169],{"__ignoreMap":34},[38,76,77,81,85,88,91],{"class":40,"line":41},[38,78,80],{"class":79},"sHUrx","import",[38,82,84],{"class":83},"suds8"," { test } ",[38,86,87],{"class":79},"from",[38,89,90],{"class":48}," '@pixsame\u002Fplaywright-visual-regression-diff'",[38,92,93],{"class":83},";\n",[38,95,97],{"class":40,"line":96},2,[38,98,100],{"emptyLinePlaceholder":99},true,"\n",[38,102,104,107,110,113,116,119,122,125,127,129,132,135],{"class":40,"line":103},3,[38,105,62],{"class":106},"sKwhi",[38,108,109],{"class":83},"(",[38,111,112],{"class":48},"'home page'",[38,114,115],{"class":83},", ",[38,117,118],{"class":79},"async",[38,120,121],{"class":83}," ({ ",[38,123,124],{"class":44},"page",[38,126,115],{"class":83},[38,128,66],{"class":44},[38,130,131],{"class":83}," }) ",[38,133,134],{"class":79},"=>",[38,136,137],{"class":83}," {\n",[38,139,141,144,147,150,152,155],{"class":40,"line":140},4,[38,142,143],{"class":79},"  await",[38,145,146],{"class":83}," page.",[38,148,149],{"class":106},"goto",[38,151,109],{"class":83},[38,153,154],{"class":48},"'\u002F'",[38,156,157],{"class":83},");\n",[38,159,161,163,166],{"class":40,"line":160},5,[38,162,143],{"class":79},[38,164,165],{"class":106}," matchImage",[38,167,168],{"class":83},"();\n",[38,170,172],{"class":40,"line":171},6,[38,173,174],{"class":83},"});\n",[14,176,177,178,184],{},"Opcje, baseline'y per przeglądarka oraz zdalna przeglądarka w Dockerze są opisane w ",[23,179,183],{"href":180,"rel":181},"https:\u002F\u002Fgithub.com\u002Fpixsame\u002Fpixsame\u002Ftree\u002Fmain\u002Fpackages\u002Fplaywright-visual-regression-diff#readme",[182],"nofollow","README pakietu",".",[186,187,188],"style",{},"html pre.shiki code .soyes, html code.shiki .soyes{--shiki-default:#702C00;--shiki-dark:#FFB757}html pre.shiki code .sT6z2, html code.shiki .sT6z2{--shiki-default:#032563;--shiki-dark:#ADDCFF}html pre.shiki code .s-5SL, html code.shiki .s-5SL{--shiki-default:#023B95;--shiki-dark:#91CBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sHUrx, html code.shiki .sHUrx{--shiki-default:#A0111F;--shiki-dark:#FF9492}html pre.shiki code .suds8, html code.shiki .suds8{--shiki-default:#0E1116;--shiki-dark:#F0F3F6}html pre.shiki code .sKwhi, html code.shiki .sKwhi{--shiki-default:#622CBC;--shiki-dark:#DBB7FF}",{"title":34,"searchDepth":96,"depth":96,"links":190},[],"Ten sam silnik porównywania i manifest co w pluginie dla Cypress, tym razem dla Playwright.","md",{},"\u002Fdocs\u002Fpl\u002Fintegrations\u002Fplaywright-reporter",false,{"title":5,"description":191},"docs\u002Fpl\u002Fintegrations\u002Fplaywright-reporter","sCG5usSwFqe4LBlkXdp-eEy32NOt8G3C07ZrD_Pcnco",[200,204,208,212,215,218,220,223,225],{"path":201,"title":202,"group":203},"\u002Fdocs\u002Fgetting-started\u002Finstall","Instalacja","getting-started",{"path":205,"title":206,"group":207},"\u002Fdocs\u002Fintegrations\u002Fcypress-plugin","Plugin dla Cypress","integrations",{"path":209,"title":210,"group":211},"\u002Fdocs\u002Freference\u002Fconfiguration","Konfiguracja","reference",{"path":213,"title":214,"group":203},"\u002Fdocs\u002Fgetting-started\u002Fusage","Użycie",{"path":216,"title":217,"group":207},"\u002Fdocs\u002Fintegrations\u002Fgithub-app","GitHub App",{"path":25,"title":219,"group":211},"Schemat manifestu",{"path":221,"title":222,"group":203},"\u002Fdocs\u002Fgetting-started\u002Fmigrate-from-frsource","Migracja z @frsource",{"path":224,"title":5,"group":207},"\u002Fdocs\u002Fintegrations\u002Fplaywright-reporter",{"path":226,"title":227,"group":207},"\u002Fdocs\u002Fintegrations\u002Fvitest","Plugin dla Vitest",1794530808029]