From 0a8be4e0e1f78c920641cdc961a1307b8bf5cd2e Mon Sep 17 00:00:00 2001 From: Jeremy Neal Date: Tue, 18 Apr 2023 15:03:28 -0400 Subject: [PATCH] Refactor(Text): move files to directory, add storybook and e2e tests. (#3189) * Move Text files into directory, create storybook and e2e tests. * Fix Text reference in src/index.ts, update snapshots. * Update generated/components.json * test(vrt): update snapshots --------- Co-authored-by: radglob --- .../Text-Default-dark-colorblind-linux.png | Bin 0 -> 6924 bytes .../Text-Default-dark-dimmed-linux.png | Bin 0 -> 7042 bytes .../Text-Default-dark-high-contrast-linux.png | Bin 0 -> 6891 bytes .../Text-Default-dark-linux.png | Bin 0 -> 6915 bytes .../Text-Default-dark-tritanopia-linux.png | Bin 0 -> 6924 bytes .../Text-Default-light-colorblind-linux.png | Bin 0 -> 6934 bytes ...Text-Default-light-high-contrast-linux.png | Bin 0 -> 6930 bytes .../Text-Default-light-linux.png | Bin 0 -> 6921 bytes .../Text-Default-light-tritanopia-linux.png | Bin 0 -> 6934 bytes .../Text-Playground-dark-colorblind-linux.png | Bin 0 -> 6973 bytes .../Text-Playground-dark-dimmed-linux.png | Bin 0 -> 6951 bytes ...xt-Playground-dark-high-contrast-linux.png | Bin 0 -> 6901 bytes .../Text-Playground-dark-linux.png | Bin 0 -> 6921 bytes .../Text-Playground-dark-tritanopia-linux.png | Bin 0 -> 6973 bytes ...Text-Playground-light-colorblind-linux.png | Bin 0 -> 6919 bytes ...t-Playground-light-high-contrast-linux.png | Bin 0 -> 6914 bytes .../Text-Playground-light-linux.png | Bin 0 -> 6920 bytes ...Text-Playground-light-tritanopia-linux.png | Bin 0 -> 6919 bytes docs/content/Text.mdx | 2 +- e2e/components/Text.test.ts | 61 ++++++++++++++++++ generated/components.json | 43 ++++++------ script/generate-e2e-tests.js | 15 +++++ src/{ => Text}/Text.docs.json | 0 src/Text/Text.stories.tsx | 52 +++++++++++++++ src/{__tests__ => Text}/Text.test.tsx | 0 src/{ => Text}/Text.tsx | 6 +- .../__snapshots__/Text.test.tsx.snap | 0 src/Text/index.ts | 1 + 28 files changed, 157 insertions(+), 23 deletions(-) create mode 100644 .playwright/snapshots/components/Text.test.ts-snapshots/Text-Default-dark-colorblind-linux.png create mode 100644 .playwright/snapshots/components/Text.test.ts-snapshots/Text-Default-dark-dimmed-linux.png create mode 100644 .playwright/snapshots/components/Text.test.ts-snapshots/Text-Default-dark-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/Text.test.ts-snapshots/Text-Default-dark-linux.png create mode 100644 .playwright/snapshots/components/Text.test.ts-snapshots/Text-Default-dark-tritanopia-linux.png create mode 100644 .playwright/snapshots/components/Text.test.ts-snapshots/Text-Default-light-colorblind-linux.png create mode 100644 .playwright/snapshots/components/Text.test.ts-snapshots/Text-Default-light-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/Text.test.ts-snapshots/Text-Default-light-linux.png create mode 100644 .playwright/snapshots/components/Text.test.ts-snapshots/Text-Default-light-tritanopia-linux.png create mode 100644 .playwright/snapshots/components/Text.test.ts-snapshots/Text-Playground-dark-colorblind-linux.png create mode 100644 .playwright/snapshots/components/Text.test.ts-snapshots/Text-Playground-dark-dimmed-linux.png create mode 100644 .playwright/snapshots/components/Text.test.ts-snapshots/Text-Playground-dark-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/Text.test.ts-snapshots/Text-Playground-dark-linux.png create mode 100644 .playwright/snapshots/components/Text.test.ts-snapshots/Text-Playground-dark-tritanopia-linux.png create mode 100644 .playwright/snapshots/components/Text.test.ts-snapshots/Text-Playground-light-colorblind-linux.png create mode 100644 .playwright/snapshots/components/Text.test.ts-snapshots/Text-Playground-light-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/Text.test.ts-snapshots/Text-Playground-light-linux.png create mode 100644 .playwright/snapshots/components/Text.test.ts-snapshots/Text-Playground-light-tritanopia-linux.png create mode 100644 e2e/components/Text.test.ts rename src/{ => Text}/Text.docs.json (100%) create mode 100644 src/Text/Text.stories.tsx rename src/{__tests__ => Text}/Text.test.tsx (100%) rename src/{ => Text}/Text.tsx (73%) rename src/{__tests__ => Text}/__snapshots__/Text.test.tsx.snap (100%) create mode 100644 src/Text/index.ts diff --git a/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Default-dark-colorblind-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..229b32ed177be3bccea6ecad5ce498be63b99292 GIT binary patch literal 6924 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Default-dark-dimmed-linux.png b/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Default-dark-dimmed-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..cc1759f6285b4b742a3c15cbe842a55d652e2794 GIT binary patch literal 7042 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 D?_*ZX literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Default-dark-linux.png b/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Default-dark-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..efc61f7680fa0b403ff2f4e5cefdf63d031e10e0 GIT binary patch literal 6915 zcmeI0`BPKL7RRGLWCSENGD-m&M%m%l*W+&ppu ztIAq;eN%Gj@S!~?Tu)qs8z0u&YjD!v%H_l5nG25ztV{U1=oSk(RN&^GLjM-4LhwyMDfg$>XB4 z#WX)l;yU>fw&UwC=ix!$wC>$-=M+J^i_6T=a)a8KcSA)&zavS1RIA!n+2pIQ6AHME zYGcn?CAL2NDRw&qvi5P~mcW;_JQ#=gEEmF)Mn2K4Y#=PMK%XwE}&5Y@e5 z&e&5-&B~mrIFP}Y*uz!xP!jcNA!06psaD(h(BPf!i14JwxVcGUrY#IV4U7wWy6=ec z*+saOe6v;}mmYCrEN(1)dGw~xj**sFSCL8_CW?;edwb4)AkV*?SbaZNp7LmGg4&nk z|BP}6^7+!CiOLZp(0%Qy_G#$5auN?o^C9JA9B9K*V&7uXMT=ANGnM$6`vLCLzXj0O z29ufw&(K`ef7NtsjJJyB%9%VtwjHX_Q%P-4mrWK~Yp*L!UksHCimk}*UP9TVTQJwt zsTW3y5HyaUdGZ#AW?0WkV=qv)*eK#KFDo9@ zTxxdqhvm2*38}$zvCH09BQi!)d+B(UL?I#P6f0!>qM;yfn>-l)dlNg2=7IL(Gk-u~ za<2cT{(<6TbW30%Qv8aaHBTo1GkHa^(IigkQ4S@_DGQwqvSM0q@`CV}3fri9S&-orp!};dO#A)VIeVgM*1Tme9khQnR zzrD9C6K84>J$j%KHnXR9DIZz2umjyDsn%g6^;bZ-(qj3_O@qSLcVxIuULX3T(SWzf zIelEu%o%?z2q`KC+2BL=k>J7q@l6RE7^XnEgsDg$&KgJGF*2h>slSAtQ!Iy1y|yO7 za|m^98{-ZUuh!n}Hv!pLT4n0BFx3Q_mUvcyHy8TdD~|Nd9F~nIV3G!5e5S z1n#y^&lL3Cl}%~w>sc1ANq8}9Rb$O!Id^(2)iK44*S9fE>yP}TqcP+-Rn8`IW%T*u zBl?||$FH0(^iWdy?zs32OE*X1#;6rM<<)1sa>K2uJ5ASN%H2`TzXo|M7V}A3qC(>` zVvU;X@3aa}K|0HhMo{&Dc_<<7({q)ylohe!ajw%)!`>Vyimk55=nDx?etaT#rws}g z`T98OMb}OXBl;F3l3tH}saN_evZqMi@x024^pQxnTzzOxA3DVA<)J)F!nNu4`}!~{ z=w|MtyOx!Pf8-#m=^2T`;VB(1u3Lz8^1(VR+%-N>7TH@kP#4o1FH03l8*`ytR%Cjd z>w(4uW9{8@qDBf3aB)KdAZk*PhUhx za10K`2I?d1_lGIc(dsXO(z%LE7(Q8mOC2h3ix=}-X{u*Vaix)&1N*|0Xe>eIR79$X zHUHZV2olprLhl(_} zWujY)LqI3AU5i-F67@Ys$g6UtKo%f<%;fcb(n{1IsO+PVOUnUBt;(8hUtLksikqL4 za-967o7GE=J7-i~Et#*MEV!q*@BGJyU6WwOzDv~VDV1R%iH znszu(3fqzl(F1!x(E~Yu_QMVc~8%bWGGm16_dB zNduiI(&&wI%NYa99uWippOLI&{-L7fgdRd+J_)_(xp CnWSa_ literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Default-dark-tritanopia-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..229b32ed177be3bccea6ecad5ce498be63b99292 GIT binary patch literal 6924 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Default-light-colorblind-linux.png b/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Default-light-colorblind-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..6c4d519f029733f6eb54cdba1c3c43987b536227 GIT binary patch literal 6934 zcmeHL`B#$Z9;Y$0GWE8491$}~XL6}zMnq7`7UNE3+s({{a$}}ICmlmXVH{_4T3o_1 zO$3`3E4^-e+`_Fya3@6sl;ys5&ixba5BD5?c%SEe-tTjs_xt^RzUy=2 z)JcDfjbCpBfj}0RV~5XxKqia816sch_;S<9l>kg@;?MZ|fyzbTNf7AkPR!wh=Mw3& zLqAnw6H;2|1GXI7cX>nB`7KMK4(pGtU-#w=!F2nPZQH)va%0W5XMRDCckc8XSo=Jy zc;{c6e?R^F(w#H!p5&!e&8%(SarYmo2QEZ*{SHle{c~{oF^hF{tNJjQs>w&DrK-q~ zMuUtIzfQXmfvc(QEx<+|>=*PDPm3l*PgPUrIYEVEFv1qTor4=<(y9!q2(Vx2ooyd)RvOTb^ z%OApkl0NaAVT2E}8WBe}UN?e7mlQ3$!=si?P!}$;WC9)rt3ETl!XV=A-$3qtv6(rR zh1CTRR|D!W5J zaHU6Nfky9LzGJHU{P8V|SDR@@F-*I$+a8Dd-p!tC#4YJ16b&z%lC#_Y zwmP>rNju*PBhC%teJ^*{Q)XZ8==rnbn!=6kE7u#y+YQ5H`46 zj?yI6F6DyS6YPJ|lEX(#s^^visF=^AX{>6)!Hh_jo56EBW}iD%u|&j872vGONZmqq zq%gs=?F4*eq0DCZm9hpQRc~d&#Ma!!aj@DdBf91GNc8HCJ}#-(+`Bc11>x(>>}bM~ z>Vy`2E#`XvPvPaSmLH_*n7-OJ{CqEAL6Xb0?_avt-I%9r&Fb)hMSuCjA~{-8e8{pR zeaxx8*apBbah%j;f0NxZRT_2gUZAL_FQgEvnT?eTn=xlS65B@U-zyjCn#>C6#|(Rs zd#Z{vp&;F8B%vxQb7L(EdX2g2W;=;yAV z55RVY)TR8=H{)?l=E@$Nj_Zj+x0|6W$NVbx#}3yYA5Q5AA?h*_`U%H)Jx3PVus_0s zq-t1bM^coFgJv^@8ijORvX|-ov%ZAB+yky1@eQIZPJ}G5>~~`A|~Toqi0|C3X&pvg*RI5it6MH#w|+XwH?^xDp!`^ zJ%+Z~@o4109miZKQ=eh7kXcdm;93Nn|Dv>vZa1Q0tlCT5neX#;V&Z1a9n;?OjYC*Rc_l`_;0>i*RJTKbB*)D*xi`CkT@Qg z)cg<;F;$?EBjx7S}yr2*p6iGgX7$vo)#YG3I`K18TTz6~Ep0!x%zm{PJHyQxNEN`^c>%E1hFD>cQJA zuRZPAkRo=hq6W%ap3dZj5_L{4|E>)`k0tb^GMm!OWEEj64@}Dyg1S*AX9R^QuhXX= z=i-h^JD5ypP#mv>yD4#z$hGy7HkskZ^#w2{u?6RA@GIjE=L;AO{{sZ{66gf z%iAV#$AvXwdH%{A7mYa z-{m^+e0Hm^JWZMx7Cnjj{Mv*g{a^qm5{BRO|DtsYl37%AP|P6o(h81ex4htvxqJOL za*Et6u6G~+`;tpu_R(mqPl`$``{C_b;DQF#pktbug=pTHeiv%viNBC;VVhT4p*a#$ zbUj!qAYFMV14JLahXW#h>>Pt}!+yYRE4n)P=}cANQ%1t|n!#j0cl9uFp+(uU3Cz|` zbRn)zO_D~N%oM3sDNwQebCXt!c5i>~Om(m=GqjkN>!t$t7LH}<@$Q_(h5B)VSb7)G z%UCwTV>L@ocFTFqp~UvihldoLh-|(Ee2@+&csL;Ev>)*+S%hl9t8n^yQ>>2Chpge< zbScZh*bn*0^a_o6is(@KCZ0`65$$E~MMrWeCgqnhC|Dh&?u6(Fy51|-Nq)zfnH=|D@jH_Z(-wdx62fSz z)hYsXE3eoL$Wwm5L4d`^4N1WG4Rm4+2vnS7Bp6jx`?n?|NjP*p#laic%po#-wj+{JP?sw_8{{UQvW^Mog literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Default-light-high-contrast-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..276f325d57ad3a871e7cb688f7c98e8424ba0971 GIT binary patch literal 6930 zcmeHL{aaF59;a+-dQqlvw-?Qv#;ta@$Z<<8Os#Bk$~8;D7X++KeT2X*L-PeF+qIe+ z>3N!|6;pIAUoL_fqJ{!ZmdvcLB^Oi@EK7_RuMS>R5Z&wk5BtMD4?o=Jd+#~-oag&J z=ll7b&-dIqbu!#_jmH`k3gvqIyQ9%4l*=^opgv!Tw0yr~Hw`h%GNZ$fpoBeJKA}(^ zUB{0e#$9=69!|d-`>|N@&hyl^f^xz7%EqhZe-xg18;AR5Z_2yn!j_}S#GBMRRd+U5 zo*pf%X}Mjwck}392s=9VTedC3ZE#)l^`?in&aEIGdj9x#;p@3`hfLpZC!FwzVM~QT zGhlz%AEoP6B*`6R{gh8{9!IQ2+_?G1<{gY!)a0wxxrq7v597;FsITspuR@`&9xB+1 zG%f$%c3{4ozJWeah4sHoXEDffDy?}`$e75{t2=$=PmfT^%x(rK)u)1D`wooXIXpg+ zw?Jf2#)+KJDMc^CQB{)RXkcO>SRWdyJ7+ik}B`zD3X6q7ypvF->nfm%)-!firf1tYS-wCEyy9uN=^I(4DgFT+}!)5%-naJeZFO zfQF-eSTBA|t747Km1e!Im@~$abHo4;U#(@Q&tu+YqCTJlcAB$@lBjsU0A}5l1-8B%{7VecOO6?T_fFI`|VK|Q-i^nUr zkduc%nI=E<~qopvzLuTe$alWznS`SoMeM>ii3ZG#foh z@96xD_fPYiPGQ}>!ZLy=iS-QGJfUZXB;_C0{p^K#?7K%Xz|4InV6l;?^$Ux*WW^5| zA#7W5DA3((NQ9&_WJ?2IC~Hz>n8-^`opddwj@2djPyg7@Z%FL@Jr~)|Z4ZU`CvO{H0bTb_= zGTLkn0`UA;hUS+Nszod1XYgp0512qz5}BKTUa(dW7$BZ15Uc6{z|9Mb3kwUw<4Fs* zZyN*UvihvSoNB|MDBO$jVZHd{h7$F-AE&PGul#yhE_2k=3^4dAv2}K*DPrd`D?#rpH0 zH!0T*S^+h()LM=GF!FOJsS?40|2%iSf0k*MD?h{X_s0kVb@`&)>4EXifftv8{nMib zO+ys1aZga7H+5LTFt_y=`O}6(-HMg#2CCf-o>|0B->fu%aY_8uqg!iZ1q6rBF@#Y^ zcD;{SZQGdIRTDfjAO!$zj=nTE)zCQB+rd7M;M+gD=k3RZ`5WG>_*HJ$#tps+#0N>a z7imwYI>i6}Ghg{Gtcd(c#J-=c&1v3%A>fQGYCFd(sqM-|#zfnMq6o={*D!BpILTp$ zNS+MHno{&%H}&6-T+$V)=mhZ$zc?y69;7qn&q<u__i1HfgN2trN0l zNj4PA7fL7=v2WWqm8!&g%O&;Pc*3MB+p^hm%bizOEK0@eWEvbo0{*HR0BF{+TIaYq zmND>QRE~PlCxZHEjp;%$&2AMe!Rr3*gy<4lQ@Uj;L6oKrR3}u=*-Pj$acb9{? zDumLBLad`pWVkiOVVe9{5f6m3TbBHEG!8^gZP-JMM<}4aVYEYC^O~c)X{6VYvW#){ zQX9dc@$#XH!B{>3j1~n~E&aN4aio!pH4k$AMqf$J4NMNPs)s3W9{t)$%Im}g)GsYm zce6G&bF52ny3)JWyEKz-1~WLh3v(MO+O{0}#QCktG4} zbH@x0(n^iLRC4&{tO2obQ$SnK0s9TcP;D3=Ff{h}0<oKfq8cYdgS|!pj#J(8;P}6us(<%fV>kYIlU}}i@_1wVr>if=O4Avq zFIxqsb79}Nh4!ZMj|~y)x&EJC)_zj>yuPj*M=1NKtb5liwx@+gk1wbyiwQRNt#`OY z#t2)#q<`+dbAj9Z?c~F&%TYJB9(|pRMJ*)imyyuzvOl5zVm{n4;Df<@`NTHO*5t2G!QzD;&|GeoD{5=Ub4-Oj zsqDU-S(VY8kuSVvz2PbiYD8#DHbigzqKzpQT8&J{GnYREZ(q~;dmf5odYkgAffN9l z_>blR#aItPIW~;|9Pb+$vIrJ;8ZwOxq#5kdM*6h6Z-F@GjVod5m#=hSKZ)})wkr+n zre<5`jOJ%s?hL*xTvGKpQkbH6;q=Xw0HB;MBA6!F#SLBCOQ2XE!7){B8a%edzP-eM z?d)JhW7j3++EhL3H6NpHd{#hPHScH9!?SwsqgSp6TM7nmZoopTYqrA|Hk8N-#doaqD~S^q}O8xQ6u10}g`EakQs(ZUd93eQ2HlhM`zh__2ZuE`1} zUIE}`7|b)XWv8Z~V@ts-fA|SSerDB3UAr4G;(D%8C5bDGV_I4t=Pc;zmuQHgs|1P) z?@R&!ELC)+b#0>%0M=y={#|LWbwLoveQG&!noX_aX8mQahG1cBadXPl2N&<-Kr%8j zV|pT^l2A+S+w_ewL;J+YoR&Tb(=7fzKWY!r_9|{9k#Z5K#IQ+pX149X=&kviO(BD` z(Y_7C72L#jn~F*z9^&-Qoll5r$a;L#h^~h-wU~jomg`zZXn5mTiO4w>6%J>HoNeex z`+!~@h=z|omp6&MZPtP{x?hg;mw%4b+!c;#Q^1kY4G>qKuXYXD`Fh+7a}i;r-p7yF zMyB6rYc(AHk~H%h3XOj=`v}ZFA3_7PnIV_MEgi4uXPmpJ!@sw5UYK$J$C=tZam8?tUSroB8I{-=7dffPM9l5kjI4Xhk%v2*%^eF?1(3o}5*w5> z6wK5>HBn&Q3jo(DbCL{1_q;Bv;vMDa3KA&MIP1y6NNN1}jf#O?GDSyDL#vLX9jL7y zVz%?}k&$7}p!30^E464o7%PQ`Esd@$tqk7IpO>;_Y1id^R}ldKv_b2lhg3%@6Jds! z?Q*VaHuW|4%S1wg!Uy|U0YQhvmgp8mLM5?bfca)=T6Clt$u+4|O4~P9!@^tcg~-H9 zBIS5F*m}vPySmfEy~8n%T^6^X9mgy3us}=Ev<6qcqT}eVx8u0!a>7WCEOJ8SPH8%G zsC@S2d9B<4DGjZiODS{t`T0Sc4w%cM92ZO3TM9mqXJGYL{YX>aS?68W5_w9{1+;>bxaI=312$!mOMx4V~7P>FVLk03N4)ln+ zE^Q6B?O?;NU+IZ6?Qx>XW^t7Oz0Gs^a0Rl|ZO2lMLHwaP2X$@qfli^x=zN;CWhE9u zV4EE%eh-8B4IU^9o+()}!FYl7Mrn$s;YkzQ_i>JlXsnMQ^SM2Ky`uNsEg=$UguJld zkg2~fIpH$gIqH=k?C`faN5o4dhFeEc*+s?L$8yH*Hm8+Z3F>E^f(TFEMHv}% zAHmb=jk`rxL{aw9pqOu-l|=@ik!OinCeloX2BB5vnF5u}>*@HZ41pAa+^z*}eSkQ{ z?3`d~B6W>pvg+#U4to*5RP~_8cFMN6(s_Ym?`|n48OKu9-yQ{k-p}mAq6JGSI37-) zz9^X&PrZ<^R=XAu8TR9F`S^G(b?T5(OOu6}<@)0WgfP6fnYqYdWInmgpQ!th|L`6K zLIXF*;l0W2qsm`cGuC!w;wPzR;4>e-RFCV-U>QT8fSF>AT>bnZ2Ts>Q5b?m0&}dsSfJc}oz?_^m_`E~;QROR42zjBXn3Oq8D;3KFH zU|s+m0iktrMmx>;pwc97w@I;-#YPVpqUCHe*%`|N87v@S3aR_7%;%;51|W2I@KJPRc)*P@<2#q;1* zJ{rgv`Y5GH_Cxp=*ZrbSY`tFF2!{kAKLw^6ltpYeYw7QJEjhW)L6op=+@n{eKQdn=6qFV(zM z^HR-AwLi4m=oJ~S$aqD@D>7b@L0dEb%fCGHtUbwDNB#-cokSe+`_Fya3@6sl;ys5&ixba5BD5?c%SEe-tTjs_xt^RzUy=2 z)JcDfjbCpBfj}0RV~5XxKqia816sch_;S<9l>kg@;?MZ|fyzbTNf7AkPR!wh=Mw3& zLqAnw6H;2|1GXI7cX>nB`7KMK4(pGtU-#w=!F2nPZQH)va%0W5XMRDCckc8XSo=Jy zc;{c6e?R^F(w#H!p5&!e&8%(SarYmo2QEZ*{SHle{c~{oF^hF{tNJjQs>w&DrK-q~ zMuUtIzfQXmfvc(QEx<+|>=*PDPm3l*PgPUrIYEVEFv1qTor4=<(y9!q2(Vx2ooyd)RvOTb^ z%OApkl0NaAVT2E}8WBe}UN?e7mlQ3$!=si?P!}$;WC9)rt3ETl!XV=A-$3qtv6(rR zh1CTRR|D!W5J zaHU6Nfky9LzGJHU{P8V|SDR@@F-*I$+a8Dd-p!tC#4YJ16b&z%lC#_Y zwmP>rNju*PBhC%teJ^*{Q)XZ8==rnbn!=6kE7u#y+YQ5H`46 zj?yI6F6DyS6YPJ|lEX(#s^^visF=^AX{>6)!Hh_jo56EBW}iD%u|&j872vGONZmqq zq%gs=?F4*eq0DCZm9hpQRc~d&#Ma!!aj@DdBf91GNc8HCJ}#-(+`Bc11>x(>>}bM~ z>Vy`2E#`XvPvPaSmLH_*n7-OJ{CqEAL6Xb0?_avt-I%9r&Fb)hMSuCjA~{-8e8{pR zeaxx8*apBbah%j;f0NxZRT_2gUZAL_FQgEvnT?eTn=xlS65B@U-zyjCn#>C6#|(Rs zd#Z{vp&;F8B%vxQb7L(EdX2g2W;=;yAV z55RVY)TR8=H{)?l=E@$Nj_Zj+x0|6W$NVbx#}3yYA5Q5AA?h*_`U%H)Jx3PVus_0s zq-t1bM^coFgJv^@8ijORvX|-ov%ZAB+yky1@eQIZPJ}G5>~~`A|~Toqi0|C3X&pvg*RI5it6MH#w|+XwH?^xDp!`^ zJ%+Z~@o4109miZKQ=eh7kXcdm;93Nn|Dv>vZa1Q0tlCT5neX#;V&Z1a9n;?OjYC*Rc_l`_;0>i*RJTKbB*)D*xi`CkT@Qg z)cg<;F;$?EBjx7S}yr2*p6iGgX7$vo)#YG3I`K18TTz6~Ep0!x%zm{PJHyQxNEN`^c>%E1hFD>cQJA zuRZPAkRo=hq6W%ap3dZj5_L{4|E>)`k0tb^GMm!OWEEj64@}Dyg1S*AX9R^QuhXX= z=i-h^JD5ypP#mv>yD4#z$hGy7HkskZ^#w2{u?6RA@GIjE=L;AO{{sZ{66gf z%iAV#$AvXwdH%{A7mYa z-{m^+e0Hm^JWZMx7Cnjj{Mv*g{a^qm5{BRO|DtsYl37%AP|P6o(h81ex4htvxqJOL za*Et6u6G~+`;tpu_R(mqPl`$``{C_b;DQF#pktbug=pTHeiv%viNBC;VVhT4p*a#$ zbUj!qAYFMV14JLahXW#h>>Pt}!+yYRE4n)P=}cANQ%1t|n!#j0cl9uFp+(uU3Cz|` zbRn)zO_D~N%oM3sDNwQebCXt!c5i>~Om(m=GqjkN>!t$t7LH}<@$Q_(h5B)VSb7)G z%UCwTV>L@ocFTFqp~UvihldoLh-|(Ee2@+&csL;Ev>)*+S%hl9t8n^yQ>>2Chpge< zbScZh*bn*0^a_o6is(@KCZ0`65$$E~MMrWeCgqnhC|Dh&?u6(Fy51|-Nq)zfnH=|D@jH_Z(-wdx62fSz z)hYsXE3eoL$Wwm5L4d`^4N1WG4Rm4+2vnS7Bp6jx`?n?|NjP*p#laic%po#-wj+{JP?sw_8{{UQvW^Mog literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Playground-dark-colorblind-linux.png b/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Playground-dark-colorblind-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..e7489cbf1f3c1e142d364102a147cc8b92fa5268 GIT binary patch literal 6973 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 I*GEhL2dg5R(f|Me literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Playground-dark-high-contrast-linux.png b/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Playground-dark-high-contrast-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..b1448afa8ad99cd12595387f52a15067db0ce3d0 GIT binary patch literal 6901 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Playground-dark-tritanopia-linux.png b/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Playground-dark-tritanopia-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..e7489cbf1f3c1e142d364102a147cc8b92fa5268 GIT binary patch literal 6973 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 Vaq+YGI#?LO`-I<+{|17gBvAkW literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Playground-light-high-contrast-linux.png b/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Playground-light-high-contrast-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..eb914d84f4bab18725604dd3ae55f27b7fdb9637 GIT binary patch literal 6914 zcmeHL`BxKJ7LL2EgHEfXEg*QtQBRKo-HlNJ&GHO-B!4-z+f6V?jn#=wVE4pXUb*#=SM{ z$e|NC_w~x$8+Ra9*IVz~4ZApBWS&@eY<=*thYSB|aK{#{G}L^vT=4LEk!?-r`1-Yt zdpnypQ`VZ7T(|8W99@H@41T@p%;k7u)RlyjL!2Ay3UK+Hq|6sD$_|wnE&G5*t}(Aa zua9mMN2<+bhJm4>A=E9*!P|x5HaGMIqu>610S2@AM)@)f=F-8-UTD|C&uHj<`QQG~ z0iT=Y-g_8lsBk;6G?eXFL@HLAxS{#BIJl|AAJ3sEW5F)3{4-%YJ@lLk=cB9XqKP4f z2kO_q;t63#C1*h_JU88!Mt5|2q)YvL#gDU8smyx}H4dBka&)V39cp=T!bebUlnY5@ zft5fm)PHlPN}l|FO7#9=I6M^Yn-~?2BL6K`wPAMCY#%E~R!)^w7vpnN1$@86rn(56 zzDJ(?GDP@2Q-u^zW&AD7z{>rWsFFV@O!$m3dA{HRB-A#zjnu^jH8uvBJ;3+#q{7IId;Kz`)TAO$-15vG|1N zyH%|*r-WxgDElBi+qp;!HmWE|XC=cQu|%C^Hz~61eEd9LZBEBB0KlfH?ZmO{_5@jC z9^Gx@lQ2-lizGKAS%@TBOu}gpnVNI6q6_*vjuz`&a78=g-#3eQ5Kzb#uI<^Ljyyzo z0CMM<<8-83eyvS?0p_{Dx0Z3OAk?d7rQcq@L8MW`x7qh&0ATGlU6QfQ%uv$%`SSbO zus&PzGb_91FD+DF_l8r6;-)cfp!GlF@Y4_G7$y|M8;_hj4ggf0WpDz!E0g<*-zt)x zJe#bf+Ik^jc(LfTwjt0mu!X3*dmOP;tcI|$_*4B3N3%PYU?ircSx02Dw2}y9csx>K zEMru9G5$$w+eadR4N>O6snO^0T^Eg)t`H|z=5x}b`Cto0+^ovgutfU8AO(`Q7}fE& zK7-}y6bgmjQ)Z{JW-7d8|MqJ?aci5Qe)wZb2(#vzS5u=&o?+I?`03-gc&enpW#%0`g*QBxGsp0sx4*=O5tbLB_aS+afqZnE}7uGyexf z`=-7(a8qC=$G4z>`rq#D(hv_fUTV?FO5eNt9%aeTUkm&+70kzlU6D0xeD61d(UJ19` z4198XTZ)@!!y&}`D~_*tj7u{s1Hcqh$ye=_k@@9_$*M3k)zfC;z;+>01ffB~uWjZ6 zdEdo~-P46%2wqo7<>!X4f(QKK>dFcG4%AYJ_6@$BrhA8Hu(*_f&b z*8b`H70iIzO4VMlFThrXy=V!6hMNWR%AB1z+SpL|CiO)G1ST}jwPy@s#EXd5^+Q!rLVAJ8J3&hUA`X+sEn1F>x@JQ$)1UXRXuDPq}^qE?1QK;nUzqhN2ddNF=qns3Xb8@s`RQ zcIw+_KS3iSiOQDjbeySsX-8g3x9^ zIM4Yz`htv(7E-oWQr#YKPDz{lxLx6yukB`LRXX3TUW-yQSM@Bf^H+`H{2hSASMs@X zRi`-l>1CSbW~c(Y`gbO(m(Wq1pt<)D)s95NcVh9pjs5*KgDG7ylUh})qMMbpj~&I_ z=H_NDcj>CR5OUMofk5NjO43}DfIRtz-k1bS6%>9crCoR`7ZC>9f2}8)V7~J?vU>mf z-)5mUGqmJZm4xk>)6DihXG*^Aa@6fsWZsgNtCQ`Bw&ZLXIRC+-q9Tz|W|r}*)aqJT zr{u-Dc|197*WJ$`&DvK>Gn@exs{(W{i581tA?mn=9Y;Kb2e8)586=cF?8RF?#G!T@ zWEMB#S((qyL%g&7a+*R9iwXUdO)c=xEYh3QVi1?5275gZ>@(e!Q;S(}dGIPe`HAAe zG0wyj z%13Xlg2Tg5agtl?5!f7*2wgs|zL&Ie{Z3A0Wo3Ns#GM2tD_8o4I@nPR?eJ@xN)-e1 zxTAJLk?);1t@+uk4`BJ9IKm!@s9W|cFu)1 zM5+*WYH`G&{m#U$xzU%8rV7#BW%SkO=U?H_xdx=p4+#de=TgU7G!4T1`MZHdXy&o` z(7d#MTs&{Gc#UhoMTtucu4Ukg46c~y+6`PAq$@RWB}J}0(Ul>)Y6Dlf<( g;Q#Zyq};jm>8JGU70xLRDpE|?w-HBb4<}##ADULBwEzGB literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Playground-light-linux.png b/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Playground-light-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..0248fe6dd3eb62938c79d90a7fbefd722d23c88a GIT binary patch literal 6920 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Playground-light-tritanopia-linux.png b/.playwright/snapshots/components/Text.test.ts-snapshots/Text-Playground-light-tritanopia-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..6687bd8ce301152943b5fcbb657b1ee0ed03b637 GIT binary patch literal 6919 zcmeHM`(G1R7LVmqsal}@*u@njY|E%$pc7UIk)keFG2n52)`-kI!2!zEFd?G$s54YUeu{$2Vts?|_9YxT1+h!05 zyLRv6M}m`z=Y~@54KI?r=CuOtQ3MT zyf!54@`D-#1(1?)3hPvlOSsBVenre~vYq>T@a(JZ7cZaBI$rh4Y?z4aZWW9t@QU{? zu7Itjy($mmVVPE+R#`@c4_J|({zAqq*~0}y0r`<7T>t(i60Ur-fdpSa`SbKT1maKm zzw3jB@SAD>YR?K$dG?((3*F6LXm11k-7`~SLh zC(Wes-{fqzZK!NhDLu#^Ic!+0MRU$@TjX+)&O^sXh4@va+2b47%#Ywn`Ew?1m$0lv zYL6vOa6Ya(Q7jlK^AJAWOsgu@PYg^#e}Lts%E4Og8#;U86*QX3QE2Jx`T^k<=g?p@ zT33iln)c&2CP&3X>U{UniJ(|1dj$Z9f_KKihjGkH&S&c$btDvqYgDF}dLHx#!tfHu zzOEGhbY!?{YF*gC+pb*t*Eb{pN4HNn`wou*_-)QiTDB{Tt<|AWIGCl!eB6Ht7-@uEhGsi z3nK!sE!V5g8{%fiJaRjWXh>$l_;GRBlYm}(xb19=8nSvG$iH`~Ul;V(OMNLt$xD<+~ zu^EcZKJrj#wHY6Sp7O`D&*b@%G38!!fdC-%Ee;mjNGmiF@H&+%Z9!@3GGgZ-QsQ7` zSy@?8QIWjL5gGAtpO(%edk9Yyo~~*ayjZFFHuTILF0P zlNYA|Aq^{*%`(JQtD|SS24I&IM0-9X4Uxq6LJ2v&f`W|wbS9HYTA3UcmauZOlb~^@s087vzP9hYO7tKp$ykd zJT>>-HJN;%ItXgm-I~=J)`)WuV2OMHT_^mehONE5ytcAf14n1e4OLQjBQD#R|LqMW z`;xnM`-RpFCQ}1R(Uq}6m;XTfF&NbU3YtF&q8HXqWZUvl!l3}moP&=}=KfLYDeYTG z%u3#c+Arw-yhDM;HB%Fjp0&udC5HRtlW|)vv+ooDI3`_@hT%DCH?6YosSgp>O`4X1 z%bMq|NjSQ(W&D*Z%We9lP12brVb)CFrGzHq zqzr#YmdOMWtRkJZW|7COQ#Pv%q}2yADBPMie{itrzp94-WW)I8*td^QpyFg_h=YUW zF{K(5p{7MG0A7ItUJ|kLF=-hVw3V6e4Vd4>ii&J7~1qy~d%G)ab z^@6`JBp;4Nkv?pgWaz$(<%sd_q~@M3uY=Ib4Jg-2So;T~^s7QbFRdh&HvjWMOJp6Mv&i!xinc}zX5B7_ z^p?a5kgPn)G3!;s#-uJ-gZD3QHBFe(iRo$M(snIeXzTlMiN%LVUd&_sUvfq>>}J?M z=tqj#;mi(acDN6+A7BnObEug^%^YgK>!zcbWXvRECK)rym`MiSl=&Zj_PjA7>^@7s Vaq+YGI#?LO`-I<+{|17gBvAkW literal 0 HcmV?d00001 diff --git a/docs/content/Text.mdx b/docs/content/Text.mdx index 2374857d885..9e490c48a61 100644 --- a/docs/content/Text.mdx +++ b/docs/content/Text.mdx @@ -5,7 +5,7 @@ a11yReviewed: true status: Alpha --- -import data from '../../src/Text.docs.json' +import data from '../../src/Text/Text.docs.json' The Text component is a wrapper component that will apply typography styles to the text inside. diff --git a/e2e/components/Text.test.ts b/e2e/components/Text.test.ts new file mode 100644 index 00000000000..952eb5f17bf --- /dev/null +++ b/e2e/components/Text.test.ts @@ -0,0 +1,61 @@ +import {test, expect} from '@playwright/test' +import {visit} from '../test-helpers/storybook' +import {themes} from '../test-helpers/themes' + +test.describe('Text', () => { + test.describe('Default', () => { + for (const theme of themes) { + test.describe(theme, () => { + test('default @vrt', async ({page}) => { + await visit(page, { + id: 'components-text--default', + globals: { + colorScheme: theme, + }, + }) + + // Default state + expect(await page.screenshot()).toMatchSnapshot(`Text.Default.${theme}.png`) + }) + + test('axe @aat', async ({page}) => { + await visit(page, { + id: 'components-text--default', + globals: { + colorScheme: theme, + }, + }) + await expect(page).toHaveNoViolations() + }) + }) + } + }) + + test.describe('Playground', () => { + for (const theme of themes) { + test.describe(theme, () => { + test('default @vrt', async ({page}) => { + await visit(page, { + id: 'components-text--playground', + globals: { + colorScheme: theme, + }, + }) + + // Default state + expect(await page.screenshot()).toMatchSnapshot(`Text.Playground.${theme}.png`) + }) + + test('axe @aat', async ({page}) => { + await visit(page, { + id: 'components-text--playground', + globals: { + colorScheme: theme, + }, + }) + await expect(page).toHaveNoViolations() + }) + }) + } + }) +}) diff --git a/generated/components.json b/generated/components.json index 9d9ceb0a30f..063d1273e37 100644 --- a/generated/components.json +++ b/generated/components.json @@ -99,25 +99,6 @@ ], "subcomponents": [] }, - "text": { - "id": "text", - "name": "Text", - "status": "alpha", - "a11yReviewed": true, - "stories": [], - "props": [ - { - "name": "as", - "defaultValue": "'span'", - "type": "React.ElementType" - }, - { - "name": "sx", - "type": "SystemStyleObject" - } - ], - "subcomponents": [] - }, "tooltip": { "id": "tooltip", "name": "Tooltip", @@ -4070,6 +4051,30 @@ } ] }, + "text": { + "id": "text", + "name": "Text", + "status": "alpha", + "a11yReviewed": true, + "stories": [ + { + "id": "components-text--default", + "code": "() => Default Text" + } + ], + "props": [ + { + "name": "as", + "defaultValue": "'span'", + "type": "React.ElementType" + }, + { + "name": "sx", + "type": "SystemStyleObject" + } + ], + "subcomponents": [] + }, "text_input": { "id": "text_input", "name": "TextInput", diff --git a/script/generate-e2e-tests.js b/script/generate-e2e-tests.js index 0aefdba82f2..a2e9245f513 100644 --- a/script/generate-e2e-tests.js +++ b/script/generate-e2e-tests.js @@ -1055,6 +1055,21 @@ const components = new Map([ ], }, ], + [ + 'Text', + { + stories: [ + { + id: 'components-text--default', + name: 'Default', + }, + { + id: 'components-text--playground', + name: 'Playground', + }, + ], + }, + ], [ 'Textarea', { diff --git a/src/Text.docs.json b/src/Text/Text.docs.json similarity index 100% rename from src/Text.docs.json rename to src/Text/Text.docs.json diff --git a/src/Text/Text.stories.tsx b/src/Text/Text.stories.tsx new file mode 100644 index 00000000000..41f7a1083c8 --- /dev/null +++ b/src/Text/Text.stories.tsx @@ -0,0 +1,52 @@ +import React from 'react' +import {ComponentStory, Meta} from '@storybook/react' +import Text from './Text' + +export default { + title: 'Components/Text', + component: Text, +} as Meta + +export const Default = () => Default Text + +export const Playground: ComponentStory = args => {args.text} + +Playground.args = { + text: 'Playground', +} + +Playground.argTypes = { + text: { + type: 'string', + }, + sx: { + controls: false, + table: { + disable: true, + }, + }, + theme: { + controls: false, + table: { + disable: true, + }, + }, + ref: { + controls: false, + table: { + disable: true, + }, + }, + as: { + controls: false, + table: { + disable: true, + }, + }, + forwardedAs: { + controls: false, + table: { + disable: true, + }, + }, +} diff --git a/src/__tests__/Text.test.tsx b/src/Text/Text.test.tsx similarity index 100% rename from src/__tests__/Text.test.tsx rename to src/Text/Text.test.tsx diff --git a/src/Text.tsx b/src/Text/Text.tsx similarity index 73% rename from src/Text.tsx rename to src/Text/Text.tsx index 4ee4f7959be..6ff501ce4ae 100644 --- a/src/Text.tsx +++ b/src/Text/Text.tsx @@ -1,7 +1,7 @@ import styled from 'styled-components' -import {COMMON, SystemCommonProps, SystemTypographyProps, TYPOGRAPHY} from './constants' -import sx, {SxProp} from './sx' -import {ComponentProps} from './utils/types' +import {COMMON, SystemCommonProps, SystemTypographyProps, TYPOGRAPHY} from '../constants' +import sx, {SxProp} from '../sx' +import {ComponentProps} from '../utils/types' const Text = styled.span` ${TYPOGRAPHY}; diff --git a/src/__tests__/__snapshots__/Text.test.tsx.snap b/src/Text/__snapshots__/Text.test.tsx.snap similarity index 100% rename from src/__tests__/__snapshots__/Text.test.tsx.snap rename to src/Text/__snapshots__/Text.test.tsx.snap diff --git a/src/Text/index.ts b/src/Text/index.ts new file mode 100644 index 00000000000..e92da1782f9 --- /dev/null +++ b/src/Text/index.ts @@ -0,0 +1 @@ +export {default, TextProps} from './Text'