From 8d4c85830a7ee406d959458f99f6e6e9f392dfcd Mon Sep 17 00:00:00 2001 From: web-padawan Date: Mon, 28 Apr 2025 14:14:28 +0300 Subject: [PATCH 1/2] test: add visual tests for select base styles --- .../select/baseline/feature-error-message.png | Bin 0 -> 2505 bytes .../baseline/feature-helper-above-field.png | Bin 0 -> 1853 bytes .../select/baseline/feature-helper-text.png | Bin 0 -> 1416 bytes .../select/baseline/feature-prefix.png | Bin 0 -> 982 bytes .../select/baseline/state-basic.png | Bin 0 -> 742 bytes .../select/baseline/state-disabled.png | Bin 0 -> 629 bytes .../select/baseline/state-focus.png | Bin 0 -> 873 bytes .../select/baseline/state-opened.png | Bin 0 -> 4031 bytes .../select/baseline/state-placeholder.png | Bin 0 -> 1371 bytes .../select/baseline/state-readonly.png | Bin 0 -> 1742 bytes .../select/baseline/state-required.png | Bin 0 -> 1259 bytes .../select/baseline/value-disabled.png | Bin 0 -> 1031 bytes .../select/baseline/value-multiline.png | Bin 0 -> 1307 bytes .../select/baseline/value-overflow.png | Bin 0 -> 1655 bytes .../screenshots/select/baseline/value.png | Bin 0 -> 1098 bytes .../select/test/visual/base/select.test.js | 137 ++++++++++++++++++ 16 files changed, 137 insertions(+) create mode 100644 packages/select/test/visual/base/screenshots/select/baseline/feature-error-message.png create mode 100644 packages/select/test/visual/base/screenshots/select/baseline/feature-helper-above-field.png create mode 100644 packages/select/test/visual/base/screenshots/select/baseline/feature-helper-text.png create mode 100644 packages/select/test/visual/base/screenshots/select/baseline/feature-prefix.png create mode 100644 packages/select/test/visual/base/screenshots/select/baseline/state-basic.png create mode 100644 packages/select/test/visual/base/screenshots/select/baseline/state-disabled.png create mode 100644 packages/select/test/visual/base/screenshots/select/baseline/state-focus.png create mode 100644 packages/select/test/visual/base/screenshots/select/baseline/state-opened.png create mode 100644 packages/select/test/visual/base/screenshots/select/baseline/state-placeholder.png create mode 100644 packages/select/test/visual/base/screenshots/select/baseline/state-readonly.png create mode 100644 packages/select/test/visual/base/screenshots/select/baseline/state-required.png create mode 100644 packages/select/test/visual/base/screenshots/select/baseline/value-disabled.png create mode 100644 packages/select/test/visual/base/screenshots/select/baseline/value-multiline.png create mode 100644 packages/select/test/visual/base/screenshots/select/baseline/value-overflow.png create mode 100644 packages/select/test/visual/base/screenshots/select/baseline/value.png create mode 100644 packages/select/test/visual/base/select.test.js diff --git a/packages/select/test/visual/base/screenshots/select/baseline/feature-error-message.png b/packages/select/test/visual/base/screenshots/select/baseline/feature-error-message.png new file mode 100644 index 0000000000000000000000000000000000000000..0daff264b2967ad8c3e61b0c226cf97c64ad7998 GIT binary patch literal 2505 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 ZEx?COO0;~k2ER80IKf@*>TUg#{{%6ut1JKj literal 0 HcmV?d00001 diff --git a/packages/select/test/visual/base/screenshots/select/baseline/feature-helper-above-field.png b/packages/select/test/visual/base/screenshots/select/baseline/feature-helper-above-field.png new file mode 100644 index 0000000000000000000000000000000000000000..b6ed5532cf304c3cefd5cbc268cdb125c5cf61f8 GIT binary patch literal 1853 zcma)-Yd8}O8^=XvJPEmaghgRg&S$g7G&!wDV{85J2ZF)>+$v%QCi zbkT$Z#YG$N3IP{k-z^U(JF&+1AdblTiLi%z#h3G#w&5z#ASr&`bcKGIG zJE}w#v9{rsg-B7eNuLcKDf%>Ia;nrRHRAyU_bi23#EPZL6c;?FD2hD8wQ;z`ic~Im zbj--x0>un~TtVj6@!&`aDaSP%psia?7? zk4BP2F1NSMT>O2(0sSItsR5j!zsP)ef~vGuUO&e_`p7VY_!LgTpwZRF9ZC^NJB z2Y6nF7bXsz0%!O}?C|;*B59qtJCC0mToanFyesQs*&j`2M3MLn&%E94biUj(ekDXl zWq-XcxA}CpWZJSNG!u7Y_%gZN`BCA`^~gIj!E&{`HPaXM$2&`A(o-6)nP7vsrStGx zy02UV8|G?C>lXUS8!z?WWp5Pd>}WeX^UqC=mhCFoIVVIKIe@Hfhq9n;d9HzNAs}5d zi?qpco0msU7A|%8n8}WLWT4$37s8_eQc^}*G|&!z-?rmKC;%xBs|2tm{!cjWS=`AV z4s9(G-q(C|)(OWB2?bX$fC1Aba!*Fw-;SvD(2Z`|s^i^$@B45g>+Mn1YDapNkA&&_ zFE6NifyQtbv&S-!#xbyjM%lGKuKE00!t~Pen+@iFAoziW)<~zO6TZx&CB0AbT%QWC z9y`=r{QlL=(EMIcg9|tVWDdY{U{_wBgwyL!x6|lvd0Q0oSu5@`U8(gtf zSB*x3)pQ)@`>&Yz(Q$R%_)rt9oiR=?7sQo&iiP=Y>J&51ujOC9bY|_JL|9IO&#B@N z0hZ+Jm1A%5P)D^DL?{QB1r2piN;RZ8mwDG*B6jX%cbgpxptJ{pP>Sw0006b(nE zy*YpVf^#uDlQOiZ`Z4#O3>n*6i1dDORY-x`@68AlxPp2dX<2OEvwT>}q?ih)FS@=4 zQJ%CGT!+{5wUXDFzMu50dRKh>_hYv{EfMh-XDH`l*x!d8EPC2J8XlZE5!Tplk~u>Q z6~vD8*%Ng24Hz@M@_y(S_$t|Z=h+y^RLymh)6T5<8?g9KMyCvl2|?DBRucsmCuQwY z*9>5>_iuOF9nS1Xl&)Lih7-H1Y-%4xVh>uL${(NFfk3;qqDtYbbPU_);q4U05^Zv1{kd9-n>2bfXr=o?tMz=ytWdeopKp z53MVd_N-^3{w(l%Hny;^P+@}!^SutDbadF14gU~)58+x%doHtBm7|;^3$)<(aj~)X zK=>-_Y{ef58q^r#g;7IOApRH-MP`iTcDcm!SzT;)RpQ@pffgdh`fX;qLZLk}5{+FbGMN#*qw;O-*9-nyinUHXwuoIHPc!}R5jBCi9ewL z&*inRw6(Q0wLGWJA-a;}UEw-sdwYt9Hq_H&83(?0X=lQ0Y=~n>QN|4qGk( literal 0 HcmV?d00001 diff --git a/packages/select/test/visual/base/screenshots/select/baseline/feature-helper-text.png b/packages/select/test/visual/base/screenshots/select/baseline/feature-helper-text.png new file mode 100644 index 0000000000000000000000000000000000000000..a9e8926f4e87f28093fdb18e8884aca49a9eaa02 GIT binary patch literal 1416 zcmeAS@N?(olHy`uVBq!ia0vp^SAf`$g9%7pcU+$Zq!^2X+?^QKos)UVz`*L{>Eakt zG3V_aTmMfnGHf4;?XwnH2xd#I>{eiu^~`&`Ku@3~qbI&$=1ys0X5r}P=l(MFdnTJK z>$H*(nzYVLOw#8{NcM~)Eg3u8m6(#cgKYQ3?DstN|H9;orO)T=`a9kgt zF~w^s&*2+)?{3ZA{aO3=w(|0F-oqYCgN%)h!J6%oHb!VoT@|+4+S>Z~{PWIY_a9OC)(0%9b-J5kz8}xkq_;Kn~(eu9=4?UN0og2O+ z@h{_gP8KGf!#X-TKYn(ZH1s!ou5sW!#C}Bq54FSIDpRX#9xf%F7cZ?Dpz8Pj0zZzwN(Dz+{%0DMfQ0 z`G{M0&09XUc^F4w8PYQCXszv_l|H~mUtlk$1?$tJVDC;iC&r(w$<&E%Ol*FM#8 zLhQ4ZA7--g%-7>?y0dw$?TV~P0spkSZid-$aa}h(pZ(l<+KxFIn`Wt;*c68Bye4=NyJcU&bjL-T*Dg`DSQ-!#`Q#n9 zq(RMIc5YvxC)Zx2Yjyc$Rk>Si-E^{iN&nN&mO&b;a*lQSD9zU7-V|o`^TPkEwQgNa zx7O)q=WGi-Tdfze#qO-9(!>*8E<#ThEjVVpsAENK>_48}`7$Rg^gN<2$`)Dv@hVoo zzbo#V2h+>noBl)=%$S}Z#S#;9W!|;(Tf4gx%kJ#oxl%+#Z@M>I>CO-LrW)4lVLbeN zlHRoEk4?AUu+?d*d4UgiB<$W&U!1Nq<9Xz? z^Uo)_=x*bhcTTMID}P3j{Yje_qJ8Ib{UVP~t2h?vy5ZxFb+4DCPpOMjx4yk|U7J4p z=diz*%WcojpQdf=eg9nivC8-QkBjHU8E?GQGJW4|&$J(oc8WFr${X~!ckE)7{cyn| jpgB<-XPE^p$Y#~+udXZaZMES97Of1Pu6{1-oD!M~C`WuT_gre!jhE&&R!o7jHgq`P)~3g~g#| z`y%OvpRFGn4LIaEnz2!vEmG&c-nBQbKgepP&%Z+N5Bt5;CU4S7H=23&?Agp$_kBKp zk6M12v&rG|mZ?)kJttLs;WR$+*~aT-f2vT+IKPR6OTBZ@vD&4&r>9L)SH@Tg&hWJrrHPEWz#w=l!b><31KYttko7km+@s>L2-pKTgT*$2z+@i3vT+ zYW~hxExY&eRnd+ozxO@1P^_uG_Y^>y>#7A>75^iTMQe1KQ( z?Y!-`_n(ayV0l}1d)wRJzkknQK5F^)S=MvW+<>!UuMKB6gs0Zl-Zk;PUK+htEcwmx z^%BWz!%mmRUN*UY?OGC_NdCcvQ{G&xbXESEq}3|=p2v{qu*unn1vhfc_CM`6yq06u zet2POWLx49dDVYw#g>L>ifDe|E=v)e6IQw?Cbq zzU$y}$2WZsOantr=bw*{kH3HC&XdoT`=aM0ovoR_`l$11JwYdqmwVRpc`Tgt_^QMn zu~n<&WMl-KL|Q+4>bm`y@;o?ql^2KNS1V1K-mDY%d>+Z|PXD;>=afmdS`+b@@Qae>GT>l;C=hZJfQcn+~2a%s_@>Erh92>Xwz&nqYT|95HepZ4@b`UHl$ z((-cgpLdd7eq4IF<@GL5ykB_#-FT)?g|EwxlGymDs8?mXW2BoU%L@x9dZ?KAa_i52 zS+bF*;K2c=ULAqVXz z+lowE`ZjIT>nZJ5??1oQey;dO(rUFzkIPpW7JO)~V%!nm!GA)*PNDfn1J5I7BNWcj zImO*amAaG^k31~+@oegY`qWu!$!l)r*xA`Vn^}M2^VeGyHh!0{Y|A|su{7x7M)f-j z{?_TYbUfY>p|dSY_vs$1eIF}wW<9%ndGbEhhsVyQZNB_+$s7NV_V<%E8t^bbJs4kE zS7$f>e4$KwzviRvMJG1ttnEG+yCJvQZhrcCjYq;x2FJGKv6eR)s z^FPO}QFq^eziIqq4u->jyr{5o3!L)tYWS>Wfg-Z~$F=#LYCcR9NHUS)Z9lC4+xv2f zg-oB@;?N(iXz3+YTIriqpDWAT}dup;bGd{ob{cqITGLZDX2fNn2|Lr;H z%kRJOe?2vS|E-&(;wZ3VUG-m0pyab%c>*k_pBnKvYd(Ei#Cf=2XAGO;1BEakt zG3V{wgR3?y0%++VDC8s22pG{l8M&3JreQ9j?wA9$^U1}}==O;=m%Y3!#-hQ9DTe@9LPY?EADXrao zcgbm$kD;Mgx2@f^GC^b3vX!e=)%V)iEmc0)P$MND_w7OMr3#gg4>#-X@s;9V_Zh

