From 58c0ab8731ee4127fcd149c609c2028eade969e2 Mon Sep 17 00:00:00 2001 From: Bernardo Cardoso Date: Tue, 9 Apr 2024 10:49:57 +0100 Subject: [PATCH] Added new chip tests and baselines --- core/api.txt | 1 + .../components/chip/test/shape/chip.e2e.ts | 57 +++++++++++++++++ ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 1928 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 1842 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 1636 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 1664 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 1505 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 1544 bytes ...ionic-md-ltr-light-Mobile-Chrome-linux.png | Bin 0 -> 1025 bytes ...onic-md-ltr-light-Mobile-Firefox-linux.png | Bin 0 -> 1026 bytes ...ionic-md-ltr-light-Mobile-Safari-linux.png | Bin 0 -> 893 bytes .../src/components/chip/test/shape/index.html | 59 ++++++++++++++++++ packages/angular/src/directives/proxies.ts | 4 +- .../standalone/src/directives/proxies.ts | 4 +- packages/vue/src/proxies.ts | 3 +- 15 files changed, 123 insertions(+), 5 deletions(-) create mode 100644 core/src/components/chip/test/shape/chip.e2e.ts create mode 100644 core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-rectangular-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-round-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-round-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-round-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png create mode 100644 core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png create mode 100644 core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-soft-ionic-md-ltr-light-Mobile-Safari-linux.png create mode 100644 core/src/components/chip/test/shape/index.html diff --git a/core/api.txt b/core/api.txt index f3fdbbd60a..5d4d862586 100644 --- a/core/api.txt +++ b/core/api.txt @@ -346,6 +346,7 @@ ion-chip,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "second ion-chip,prop,disabled,boolean,false,false,false ion-chip,prop,mode,"ios" | "md",undefined,false,false ion-chip,prop,outline,boolean,false,false,false +ion-chip,prop,shape,"rectangular" | "round" | "soft" | undefined,undefined,false,true ion-chip,prop,theme,"ios" | "md" | "ionic",undefined,false,false ion-chip,css-prop,--background ion-chip,css-prop,--color diff --git a/core/src/components/chip/test/shape/chip.e2e.ts b/core/src/components/chip/test/shape/chip.e2e.ts new file mode 100644 index 0000000000..49c5007d30 --- /dev/null +++ b/core/src/components/chip/test/shape/chip.e2e.ts @@ -0,0 +1,57 @@ +import { expect } from '@playwright/test'; +import { configs, test } from '@utils/test/playwright'; + +configs({ modes: ['ionic-md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => { + /** + * This behavior only applies to Ionic Theme. + */ + test.describe(title('chip: shape'), () => { + test.describe('default', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/chip/test/shape`, config); + + await page.setIonViewport(); + + const container = page.locator('#default'); + + await expect(container).toHaveScreenshot(screenshot(`chip-round`)); + }); + }); + + test.describe('soft', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/chip/test/shape`, config); + + await page.setIonViewport(); + + const container = page.locator('#soft'); + + await expect(container).toHaveScreenshot(screenshot(`chip-soft`)); + }); + }); + + test.describe('round', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/chip/test/shape`, config); + + await page.setIonViewport(); + + const container = page.locator('#round'); + + await expect(container).toHaveScreenshot(screenshot(`chip-round`)); + }); + }); + + test.describe('rectangular', () => { + test('should not have visual regressions', async ({ page }) => { + await page.goto(`/src/components/chip/test/shape`, config); + + await page.setIonViewport(); + + const container = page.locator('#rectangular'); + + await expect(container).toHaveScreenshot(screenshot(`chip-rectangular`)); + }); + }); + }); +}); diff --git a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-rectangular-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..60ccd54a808e8e8da0983e06d448b4301dd892d1 GIT binary patch literal 1928 zcmV;32Y2|1P)Px+LP>mffnkPWaQ}dGGQ!F%>X@p` zr>d*Ef4|r7_ujYP@7F!uBl7h0d{9(WgoUTe@ZrM|KkFcVNm#@-BNnmEh(&BOViDVn zSj09X7O~BUMQk%-5!;Md#5N-qu^*zYPDxEo?NjkB?a82^;38@12aVcnY-|`dbO>{P zHyb-UyC)JzOG^v=`t^Gvz8;77;u5H?zQdu6{ZHI?kCk0s@gK5J=HNX>A#8&NdXRbI zB)$P*)Yjg6>>zHJmN8{o)MNYkxzl5114yM(7B5<0)V6%t5=JTfIG%ZeHLF(u(B9t8 znX~68DY-%a{&qw~M&Ru1B%D)IQ_Ja`TpAnI`1mLY2@ayFs+yG4y(m>G4jw*A#Pn&% z<@Q{>_#Iz=a{-;M6@_9nVWGhQw6?Z#?06QlXGQXlf1c-B$#sT!c`++008%9h#ID=K&Ry>UP*`}0?QiWc%H=@%VX{x1x4!_L;05B7b??APZB z{d?X|WYgxYq@^FEzP`Rk%}lCn0IgOl>^C;5$v%0SqT;J0#CIf-m3@j^x4!4Q!V6ei zTLZ9U=}Hn3Q;3h-Oz}CU=My6zES<$_M=B*Mk@z9)?O)&z8+^b_6AplA0XP zl*tnTu($6|LShOV-;5QichtxctczU@K%YJ`PGq0vPuu>$wUX<6cJ2%EzWs_}Lx&Kv zb|v8xrk-70aUmm@pw6@39@T(cRq*i9~|Bsfo|e<{%P@dh}+6HBuTQt* z&6_)iyu1ST?n|Sgp^+OmZ=zHgSB~#kZ(-lb$w`=D*RS8i!9mWjp+f)=i9}4DJc;9( zCrnAzh@ij#TwPtsICzA*IweibO#moWD%{=O00<2UGD&DmT}G^}t+}tP7PgS!AO?DP zFfJ@au+i)FXti33imnQqTrOwo)JXtnT3WEOvN9>Cm8)Y}wqh-6brbF$Zn(O-cCq=X zFOf*Zg9i^f$I%Eg>j&g=dy~d}m?Iy3Oi0)yO3TV|a(2Ya%d?A(%|l~73X_+SpAxrc z7yg0c_$2oX5i>fb=)gf9lvPx)>#uKjdybo%E0tAM!m&o9;nJnc`1p)5vb%e?hGQRR z@%PU^Wz3jY0ob?yfXT59aB!fmPKm)_Kq8R5jayK4PVbo!)5*&#;KGG}17I*1h+V&l zv;!T_=utCgkePK-cvRf~VLD4!tU)T3B9qBbtJMJX?b{bRE0oR~>qo~j(dl#;42B+K z^YI>o!C>HcRyF|FO0M%s?ir!q-OZJ{IwhrL#}-_upWxtgM7Mnwpx3Pe?{2 z5}|3<^hUPcKaIr3tinMqXUo>@0KE9Z^CTtgVZowkeEmat@s(GptgIq(<_rK9FIvF( z@GwS<9?L5uy-7PLnIOr5a7q%np%dwFoL4uVq#-fF=y@@`1*&kbopwMlj5+m zvn4QiJgu#*kBn=;00-jV-_5q|Z}a?1quBb#w^$avSXfuRy%kKKHidwoa1`DFBqXIW zD>4GTUf;#n=1uEKN!^Ek;5dRqCo+HD?+FVHW^wci3JWj&-k*u~PS+sCIOQRP*>(HLgGGd`C zmOts38H?Cv#3HsCv50L(EMl7xi`ZtwBDNW^h;2qho}Qi$o^=qv6#ffjkd}VOIgP;p O0000a-VYj zdmdf@fcwbO#L&Utcr!27X($p*pPi5HEhiSi-z!K}eUnhZH+$FU3N0fqKT{paUw)=2 z8Y+QQM+X(MqKNC2`3wt$A_Sz=PpO1Y9kPBD@4@N1^a`)oo2|3A{-&+&9Ube>jvunw zar)+l2t<=E6ngI4$O)&Y4tZ1X&iU+Q=&kp2bD^kZ3xf=t?(+XOiV$s0O<+52zC-jz znJxpu+Dd+3D3)9>R^B}ubehl z`irF`B~e#yh?NRj3tg1L1kF(Tis8PFT4GbmW{xpW2GzTC^`mzMArL5T9ENxpN1<;o zUP5izn6#|Of?Q@@W7}c2qBL?v1z)PMnFp06SXcPTi;2Zz$pz2TrwZ@!OKEYsQo^I< zhmVttZboeblCk_aB9Wi6^K$^>#H5|^gP9u`yGk<{0fS`}iez(hw13oBfH4Qh{u)ls zrR;b3<`k%}FRr|@Vu5t#SMZ0`gO_o;uUd!8V8PqU)$NNzJ(P>%b&dC_4J9QdZ5vgU zl@o4->6gjD12_U9^+;1&Tcokfb0KA?BVPq(rbO20-OlcDBE^89g6PO}calF}LnAB8 zJ2xw*%iQ1MPnx(!7B#qZ1QM~i|AQs3i_Xk?leR-9@+X||WWRWk7^2jZ@27h~EX;SI zcli8Pw5$nbeJ>T%`KC-Q3SWYV`>+A_Qj-1`(co3$#Qp4 zfqZCakjLkePZ&3_V{=VPI!V4IP%oB=FaMJV0;v@UV4J}X#s|W@pyY+niTW_XfPe=f zJDv)nAkgII=0v@hb(^Ts+ph8mu~)gcBNB(2dWUGTHXj3UDj&3B zOI~l4JycO!6IZ?D(mq_0%pZiZ5Eov2^SLGR>e37?na_8HjL1owAP=BW;fB8Vu1#yO zHz)x>)^QE0d)Z)K<_0(g@H<{jI#^D)()~7sY^xgd^KGrb9!}E+qw#K}tfTLqn`mB6 zn}4tWPu3>rKJ&>FD*`@gdeW)MLnJ)BVV)MDx%cSgSl7O|578qxZ&!q0@Z5D(g7me7 z1}`T*(gTGIKT;zf9dYpj1-$Fa@7;3zPjbg!+LPGri6wN-Th4=->JQUuTI$Akk?ODX zVh?QlL3teLSlykos>Od@5hITF$5U5!EngOBb^b9a5$Eq;zSx5exA{2*hDzr(QDmS9 zxh9+}#jR7Kr@e(eTMy~^l(De=u zn53{TmR@Y$=Y+wweDyc#aTD-k$*7dv(ixh*TrQKAAW~#!lFJpM3n!bJc5hF&wy@{F zJSOO+ zVj$XQ{yUYWCVo>`0%^HcwZ|a9om)B17?B;&-<{pYtbg&&eSJo@-T=Gn`&?r%nBsHD z6?-QV4(N2pxJWvQK;Yh693u4qzVJJDe-JoFrB-gkK_o&j9jd1%b~2Eya+u5?5XI}by;L-)yK%v z5~JDUA>Z>Z8IKz1?{6;(#$Nd3HW%Q@Z@)D?r=)Pdo5nt|8S97id*k6LgjDXT*8QVU z;+5i;j&F*Gc*C&v zik?NtX|DlwzZ%f~{x2M*QnIlTwo}(2TBJoGUF6Bbd%Cw4f0O(2@AZ7Gm{E(bKTQ8S zSp(DsGxcbwh@9N)2r43Dqa@FVhVwb-@DZ3B&mXHR&$Jn zUdcdHQ!b-UIk<7cXbPH>eF>SMhC-?cWa=c2GLajUkzI|rF8H>x?>XicOX;}1Eq-?H zZS+MRgrwEADHO_w^Ac9-{|U)ZtgPSO7Uu~Uq)Yibj*elUej&ip)YhcN$UW&F@I#K9 literal 0 HcmV?d00001 diff --git a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-rectangular-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..419182f857ea99205d03cf55605c56c47424c643 GIT binary patch literal 1636 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 literal 0 HcmV?d00001 diff --git a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-soft-ionic-md-ltr-light-Mobile-Chrome-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..77d97eab80ba077fe8f5e994ca47ac190b4f7885 GIT binary patch literal 1025 zcmV+c1pfPpP)Px&yGcYrR9J=WmR(F+Wf;f*oR-h7WuvrMJ~W(Oc-0G)VI3(1*|GrZX4#y?=@tuF zW<+r#*>>gUFy3-wCV@`Ph7h;KO*WP-X<&}HXfi&wRYl4ml#fE&a85n(ETKH!*b|9` zb4+877yTvY=6Rp@eSYW3`{bN7mSw4`stQd_O|V+6Fc=I_3!dlU_xsV^-HoB4Apk&H zb8|CwbabdDwGpkYt?+uiVBBuE+Aax+doe7_s_l}HxEG_>>(zEiNZgB2TSShOV6vnH zlO-h>hlmgiE_z<>le@;;mQ4~>KQ;SeI zj8D#dhz8eQ#9}dIWMs(hmF?j0@DHf1cfn}P!@I3-;q=K9*t%^i>YNR@{rw$9f+Hhi z_~q9L-1})5FCTE>d`~YvI`gTby|Nwry7wFGtf|K7lWkJ0s?vc1vk4r>OR-oihW={< zn3$M^$()bfyLQ52c>;mJ9Qv={0K+i2{Owg3^m<&nbOjm>gWkT2Xnf_sruAhzm~S%T z-pD8dfw^_@w_DzXb5ETlSLbX%XV*F8<{B_Ib{`d$HMsxaA^s3WghC+@5$5L?5DG=G zu&{vN1p&ceP_8^62m)>POi$0y4#$g>y~Rkoc01|4_dh1DcaWmdsFdS5_Z1bESScJ1 zOR>gR57WWM*GLcq>c2KXI)h1C+vhq+$J z?K{J$-@6|#R8-@k?`PnzA+kSTj;yRKX`jPUf${MN@*R>v(G&xK-Chp6y&M1#4o7gr zeH6#rPT}UjRqz~-oSf`+`Po_7;COz6)0DGm2V=1q&VJs7-zNR*;zna0T>G4uoecm0 zic5+Rn44dh6AT7XTvYVm3TiYOTpzfJmUm9z(e#WIe>6RVFTOmFN=F3%U{8H5?%w?o zqod;h0FL8up{Eb7mz)XDO;1k;&nfJ#+(n(84bY+2-=HnIW-?ozB1e4oS65L`V1`!v&+AJ>SXx?!(U_NT{qJxb2d!2Moldu5j?HF+VnH>q*=(u5nWRYx zCQC{%S(s=vs-Z6zU@tL;00000NkvXXu0mjfMy}%! literal 0 HcmV?d00001 diff --git a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-soft-ionic-md-ltr-light-Mobile-Firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..e6ccea4896a55dc8dd7da3c0de1f4a9a7e828797 GIT binary patch literal 1026 zcmV+d1pWJoP)0faT%B$6C5gHoW4=9mH z5D*YBV&L>3a=E-8u%@PFM5(6-G+3-uDo31pdLUXs3m^l3EDACZj}EmcXi<=<0!-sg zs==@?(S}+96gEp`UVh02t*NK=a{{-NY28A%|_|%ay)l|Xb% z9NOC3F^M-3^7~add-@dC1P5Vr>~>T=tcIT+f5Dev6HB)dx?_bLaYql>ACmq1rkkx+&@W-RJwY4LZRA}nd$+QYn1T&DHb_RjV zml>7?EM0;1#5%-oiTSgD*Kgc{TKxfg_r(8Xha^1<N8IDcSQHC{q zPj9*oSFH>j1elR|9?E)^c`SbSUX8^|0&!HFgs}AlU3Zk-qNo^zkoFzipMcD)Y!pgw z;7(aF92^`VExJkey%VT=Rt-BlyFq|d%eho=1(g-0=BdHj+UH2ve+VkoD>@<7WTQmk z5GNmkwY4>RdwUVTdmqZmWpH=n&~xXq(jfGlMgt6dNj`o0j0KCA!PRv%f>y2=;M1&07*qoM6N<$f}Eb;)&Kwi literal 0 HcmV?d00001 diff --git a/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-soft-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/chip/test/shape/chip.e2e.ts-snapshots/chip-soft-ionic-md-ltr-light-Mobile-Safari-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..a2abe12966f3db74910ed6a8e620f1e54e64f50e GIT binary patch literal 893 zcmV-@1A_dCP)uNc36 z{Yp_YU?ntl?9L7hK-vyZ`uCg!v|GWmGsmkMMVYtX8rp0tFfu=@|CM$ zp}{fH5&!=EV`9SYE1Z7q?Cz_rZ+3HaDlW=rVPKPh*VBcF zynOZQ?78z+mgYi2f*(G7eE06%^A|5}+_(kTf(&q$h}L$_Hr7@hZB2}fjA&9jcI+;# zsJ1XSyL0C*7Z>O1l}ov}I8)NH445J$;mEXvH*+eUvYr- z8#eI@h^uPorDfzSS-SlB^A`~D$4{OJib(C+z4z%=b9KIa@l;`c&c~0Ric2cB^^AAz-pjziuz&wSUS3{nD+>k&1|}w^ z$cWI5o44XJ1Q)=Ub3{c%;^U&{&6$4v>bbxGzx={d1_p)?A3lm9)r^9Ig0Ek_rjD&Q zZrn;q%l`lWKZMK9&K@5Z{o=*TU%!6I$Vk6<@e;1`$&;tjGE$f(V5SDbwyLTsU%zpq ztfJ=Qr%wzF4DUaD= z5z~a|sEAo}=6U-D?cTEwQRDTWJJFQk^qu>!__m-qzQzNv<&{1TS8^U=|e>wXm?Dr>#?`PGwrO zXwlQBPw8gmqeqXHFJI2g&(FVn`SQ=7KdY*$a&vRj&c0W#UQL-YrMkNM@87=wRV;SN ToD3wi00000NkvXXu0mjfPLR+3 literal 0 HcmV?d00001 diff --git a/core/src/components/chip/test/shape/index.html b/core/src/components/chip/test/shape/index.html new file mode 100644 index 0000000000..59ebedad8e --- /dev/null +++ b/core/src/components/chip/test/shape/index.html @@ -0,0 +1,59 @@ + + + + + Chip - Ionic States + + + + + + + + + + + +

