From 56ae4193bd6ef47796cc75d8abaed43c17f5cf4f Mon Sep 17 00:00:00 2001 From: Max Skanvik <179694889+max-umain@users.noreply.github.com> Date: Mon, 16 Dec 2024 13:45:44 +0100 Subject: [PATCH] test(footer): add lightmode and darkmode screenshot tests for mode variants --- .../default/primary/darkmode/footer.e2e.ts | 15 ++++++ ...nders-default-footer-correctly-1-linux.png | Bin 0 -> 9210 bytes .../test/default/primary/darkmode/index.html | 47 ++++++++++++++++++ .../default/primary/lightmode/footer.e2e.ts | 15 ++++++ ...nders-default-footer-correctly-1-linux.png | Bin 0 -> 9108 bytes .../test/default/primary/lightmode/index.html | 47 ++++++++++++++++++ .../default/secondary/darkmode/footer.e2e.ts | 15 ++++++ ...nders-default-footer-correctly-1-linux.png | Bin 0 -> 9212 bytes .../default/secondary/darkmode/index.html | 47 ++++++++++++++++++ .../default/secondary/lightmode/footer.e2e.ts | 15 ++++++ ...nders-default-footer-correctly-1-linux.png | Bin 0 -> 9119 bytes .../default/secondary/lightmode/index.html | 47 ++++++++++++++++++ 12 files changed, 248 insertions(+) create mode 100644 packages/core/src/components/footer/test/default/primary/darkmode/footer.e2e.ts create mode 100644 packages/core/src/components/footer/test/default/primary/darkmode/footer.e2e.ts-snapshots/tds-footer-default-primary-darkmode-renders-default-footer-correctly-1-linux.png create mode 100644 packages/core/src/components/footer/test/default/primary/darkmode/index.html create mode 100644 packages/core/src/components/footer/test/default/primary/lightmode/footer.e2e.ts create mode 100644 packages/core/src/components/footer/test/default/primary/lightmode/footer.e2e.ts-snapshots/tds-footer-default-primary-lightmode-renders-default-footer-correctly-1-linux.png create mode 100644 packages/core/src/components/footer/test/default/primary/lightmode/index.html create mode 100644 packages/core/src/components/footer/test/default/secondary/darkmode/footer.e2e.ts create mode 100644 packages/core/src/components/footer/test/default/secondary/darkmode/footer.e2e.ts-snapshots/tds-footer-default-secondary-darkmode-renders-default-footer-correctly-1-linux.png create mode 100644 packages/core/src/components/footer/test/default/secondary/darkmode/index.html create mode 100644 packages/core/src/components/footer/test/default/secondary/lightmode/footer.e2e.ts create mode 100644 packages/core/src/components/footer/test/default/secondary/lightmode/footer.e2e.ts-snapshots/tds-footer-default-secondary-lightmode-renders-default-footer-correctly-1-linux.png create mode 100644 packages/core/src/components/footer/test/default/secondary/lightmode/index.html diff --git a/packages/core/src/components/footer/test/default/primary/darkmode/footer.e2e.ts b/packages/core/src/components/footer/test/default/primary/darkmode/footer.e2e.ts new file mode 100644 index 000000000..e64eff563 --- /dev/null +++ b/packages/core/src/components/footer/test/default/primary/darkmode/footer.e2e.ts @@ -0,0 +1,15 @@ +import { test } from 'stencil-playwright'; +import { expect } from '@playwright/test'; + +const componentTestPath = 'src/components/footer/test/default/primary/darkmode/index.html'; + +test.describe.parallel('tds-footer-default-primary-darkmode', () => { + test('renders default footer correctly', async ({ page }) => { + await page.goto(componentTestPath); + const footerComponent = page.locator('footer'); + await expect(footerComponent).toHaveCount(1); + + /** Check screenshot diff */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); +}); diff --git a/packages/core/src/components/footer/test/default/primary/darkmode/footer.e2e.ts-snapshots/tds-footer-default-primary-darkmode-renders-default-footer-correctly-1-linux.png b/packages/core/src/components/footer/test/default/primary/darkmode/footer.e2e.ts-snapshots/tds-footer-default-primary-darkmode-renders-default-footer-correctly-1-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..d844f2cd8d47c0af43f6538ebae6a2d1727f160a GIT binary patch literal 9210 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 literal 0 HcmV?d00001 diff --git a/packages/core/src/components/footer/test/default/primary/darkmode/index.html b/packages/core/src/components/footer/test/default/primary/darkmode/index.html new file mode 100644 index 000000000..bff297dc7 --- /dev/null +++ b/packages/core/src/components/footer/test/default/primary/darkmode/index.html @@ -0,0 +1,47 @@ + + + + + Footer - Default + + + + + + + +
+ + + Link text + + + Link text + + + Link text + + + Link text + + +
+
+ + + + + + + + + + + +
+ + + diff --git a/packages/core/src/components/footer/test/default/primary/lightmode/footer.e2e.ts b/packages/core/src/components/footer/test/default/primary/lightmode/footer.e2e.ts new file mode 100644 index 000000000..2aed427c7 --- /dev/null +++ b/packages/core/src/components/footer/test/default/primary/lightmode/footer.e2e.ts @@ -0,0 +1,15 @@ +import { test } from 'stencil-playwright'; +import { expect } from '@playwright/test'; + +const componentTestPath = 'src/components/footer/test/default/primary/lightmode/index.html'; + +test.describe.parallel('tds-footer-default-primary-lightmode', () => { + test('renders default footer correctly', async ({ page }) => { + await page.goto(componentTestPath); + const footerComponent = page.locator('footer'); + await expect(footerComponent).toHaveCount(1); + + /** Check screenshot diff */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); +}); diff --git a/packages/core/src/components/footer/test/default/primary/lightmode/footer.e2e.ts-snapshots/tds-footer-default-primary-lightmode-renders-default-footer-correctly-1-linux.png b/packages/core/src/components/footer/test/default/primary/lightmode/footer.e2e.ts-snapshots/tds-footer-default-primary-lightmode-renders-default-footer-correctly-1-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..62dbcafb1cedecbaf73f534fa149d114f2620cc5 GIT binary patch literal 9108 zcmeHNX;hPE+K#oN7Lj%;P(h?BU=aaD_AR9r5EW8DKz1w24zVBv0!dUlr7oZZ5D^H- zzJ(xL*y9Gst^~poLRf?lAOr{@glymA%+LAN^R?g1cgAya-sR-veeUhKuKT**-2KVk zM&=8}FCY+zjP1D}9U+ii;PSI~dp-lF?^Vw40H+-hjy69)D*F#HA&_q&wm({4iq2xu z{Ii_7tqaroy{ArXs9U9;xPIr>?{~g9XZTH3?$r@JyO6FfXXqjdyyC4 z{LSv@(Qog4z9aFd&wqiftw?Hu7KkYU%mjxU%$NtOxPy-DpY3f@;amUc^V9MJ->QeWywq)~z(PMWL zt_>x8c%nH&Md`^Nf=rd@hEA|^Vgn~D8l|nxw%!c#EG}X{{3>tP92rQja}p?Y2v zCM;pk){4-3PXs~OJ*&yS4>yh+I(T~b;fSH+-TNUoe*AE$G`xpk{W!Z?7(d(ty=;zr zReQb0dJMj6-C3}2wc0Iz^2zpd8#~AYnY|BDUb?_$D|^ zz^T|PNy+w#@li6a7~Bc1a&UcjTSZ7kos&X;PG31|x|%O!NkO*Oy^!9Lp&XMQzr^t+ zSP-RJM9lFIN~#4}Q(Y zgg9DSIxJcRb-T5~M63bAKxLNxJX~j`Tc=@`5a`9rl+LI1NEQ3h^usSYIIO|K8sbK$+CY{>A5t>} z<8RZK?=%Yo zqnvw6pW<*%`hrc5wiMN_Jj5iGZ5<8^c$|E#H+p>qBws69Jgqn!F#=To_FotWjEhZpF;Z|#Mq|aJ()YQ}rX$Ds}-Y6_mDl^&!&fu#` zPT696dk5_M2jx^;$}TbQ+L99<9umBLqTyVvNuXC5>z9LyrrCEZ8!`)9w5XMhA?NT< zhk13$`Ih{AgVp$hTMkBxIwq@xUaAb_MnKx*$5Eylh?$z2=EyEB)7IGZiM>w#QS5bn z0si|Ft2ub*@=IbatkPDpvGjh9Luf|Xh$nWjCwS?1sfcA^zncFD-m7MLLVw9X)izwv zN4FDg17koz@p({DI|jvBgNkQ7UQ5Zz$rbvEwwf+P$sKqQ9We3Qw`iy$IfCZQSP4Fs z@NS1}ix7a%%YDM{4sjKfx883?fq*&Bw={luP^sLMJtTgz9jU0|M4;NTVC?bfI>Yo) zc)R26oekl06+fTdF2I=72J@|mRe>BzLZ?06TZ^#`$GJvr|DMo6a3hLaYLEr!Y!lQ< zA4#zhloTk(j5J+z1bd-Vz2%W=m+{Vlx8~2rW?`fT^z36&5=I-oR9~)bR_+kr6ia)1 zF8w=>4z?*-VSN?rJ_<@paacidoA(C(mwFmhBEY$P#(m9n^3NA->HXOx$ zj8D=@;`e`UU-9pA_Yd?&M?e@}+zuYiU3q6|4hx9!bn%-PlvC`5g5@+7yy+p+Ahc(G z&O|id4%*yYP;iYPtrtALK*`i5t<`^3SXk&2(32hR!Cjmzwau4mZ*MPmA!Hf|`eZGH z(F5&B-1u{!fs~~Yd|jlV-_=LbImC<@v>9x@uremHFZXEf7>`uyuzM<=EUU}$$EThc zOOp&dBstai)tM)_C1fL!E>{*&Gi2-`XsT(CFJ3I;Y zc!^ltUNe6(ZYJX(;BIq!^ED`;b<2=vvAI^PB+GBJ@Z@wo#PB&8j_ryfg z7CT|kr=vK?(3!<~H6m$U$Lkx{sAnrrp%k3JE%%NQnOx*zO1m(9Z6^Y}L98`Sun$y`_0QL&2N&ggBSN%~Zdb zU3a7Fp7idVn74@3cBWT1=pDPCd^RpM5Hl!t^pN@RM02v-lYVQtO5YPmSu04t+T| zr?SaFR#j88Ch~rfuX@`PT-}wm z_1pfq^-GPxg&?w_FK6U}DR??(qo}gaz@jK@`?tl7!dc+teJP$rVT53Ca4?2Lj|p1r z&C8n^+QkP6%K_B>;K74AHbyUO@PZPjz5uqBisW zxJ^7U4|B|B0o=5af>;q`#->r7 zZ;*?%b;nlM847%&1%#bZG{6F8*l2N zMYXwARm+cI%n9wfxrY?A$y__88Dms8r@usjWm^=}_V!^_HBOx9*ZJ-u_8Oz|&d~i- zcm1;B{p!b#&8Eo2l-}jYx70+qq9-XV{oqUVr3T$InqC$+U)*JRSco_7+hVV|_MZm_ zv?cPk7ys{|vp;xn4xbj@|AOp;BL?_RQc&5`0vkKzO(A`0s0{tuaDc?|r$gCG<~7y2 z;M0ugQijHKjKd5n+=%Fj0_Jdd8MhP~I*Z*?quaJ+aK z?Jf?r5nTQX!0)5-N5t=o%XEr^(v(dREMuZ&>v)=`Ki-XaguC=Ka!JXsA|01m**2^~ zfRE;eEplI}u_Ht1;q$@L0M*^AqOF2vY=WV*rN^!q;aKSFOar*4siA0T9#1WI>FR&` zc68+IGsNCJL}I% z;T(ujiT*xMJ)*Y2)7_qj+bu@o6^9Amm{bL(NR{69_jBpq^8cM3NB3fv#Eq+w!6Tle(*$81R@E3}Hz$YNv8f!}wVVpT zO|ZFuZQ{f*DurVl`NRw(d{)90uuKz^dKOB1gkZn^8ja$W*mPXfG9_k_9mV%RHjC#;<1E?!XR4PE*p+XwsO8qJ?Y4{SEH4H7qA);XRYo8Fb z=j>M`;mbt2;`YK8X{6k#+@F{P`21w^hrL=)Cs+G8{w*ewXYW%u97&`~BzW*WSr*wW0U96`^-ZLu<#eU+ z&d^;uSrWhr%qmOTQK2K4Qev>i)**Hd=VWfpas^@drRHbL@ASRUz~w4 z-_=|7DGv89PnM!G{m4G(U{bJ1C=oGT5fW}vtTpYIffAsAY_SE)v!y^M59nkGC|FIM zZ$>M*YXD?|hby}H@yOQaH{3v+vxtv9!I%S-XQo~SG~`^)5K$YHU6Up$cYt|(xXi89 zjcm=>XXHyNR-3!!`Z)w*1d&@m^P=>)oMh$pFAPj81BSU_HCIs~YvE}+^K30x!f&KM zPbu<2hLJJ}q}q~_Xn+PFz0lT~nd>S-pa3;p`{QCJsXG1WGv=siteiiN5;#3GH^)W@ zKOA)Ril)HeO;Y*I?pDr72JgBc$twkinaewZ0&epwlYIxt_wQe@Hq#R?x6ufV zap$-}&Y(vD=xsLFZrto8w!;?K=5O064znq0#N{_ia3u$K_ogjc8q6N|%UUC9iBj1Z zMf*)4);%qb{%%1dj|n1 zk{giyi?`3FWwOP11DhH@J0%*DJXgABA|mYmtdeB4Sz$6<@OB;khBc|iqw!peO*p}! zPcec)_(YrlwL9htz-{^T1MH}LU9fp$Pk0)$B2LyJcaqfSqc|(eo-l2b}%Wsc}NFT`?UHkDET?6e1ntIb9%9q!Qn{58>g#1!Wu#Z z{a#>PB5_RG51PJsxrKj9N|S#`rWfe{7fR>P9vlCw(?{}aYd6lR0Ahd~imLpRr_}$t z++Xj|rxpIY#w34WZt$rzK9$CQ?;EmDVEmW7iTxDT|DdpLd8=+fAUl8f_+Nm(^!@v% ltp5jP{Zpp@?9N7r$+MB%S^d4k6zBqot(E + + + + Footer - Default + + + + + + + +
+ + + Link text + + + Link text + + + Link text + + + Link text + + +
+
+ + + + + + + + + + + +
+ + + diff --git a/packages/core/src/components/footer/test/default/secondary/darkmode/footer.e2e.ts b/packages/core/src/components/footer/test/default/secondary/darkmode/footer.e2e.ts new file mode 100644 index 000000000..1bf616301 --- /dev/null +++ b/packages/core/src/components/footer/test/default/secondary/darkmode/footer.e2e.ts @@ -0,0 +1,15 @@ +import { test } from 'stencil-playwright'; +import { expect } from '@playwright/test'; + +const componentTestPath = 'src/components/footer/test/default/secondary/darkmode/index.html'; + +test.describe.parallel('tds-footer-default-secondary-darkmode', () => { + test('renders default footer correctly', async ({ page }) => { + await page.goto(componentTestPath); + const footerComponent = page.locator('footer'); + await expect(footerComponent).toHaveCount(1); + + /** Check screenshot diff */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); +}); diff --git a/packages/core/src/components/footer/test/default/secondary/darkmode/footer.e2e.ts-snapshots/tds-footer-default-secondary-darkmode-renders-default-footer-correctly-1-linux.png b/packages/core/src/components/footer/test/default/secondary/darkmode/footer.e2e.ts-snapshots/tds-footer-default-secondary-darkmode-renders-default-footer-correctly-1-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..21b8218dbe042e496c3b2dca72b89025dc42964a GIT binary patch literal 9212 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 + + + + Footer - Default + + + + + + + +
+ + + Link text + + + Link text + + + Link text + + + Link text + + +
+
+ + + + + + + + + + + +
+ + + diff --git a/packages/core/src/components/footer/test/default/secondary/lightmode/footer.e2e.ts b/packages/core/src/components/footer/test/default/secondary/lightmode/footer.e2e.ts new file mode 100644 index 000000000..a302ce205 --- /dev/null +++ b/packages/core/src/components/footer/test/default/secondary/lightmode/footer.e2e.ts @@ -0,0 +1,15 @@ +import { test } from 'stencil-playwright'; +import { expect } from '@playwright/test'; + +const componentTestPath = 'src/components/footer/test/default/secondary/lightmode/index.html'; + +test.describe.parallel('tds-footer-default-secondary-lightmode', () => { + test('renders default footer correctly', async ({ page }) => { + await page.goto(componentTestPath); + const footerComponent = page.locator('footer'); + await expect(footerComponent).toHaveCount(1); + + /** Check screenshot diff */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); +}); diff --git a/packages/core/src/components/footer/test/default/secondary/lightmode/footer.e2e.ts-snapshots/tds-footer-default-secondary-lightmode-renders-default-footer-correctly-1-linux.png b/packages/core/src/components/footer/test/default/secondary/lightmode/footer.e2e.ts-snapshots/tds-footer-default-secondary-lightmode-renders-default-footer-correctly-1-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..f75a96884e4ddb694a0fb3f0677f16b02151aab0 GIT binary patch literal 9119 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 + + + + Footer - Default + + + + + + + +
+ + + Link text + + + Link text + + + Link text + + + Link text + + +
+
+ + + + + + + + + + + +
+ + +