+8FcrY< z{^J&X^6Rb^o_lOzC&M@IdE~UO58XQW=M}_W|GY=%^dgO4@A`}7Tmz@2?t8y`-S3}z zK)K@B>)-#{oIh;vWKMakcw6GU=lkAU_bpE84&U#?#r(vgZ{6$LZ_75{U(YW$%@ c<~|0d&F2^I|NF%ln2s1cUHx3vIVCg!03hxpnE(I) literal 0 HcmV?d00001 diff --git a/packages/select/test/visual/base/screenshots/select/baseline/state-focus.png b/packages/select/test/visual/base/screenshots/select/baseline/state-focus.png new file mode 100644 index 0000000000000000000000000000000000000000..fa38f8d7aebb1d235eeb8fd3a282acd8d1b3c19c GIT binary patch literal 873 zcmeAS@N?(olHy`uVBq!ia0vp^SAf`rg9%91{%AZ4q!^2X+?^QKos)UVz`(5R>Eakt zG3V_ae{Zcsk>ej9zYTJm+%2#uM^M=8@69b!nL67xhUzca7Pz-H&Qbs10@vN&8aon& zt}JS`7EkqZ6AtWhI})Psmg?){vu6GJ-J1<60&L{; zMYw=w78hTB|GnN!t@^=+8F7gIq<-ORDe(H&W3%^^DcJpJSeChK-E^;|DMmNn z_;XD3QS)9pDN$n9vaR)^N7&^ro18V^xojfb*&^`h?OWZ69y69@O1N3bygQ*9^~*o) z$Gk%i3&O*%A3S*Q-@knVi-K0_=;^Imb!+AM<8%2_LPC3wCY6_$KP|Ep>n`13bLZ!Q znX6WLdwaW>7#Ur<>F-waV9n#3rVp~kQ6u@pqhOKNj#E!R+23KedGzn!ypCVLf2$gA z`r))tKv0y6RlJP3fA@|Z1vT!EW$u6cxRHBz5l>nl`ShOEmBOR-oAZXIwxP#j=}ta rs__QLngeVf8KsY~=LpCnaq1Ygb+rO`FN!?|<{bu4S3j3^P66ejyWaKeXFq$NBvTUz3nL#R1qB6*0aPCj z%yWMRJr(f8-nae?Oq4-zh%QCVu)sP61zVVbzK#Xzl~>TJzOAxGL!8-hCwfG6nRlZks<;)&D_%j3Et8Cj%}q{areiNhWZOVdfYF zixYwR!kn+FL>+T9hg{9;w#e+?+}=DspFX){{k*-25}vI6su6nDBa4G2FeU4`O;T