Chip - Shape

+ + +

Shapes

+

+ + Default + + + Soft + + + Round + + + Rectangular + + + + + + + diff --git a/packages/angular/src/directives/proxies.ts b/packages/angular/src/directives/proxies.ts index acec987bcf..c4142fecb0 100644 --- a/packages/angular/src/directives/proxies.ts +++ b/packages/angular/src/directives/proxies.ts @@ -550,14 +550,14 @@ setting the checked property. @ProxyCmp({ - inputs: ['color', 'disabled', 'mode', 'outline', 'theme'] + inputs: ['color', 'disabled', 'mode', 'outline', 'shape', 'theme'] }) @Component({ selector: 'ion-chip', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['color', 'disabled', 'mode', 'outline', 'theme'], + inputs: ['color', 'disabled', 'mode', 'outline', 'shape', 'theme'], }) export class IonChip { protected el: HTMLElement; diff --git a/packages/angular/standalone/src/directives/proxies.ts b/packages/angular/standalone/src/directives/proxies.ts index d735d65f0b..2acc29d6c2 100644 --- a/packages/angular/standalone/src/directives/proxies.ts +++ b/packages/angular/standalone/src/directives/proxies.ts @@ -613,14 +613,14 @@ export declare interface IonCardTitle extends Components.IonCardTitle {} @ProxyCmp({ defineCustomElementFn: defineIonChip, - inputs: ['color', 'disabled', 'mode', 'outline', 'theme'] + inputs: ['color', 'disabled', 'mode', 'outline', 'shape', 'theme'] }) @Component({ selector: 'ion-chip', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['color', 'disabled', 'mode', 'outline', 'theme'], + inputs: ['color', 'disabled', 'mode', 'outline', 'shape', 'theme'], standalone: true }) export class IonChip { diff --git a/packages/vue/src/proxies.ts b/packages/vue/src/proxies.ts index 30d640d44f..56fbc533be 100644 --- a/packages/vue/src/proxies.ts +++ b/packages/vue/src/proxies.ts @@ -227,7 +227,8 @@ export const IonCheckbox = /*@__PURE__*/ defineContainer('ion-chip', defineIonChip, [ 'color', 'outline', - 'disabled' + 'disabled', + 'shape' ]);