From 0eb7a099671d39027de2198d9ca9b24688757989 Mon Sep 17 00:00:00 2001 From: Yury Semikhatsky Date: Wed, 4 Oct 2023 17:26:01 -0700 Subject: [PATCH] test: screenshot of css box-shadow (#27438) Reference #21620 --- tests/page/page-screenshot.spec.ts | 6 ++++++ ...should-capture-css-box-shadow-1-chromium.png | Bin 0 -> 7105 bytes .../should-capture-css-box-shadow-1-firefox.png | Bin 0 -> 21375 bytes .../should-capture-css-box-shadow-1-webkit.png | Bin 0 -> 19576 bytes 4 files changed, 6 insertions(+) create mode 100644 tests/page/page-screenshot.spec.ts-snapshots/should-capture-css-box-shadow-1-chromium.png create mode 100644 tests/page/page-screenshot.spec.ts-snapshots/should-capture-css-box-shadow-1-firefox.png create mode 100644 tests/page/page-screenshot.spec.ts-snapshots/should-capture-css-box-shadow-1-webkit.png diff --git a/tests/page/page-screenshot.spec.ts b/tests/page/page-screenshot.spec.ts index c43ed57728..da0d3edf96 100644 --- a/tests/page/page-screenshot.spec.ts +++ b/tests/page/page-screenshot.spec.ts @@ -884,3 +884,9 @@ it('page screenshot should capture css transform', async function({ page, browse await expect(page).toHaveScreenshot(); }); + +it('should capture css box-shadow', async ({ page }) => { + it.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/21620' }); + await page.setContent(`
`); + await expect(page).toHaveScreenshot(); +}); diff --git a/tests/page/page-screenshot.spec.ts-snapshots/should-capture-css-box-shadow-1-chromium.png b/tests/page/page-screenshot.spec.ts-snapshots/should-capture-css-box-shadow-1-chromium.png new file mode 100644 index 0000000000000000000000000000000000000000..089549eb3c95ce9eac283c8a3c86f3663c3a8369 GIT binary patch literal 7105 zcmeHL`&$!d7XA`~fXc1NDiR1b^|Dn#>m`vyz+0(Rq_w+L7erka5nTxi7;eeLYU@3$ z-Dk-P3XkgwwmyJ}5HP^RMtOX#nXy^7V zf5^WvK6oH;pm#CvOH;__4irk4C4IRd_mCcg0MjQ)ak%vsIfvk(n%Xrn3`Y+e_kh>|XdzG>8)dwCj?6uad(Jr_ zg5l1nwfD9%X)IaZu*e&8imy4^L36MrwP?I1`BV5Lx-|mF#=q_NP)5I9t%$WYre&XQ z3PZvvJL2#a{)<;CRsA0y>2ujalp8YDscUFJ`gGD0ZC=C$8`1=}yt3vfGND9@Y-=Ur;X9h9o!*qRIej>eZ|9rwH~fE%@t-l(HN*gr8uS4_Zk)I<5D6CLo2Vo_UGME3N2b$B&Zc2 zkpd?ln>Vy#-tCQ^c;}VA(OCIxcFr%MlUb`AVUJlMF29c0nM|KxmB&Kz9jy%wgAWza z&dm$a*;D2Jq$P=?4vv^!y<#H5;%>#Q=?r23b`OurjwTp%eVbf2EA^80Z44y5%pOFX zoj(n1pTjNNR$j1bo8tIJ2cCjQJrzyJKE6|5_+R}OhIhcd)xkhwd;W{Un1f>ivN1@R zMI{%07jt+vNiODDsjR6q2{$ZlHm`dchvWE9wX@rl;6s z(%i<{xqL2;$o}`9IMvH+$iG2mEL1%azTd@~WtVRazI9i)dx*IZk>4C1$rQ z7Tqm#SWT0fN|UV)uF~pZO&#Q!(&Adcugyt&{)w$Y3X*M$vT01uJG~elaL}gFU`nDn=g($GP_LA^X=20I|fW$ap zZZy|lfpkiCPD4?aa^FbN$$E6Ym|}CnYEG0MDyZx0lTG!rOeb^JQFIacD~REj&JdU2 zy<!wDrywN@7#lVcLac39{sAK!6NExXpkYvS05BI2 z`cVHNe>^{JEN>UDZ^?<4F{{1MFM|r?@`+M}KWed=im?vCOP)!+c`D{a0ZCk5zR88S z9K}*9;Hw|&)Z%X_cmeUFYLI_atKauIqZE)^MJQi{KS`bf# z+zPuQkgiRc_)GDM8Jda%3krM;^vX)4zjq-&g6X}a6pC&-!)Fb? zr}!fbthaENRkq&ievLHp>}#`GmJU;0S2ZNp=p8uON>6YsVYQL-nG3VYRKNCzJ{JOJ z<}}n|{6J~`ZgJWN25h!Zq`<8=s$I2p{)sMRY+BfA-S&4LH8rxDDACpYFLwKk6!M=A zVNCVR=f-%oUA~O`@F?&_XJ-TzS43`-H}fIY(A(YF717+&0aK zOVNNctss?>JjBv{job}r4%YOFh^%kL>Zgh%XM-tfW;<`pglt=3h^4fiwGxlp#Faop zEp+w@VlB<~^0gstbHa>%u?D&@IZWmAbXMuN@Il*rag8;3Nj8UrAj7jmHk^k6{LZ)L zffUHHA=Z_#2V`-Mgdx3s?dEr-P1*sSN&DHFRE4DKTAG*7JcI)b<9KBFx}@Gy%xb|8 z5yUHvqW0sY`gA3u^E1nf%@maapGGiGfe}|-ljvwG9mSu#anGy?AZyctZuzlA3+y<8 zPCzmGY(I)i3h&^E^J@j}1qPKj54Z0{mEXscz@5{5*zSpcuP(*Ph-u{;K7WI(WfA$jmSeu4x;LaU;w%2Yw^v(YP DeOWRK literal 0 HcmV?d00001 diff --git a/tests/page/page-screenshot.spec.ts-snapshots/should-capture-css-box-shadow-1-firefox.png b/tests/page/page-screenshot.spec.ts-snapshots/should-capture-css-box-shadow-1-firefox.png new file mode 100644 index 0000000000000000000000000000000000000000..aca4c72688339fc78b570103f06903c79db49679 GIT binary patch literal 21375 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 ZR>^KP=1u(yez7Ll_CiLgE@jVw{{>tS1&aUx literal 0 HcmV?d00001 diff --git a/tests/page/page-screenshot.spec.ts-snapshots/should-capture-css-box-shadow-1-webkit.png b/tests/page/page-screenshot.spec.ts-snapshots/should-capture-css-box-shadow-1-webkit.png new file mode 100644 index 0000000000000000000000000000000000000000..6a64bc0ee27fe3aae642d4940178c67d718cda3b GIT binary patch literal 19576 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 MqG;`jyv=+60dFc_uK)l5 literal 0 HcmV?d00001