cl8_66Z=y<~|;*|@|BS+TI*ap_E$kw=nQ9 zjFW6Rl>Et6fr#Ak-MktT`s8SPem!``Os1##i&>$wzqt&~Xkv3?qdq#!-F@}f%Ai%P z!;q`OL73Di6*X1N`RS3c2I>xH5;XA)t&QwgG+yOAb-i}nWc_h>k8cTV0OFf=RlwJ_ zlM!fidjT8M<2WOUd+L8IVtt(8(ucXr!E407jq@zgg;=g->T{(AzfWuM7`fOV(WYY+ zK<)KhKiZt07#lMiDWxrG3HmV{eR+<&I6G-+X#v~{?gw-^Kz_kFu~QsKx%IrFjL_TB z=Lc5q%eH=P*H{ysmbpudi$w)kJI)VhqoShr_xG>gcEHNqPf#7nj?P-DPB~}lxV#`b z@!W3v4Nnzfe9LgVfXJR!p&Z*S6QmLA_x)P^7!Q5kl>_ow%gr^mKvQ24h`i?$S^4-1onNN_IV)CJQ2u0 zA=Rr!;aT)F+oDg>@}JIPCDf0)_&v+#v}~oFr#oJGw)2B!xtZd1>#VD4tnj(H3dTVQ zL`99&^njFI;H^2u(F|wTpl;Xb=*vd0sg3X?z|2ccCJ#74;pL)PhLmt-{4X+8%^^AR zaN0vDE!V}xB}xA#7vtpNTaZ3PGNQ#z+vxQPcT$hDF#6c3VTZ~hHXOUOnzM4uUAlfH zzr4IW>hw@Nvmf{_RP5JI$0hh?MrUWIoqYD-3N0O-@r0srkh62w9cD`fHMIfq^Qt_a z7d=8zzs(%z6loykq`evonXoEO1Zl|68G%5cP&rCfz&`-M`@P@mjc2+}K0OU;nX7Z@ z(;}}GUtCXT1M4!ZKcdf0h?e6Y=`0(M^uRukDaEP0yr)OZ`_@1dE-}z#q@Xd_pPjfq;?9McLXise?^0%CCkh0uI_7Jg3cMTyAKXuBeP4GJX>Tc%rnfLL7YeeXL70}$+~ z-0k0ATy$Cxra1sTMrI_#GNf!OXxzs*##1QYjRMYJjoU8Sa zVTQI3nX-YUt{7_;jRAeQlM<=rIH67_$7UY8zWAKnR%B5$P~={F4yX%%LI#ZRc8A-W zA%_zXA>4o_zwHzaFD6mYOZ#XpD8cEac69rv2wI=vhuY_^JiS1I`)QYa$Nht_jfM$m zpmx_w3)=%%2Ch3sa-{X`EVS9K4#hP&hlD5zrA1$y`~Zezke->17{R23g_^1_O}G$`$LHtUTU&!-E2}?Y1l13> zW`E>-OLkI$L5vfj<$7YA0Yo;63To9)l&T`)B6KCx%l#eV{`3$ZXXjYL#FHeI4de||d3}Pb%~VNY_#}JQMXiO5IA;<{1HJr_17$#01c#B7 zfAXCcXKh-!XliN-N1yEx46`rDKWiW73tJd4L2dS{yzK4mmudx0b_OUpp2Ma;R(U1q zFC|G9pf<`&`40R)#4%biOyX!g>`yOFcfLmKX!dFAFyvD8K>xVbS^4D=!Z&9)ou;3Jwep z599H?7b*f0l9JQGDwmn8uT4GCX!MgO&$cirDJf}b`+9|Fayd!}jqcNC>@;CTKo$Ay z?d*)iI0pv@r)nKL0>1ZF+cuA{2P@|dtpuJ#UI5vN1fq`Iad>U|F8cCf=6{S#ZpDxM zc+ulrZXx6A9u?JQEjv6i!p6#~yrE6+dFxGSX<_6qgTZ>C@UCMX8_JJlFlbD_MQxhYwsSFN~ zFzbQW-pcB#s{JFPH{OWx2n+k2xio3Y^6DtyWmR}70UqR3c>&~NVq!8Hy5})0mf7E` z%`+NTghg1>FJB7cpI_@9H=Nqu2C;k*BakEs_das~d{8pE!}F(1oTH;zMi_W-yesU| zVV2pe@Tn@Vo23s6|L9l-`(J3RkA+sDqrJV`mHgRezpwAZg52E1aWJ4t5D0{(Ppw%) z?k861e${CG;xXV2Q0-v^OG``Nh4*2nhd#=qHum-hA6t9jHL4O0r>8p|86hkdy}y44 z`}x(P2b8L-ytw!RM#oVy%hsJO4{eAZTZeNRhvqYekACqn@e#;Y8B2)<z`}FdcFfA{<^B}PNniAWRe_-@YjfcME`a!xk)nG)-^+#pv zLFytm!uuyJkm7>HqWUE%F6#0dYZ8Pm=!2YKBDog?@vapNxN7DRc||Gd`*bxadwc>) zTp1toW)3dlNL#IEJ(SCTDx$)1!?R)cW%1riq48jgsKC?hUQl9XKWvVw)boZ_`t@XY z7lpEG0eL**>vrMXt@gTIeK??f3%$KHMiLSYNw~ieI0{w#PKdHkD}J7AAJM%P%Ep=j z-y&ESCW7yRlhH36V`8gg-7n#7i-!o?vDp1Cd}S-_mOstoQ8{fXdS8cuSrTy`6fCwL|9o< zh3xgQ&}PbHZo8Suw-eR%`|{DnTinZvlHDAlv;57xek1*%2Tl9Y6an~nlMeQ=fJ!rC z(%YTz0^_W4^F~Hp(LeW^2^HJ}9YImS5?3rgO7Fl-phzr4F9l-ItXQSIpy-noq?@&5EOZw5p*!eI(zxk&gbcn(2X5pP1`ka1YjmH) F{tGfRo8tfg literal 0 HcmV?d00001 diff --git a/packages/select/test/visual/base/screenshots/select/baseline/state-placeholder.png b/packages/select/test/visual/base/screenshots/select/baseline/state-placeholder.png new file mode 100644 index 0000000000000000000000000000000000000000..999403b71ecd115b92e4156deee0755d557885e6 GIT binary patch literal 1371 zcmZ`(doH}~9Y@-db;v*P{|yf&-f=PXFBR!g;QOAbOHRD&HI57&^)drMiIVBZSn6`(oq zsh>Ev1wOcxKE|d9NrRX1#b{g{fH;J#i~+XjNApVb!3Rut4c{mkS~WTMpEMz5BHX$* zo!+^eLyeG)_#@D@)1o#@eBAAYg?QKX!O!2asgV#v+(|anD>x$~Bd}8|-=nLmtB-c- z!S6&OaeY0Lk+Zz2L-6XI?(ggSG-Jwgypox@E|DY<-3TYptsy%AOSo}M1>d%@I* zk@~2ju4r3X9^6L{cXcPJO}w)5nj2Y!;%4Go_MO$)(zL{X$jr~X>9v{MV;B?Hgt|>8 zU(3%oMi+|L{+WJpjW00cT}^6tJ<^(c0EO_&?bnQXe68TM4{ra_$!}T1Sjg#z^Gol{tg&pM1?hz-Tl5{;axub$Jgz=Uj?-GAsZu(Y)R!JBfA2=EsFSJt$=;O z;e^4-Zg4n{$2$%d%+GtWpF~0yH)O`nujcvZl^B$giBJ`r`=0`*8h`@3Gag2wsjV|i z8)%86N`aO0loYFgM7_Nv9Act%I13vx3WYL0HdbC9COe`k18%RD4L<1A7a8aJhNR8!eF9efbijyhE51;<6hkZS-$f9vk))`*uEoM`Fy&ePgU0xWwSfOEfL6~t%mk-)i*bQ;* zv;NcUP51kw?>7wztJ3YiCMPGCmw%LFbAZlZ_}4SM*t)$dQ(G-f1OmbP9!nlbrP)H= z(t%oe&$Hb4s4RMPbI_Y^Uc@HQbehVWon7iH=N?F`q0^o5E!T&ds?n7==3v3U!23T; b^p|3r*|Q^8)(GQrwgh~=0zGMn*z11-0;Q!2 literal 0 HcmV?d00001 diff --git a/packages/select/test/visual/base/screenshots/select/baseline/state-readonly.png b/packages/select/test/visual/base/screenshots/select/baseline/state-readonly.png new file mode 100644 index 0000000000000000000000000000000000000000..53d197ba243c44e35e6fe8150073411d2fe7b467 GIT binary patch literal 1742 zcmV;<1~K`GP)Px*h)G02RCt{2-04qKSr`WJ2PG&`P!^$;LZC=nK#c^81fwELArPRlD4?iui6;I% ze$co?MK-}I)>5p6;u0tYqEWF@s8W=rY(fRJ=0Y zYyklQ9UUF7U%z(#`SWYnuDx{W()aJ*0h~K`&ezxX^5x6R%gX@H zo;~a5=Xd4Gm2cm^0XTE!%(`{!u3o+R_3Kvvr%#_=zkdC-YuA>RmH?bOb;{r0|N8ao zi;If@PM$ouVZ(+SH*S3S@&&+&6DKxq+<5cmO`FXI;P~<50RaKGZrz%np9fG?RTUT* zSY2H`H#Z01=+UE_H*c<~shORf1yEU8859&$TU$FbGXtQaq9QmrxUQ~ldU_f_d3kwA zNJxEs{nXSHfWwCmZ`rb?p`l@NauPsUSy@0LaeH7KucUA3uKg?j3;4%uIy zPNx%zL>|saRx`WZZZH`3?Ahb%%l=$r51&%0+`W4@kH_=g3d!%!Y&HvpLiaW7;j`QA zetv#lT^RZOJ$?E#G&D3mKHg0YOT#ffK2FIaE0CO=Y%-bL*RX_7rBczIE3yLq{{9IG z3GQoH!nd@v$SUI8 z#dL!ueBIsMUR@6%e_{!r!C?5WRziL^a=F}n0iErVe@jF}g!=+&ILP1G?RKNl=w^$} z;cys@M!VhaejaK#$WNP^n$l{u8ja>3^XG6lG#ZUot99PDaDy5S^3%3%-I|q^Wipx6 zYBj?!fBhB1Flx2hWHM!CW%2p^U;IPVaFBl>7K^j8vdm_)N~Ln;k6{>DocStylC4F-dA z<3=i#rlh3w^z`WUdgpf)Qd3iVdwaXOx?ID)zP`@RP5?fOoGqts~0D^;qD=I2xXJ>0_Y5)WU1yxp7e*XOV_U+pMHf`E;?AWonxw-1< zY5;+OfmKyiHk+-nv608)iN#_M?;m&?K0>^X&UOiBD13x76h6Wk3LoJNg^zHC!bdnm k;Uk=(@Da{X_y}kI0R5TFoVudZ(f|Me07*qoM6N<$g5v&Fo&W#< literal 0 HcmV?d00001 diff --git a/packages/select/test/visual/base/screenshots/select/baseline/state-required.png b/packages/select/test/visual/base/screenshots/select/baseline/state-required.png new file mode 100644 index 0000000000000000000000000000000000000000..0d55a89af4f568e5e9970a92b4565a4dbfffd213 GIT binary patch literal 1259 zcmeAS@N?(olHy`uVBq!ia0vp^SAf`$g9%7pcU+$Zq!^2X+?^QKos)UVz`(N9)5S5Q zV$R#Uh8d4?WR8D)es9}?bA=f%6DD_EdAm$Zt2AJXx7A&}9oF}sJ@|I+U6b?n=q{yg zN*RK$%A$FtR67EqE}J$beB#@-{QBm~qUFc`ul;8iZ0LX1xW>@`(viANI^B!`KiaF9 zHtZCTpWs;I!1j?*@(6nh4$ki%Y&$#h)h0<>RGoL!d-QqfE5GFd{x^H&o+$N|^T>DC z*8D!XYT47&V@pb$FRwaT`%jv$Xkx&!*A@T2PSFpnD4(o9DLH5YtLnFE+r#Y}-sVIE z6kU)_z8oj5BXr6_M($izl`>S#l#a%Y>J$-u3gqhr{ zCj9vJ^y}9nTedjrO-i_YG0N^lujZVqTe2pVzQ0*JU3K-Ww!`mc74CRe?QXF;vshj7 z(j7HR`&`vIXHT~td3shs^Y84JWsxV$qxtGqryt(4;M?R--JMrd9{$hT`6KRJ*wPZ` z>^m+_)4AI{=Bt+d|CGGz;fpDfW{2eE%3iMwsjZUP>u+vxJz>}V-Rsj&-+g~h|ImS3 z#S-^x%in!Tn9!|qWBT;RPrdz{XPCf3Lads9P0vL9$d0Ot{bzVA!qz-m>ED-s z8x-ws+FAX4Cz@=zKK1bD+p3Xitxn%dPv6ns$1``<{$)DPx8_uQW8yn0ecaBjVLylX z%toF^%tjsjClu@yntwE4<5=vSzy5BXcGsfUzcNgIoepm5KlQeZyGekDjh~-?Zclkh zvg6vY%{tzbR2&6tEi z1E+kf*z=@MKz`5C*Hv4i)`nZ{M6KUXbp`SD=w-o1M>Om4j_IrVf? z=B&@NeJ<-vKRwq^U8?upyLWm!m5;D*3+y z%QEe3ZRgIPzy5=paLuPi*+7xUAAcM^eE9L>WE;8ox4M2mo-p$TisXnQx%;>pq(+4cQ7(8A5T-G@yGywox1#6oC literal 0 HcmV?d00001 diff --git a/packages/select/test/visual/base/screenshots/select/baseline/value-disabled.png b/packages/select/test/visual/base/screenshots/select/baseline/value-disabled.png new file mode 100644 index 0000000000000000000000000000000000000000..5b90b512e77927492d094c0ac52438f4c0c3a4be GIT binary patch literal 1031 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 G2~7ZunH**S literal 0 HcmV?d00001 diff --git a/packages/select/test/visual/base/select.test.js b/packages/select/test/visual/base/select.test.js new file mode 100644 index 00000000000..d4ee546261d --- /dev/null +++ b/packages/select/test/visual/base/select.test.js @@ -0,0 +1,137 @@ +import { sendKeys } from '@vaadin/test-runner-commands'; +import { fixtureSync, nextFrame } from '@vaadin/testing-helpers'; +import { visualDiff } from '@web/test-runner-visual-regression'; +import '../common.js'; +import '@vaadin/item/src/vaadin-lit-item.js'; +import '@vaadin/list-box/src/vaadin-lit-list-box.js'; +import '../../../src/vaadin-lit-select.js'; + +describe('select', () => { + let div, element; + + beforeEach(() => { + div = document.createElement('div'); + div.style.display = 'inline-block'; + div.style.padding = '10px'; + element = fixtureSync('', div); + element.items = [ + { label: 'item 1', value: 'value-1' }, + { label: 'item 2', value: 'value-2' }, + { label: 'item 3', value: 'value-3' }, + ]; + }); + + describe('states', () => { + it('basic', async () => { + await visualDiff(div, 'state-basic'); + }); + + it('placeholder', async () => { + element.placeholder = 'Placeholder'; + await visualDiff(div, 'state-placeholder'); + }); + + it('disabled', async () => { + element.disabled = true; + await visualDiff(div, 'state-disabled'); + }); + + it('readonly', async () => { + element.readonly = true; + await visualDiff(div, 'state-readonly'); + }); + + it('required', async () => { + element.label = 'Label'; + element.required = true; + await visualDiff(div, 'state-required'); + }); + + it('focus', async () => { + await sendKeys({ press: 'Tab' }); + await visualDiff(div, 'state-focus'); + }); + + it('opened', async () => { + div.style.height = '200px'; + div.style.width = '200px'; + await sendKeys({ press: 'Tab' }); + element.opened = true; + await nextFrame(); + await visualDiff(div, 'state-opened'); + }); + }); + + describe('value', () => { + it('value', async () => { + element.value = 'value-1'; + await visualDiff(div, 'value'); + }); + + it('disabled value', async () => { + element.disabled = true; + element.value = 'value-1'; + await visualDiff(div, 'value-disabled'); + }); + + it('overflow', async () => { + element.renderer = (root) => { + root.innerHTML = ` + + Very long item text content + + `; + }; + element.value = 'long'; + await visualDiff(div, 'value-overflow'); + }); + + it('multiline', async () => { + element.renderer = (root) => { + root.innerHTML = ` + + +

+ Line 1 +
+ Line 2 +
+ + + `; + }; + element.value = 'custom'; + await visualDiff(div, 'value-multiline'); + }); + }); + + describe('features', () => { + it('error message', async () => { + element.label = 'Label'; + element.errorMessage = 'This field is required'; + element.required = true; + element.validate(); + await visualDiff(div, 'feature-error-message'); + }); + + it('helper text', async () => { + element.helperText = 'Helper text'; + await visualDiff(div, 'feature-helper-text'); + }); + + it('helper above field', async () => { + element.label = 'Label'; + element.helperText = 'Helper text'; + element.setAttribute('theme', 'helper-above-field'); + await visualDiff(div, 'feature-helper-above-field'); + }); + + it('prefix', async () => { + const span = document.createElement('span'); + span.setAttribute('slot', 'prefix'); + span.textContent = '$'; + element.appendChild(span); + await visualDiff(div, 'feature-prefix'); + }); + }); +}); From ec790499003e936bc8b65131fba0336c289d59d6 Mon Sep 17 00:00:00 2001 From: web-padawan Date: Tue, 29 Apr 2025 12:16:54 +0300 Subject: [PATCH 2/2] test: add test for opened overlay with value --- .../screenshots/select/baseline/value-opened.png | Bin 0 -> 4254 bytes packages/select/test/visual/base/select.test.js | 10 ++++++++++ 2 files changed, 10 insertions(+) create mode 100644 packages/select/test/visual/base/screenshots/select/baseline/value-opened.png diff --git a/packages/select/test/visual/base/screenshots/select/baseline/value-opened.png b/packages/select/test/visual/base/screenshots/select/baseline/value-opened.png new file mode 100644 index 0000000000000000000000000000000000000000..6762f6fcc471579668403975b07a0c701341cc10 GIT binary patch literal 4254 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 L3;h~hmq-5tvSSmj literal 0 HcmV?d00001 diff --git a/packages/select/test/visual/base/select.test.js b/packages/select/test/visual/base/select.test.js index d4ee546261d..873bc12a7c5 100644 --- a/packages/select/test/visual/base/select.test.js +++ b/packages/select/test/visual/base/select.test.js @@ -74,6 +74,16 @@ describe('select', () => { await visualDiff(div, 'value-disabled'); }); + it('opened value', async () => { + div.style.height = '200px'; + div.style.width = '200px'; + element.value = 'value-1'; + await sendKeys({ press: 'Tab' }); + element.opened = true; + await nextFrame(); + await visualDiff(div, 'value-opened'); + }); + it('overflow', async () => { element.renderer = (root) => { root.innerHTML = `