From 6cb3f83a85ae424ccf4ea8accacb26d402530adb Mon Sep 17 00:00:00 2001
From: Krivonos Aleksandr <yzn-yfv@mail.ru>
Date: Thu, 21 Dec 2023 22:18:59 +0300
Subject: [PATCH] feat(plasma-b2c/web): add stretch prop and update test

---
 .../plasma-web Segment -- _stretch.snap.png   | Bin 0 -> 6283 bytes
 ...b Segment -- navigate with arrow`.snap.png | Bin 4209 -> 4252 bytes
 .../plasma-web Segment -- _stretch.snap.png   | Bin 0 -> 7722 bytes
 ...b Segment -- navigate with arrow`.snap.png | Bin 4181 -> 4223 bytes
 .../Segment/Segment.component-test.tsx        |  18 ++++++++++++++++++
 .../components/Segment/Segment.stories.tsx    |   1 +
 .../components/Segment/SegmentGroup.config.ts |   3 +++
 .../Segment/Segment.component-test.tsx        |  18 ++++++++++++++++++
 .../components/Segment/Segment.stories.tsx    |   1 +
 .../components/Segment/SegmentGroup.config.ts |   3 +++
 10 files changed, 44 insertions(+)
 create mode 100644 cypress/snapshots/b2c/components/Segment/Segment.component-test.tsx/plasma-web Segment -- _stretch.snap.png
 create mode 100644 cypress/snapshots/web/components/Segment/Segment.component-test.tsx/plasma-web Segment -- _stretch.snap.png

diff --git a/cypress/snapshots/b2c/components/Segment/Segment.component-test.tsx/plasma-web Segment -- _stretch.snap.png b/cypress/snapshots/b2c/components/Segment/Segment.component-test.tsx/plasma-web Segment -- _stretch.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..aedecc9202db5cf52683b9bb5934d137086918d4
GIT binary patch
literal 6283
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
RPX^46t-(K5ZaIABzX36>R-ym^

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/b2c/components/Segment/Segment.component-test.tsx/plasma-web Segment -- navigate with arrow`.snap.png b/cypress/snapshots/b2c/components/Segment/Segment.component-test.tsx/plasma-web Segment -- navigate with arrow`.snap.png
index 90bac6c0b194ee077d41cc32e7826c9a021cf827..e147810504fb18d144594c04f21aab1467940b7d 100644
GIT binary patch
literal 4252
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
TZ5;U50Xlcu{Z!S7OF#S*-ye*=

literal 4209
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
M&Y!Gszxvl-0G*y~5&!@I

diff --git a/cypress/snapshots/web/components/Segment/Segment.component-test.tsx/plasma-web Segment -- _stretch.snap.png b/cypress/snapshots/web/components/Segment/Segment.component-test.tsx/plasma-web Segment -- _stretch.snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a19c364ca2d3621330e283ca463c765351a252d
GIT binary patch
literal 7722
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

literal 0
HcmV?d00001

diff --git a/cypress/snapshots/web/components/Segment/Segment.component-test.tsx/plasma-web Segment -- navigate with arrow`.snap.png b/cypress/snapshots/web/components/Segment/Segment.component-test.tsx/plasma-web Segment -- navigate with arrow`.snap.png
index 98fbd33723d8ae7ecce9014f563636b96b74e4ff..063e7f51f7fdd6215bcbeb3c6073f9489b2dbc46 100644
GIT binary patch
literal 4223
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

literal 4181
zcmeHLYfzJC7XH*yTnN%x*2T(gwN(^U(5wh@i4{BO0%5lmkxM~@5Jm18Ku8F(Rv4rP
z90UvrM8*m&sKI0r!zDqp$|X0Ia*05K<_2;}BoYWo$i5%j+3D;!`+I-*BY(d4ocBHF
zInQ~{nUww&9b{v*)e3?jn-j;6eFH)3-ow9*pMo#EVd+%}`pogfv9C^ETsQYP?x#_U
z36y4ONtU^ze7?fIBk}i_5eYv`ojl|e&$2#$s}h%7fBf80$*vz8j<>e%e)079AKX7l
zm_2*z&@{TC_4$omF^@BvTFY*4v}+4$l59a@C@O=@c%<TDeomudQ1yB--^OfOagfO^
z%$uQGbSvn2tOazAz8?BV#5(9z3k1!DLzi@J&=I_ye&e%D{>zu&R9}<b%yit~GUSQ)
zym%YeGjU5Xg8LbS79K;tgpaGM50DZjPj2bmFY`_kdm?^rJ{b<3W|dOEm-Uuo9eaDG
z!MUW+Y}&JTFXrso?a<v2%#~lgLV#CraPYb_7&muMQUdt89t&RzohA=h{jl~f_N6x|
zGAhanay=DU1meJQy-DjP|G8#AnF9PF>S>I{vrGilM&|wLCA<IR(DayHV8~L{<tm>y
z1QuaRHaQK15f>_F$J#w0YQCM%Q{DUo<;s;S)KG(Njwh`1)xHe&zzj8qv)){FXW*CS
zjjnjTqDI?<GVR9UaQa*cK`S7b4N_5@d1b^Xb20bbsfn$1F-}^F8JJ*nQ-MK;Q3>nv
zrtj1+l82gOGM{c1cjI%>!+3Rfjmfa2n#h$3W@l3%@9dpfR&x`bhperwBfXHw%Iuk8
zMTjracrlHwSI$bheFp~z^Jea~FYu8fIckC_3ZOL6h=<prAUXL~?~Q(#2woynseHRI
zzw6OytQ{1u)B(MUMjL#+{7%NwD=AEnK}cAb>R!8K04egTtZYl0=-~7Di9}+++Pl8K
z4iNfUDRnzA6g+uyv|0cTlat-BTwirpWv;Z~kbUgM_*3_ys)F~izKm{96IklhQks)*
zj{K>89KZJ9g{-mEcFfH1y}UQ2t_uJU??QkMlW1DG8{2(2`e91{_;^fpD2QPu&YbT|
zTz=hUUNx{xx-r~jPmysxm&23G6NxK>G-Y$k{Q(Am2-{0?%6s?Jo|z=59nTp{6?bG`
zSi2!wx^l`nf2zSTfZz?l0fZPB3`5mnIC?=kBY*L2m*$DJKB6Wj>x5FNTqsH>$Q<-9
z%854)NeM_5t&oT=$(7`}s@aCLeZcf?RGS-Y`!H>y7GqdaivXw#^2)HJ9gU5RjFjIZ
z6u>T}uK#a@;JD`>$w)B;i$mf^nF;q<%GwzGT$^6*iXwjzL`npV%9|{*%o1a26hjel
zg6xs+YCH<2gIS8|=qzc$l48J}&ew`iG!~1MB4+Gx(Upb~wp-dd^IcXoB`ISM_oB>t
zk+v+(xSeBEcxWdt+pb}B{fi(5pqZbhX9H`N!CQFSLRWUo+~+;J=74+gwLM16^Wacj
z>o0CscWKdZcA#2`phEh&^g@cI3&GQU(Wn)vMjs?ZcIKp_Yx?{9$1{7KSSxQ^n3=L?
zF*w0NmhROBoN@VGij?hd>!&$_e)h{RC#wY_5jH-48!riq-O$sEyl%dn#xd#m0)gT|
zuQRV;X`;p-ual2(R<r+TZ_j-6=w>LzOTk@T?nNn)G<}Fyx`c{}TYh4{&_*xVYfjF|
z@dAw*>y`TIMrmm&K}(VHJrS&h0e9`PtQ;$T^X4pk&H2Gb!f2TX`)1j`j$OR8u6NI1
zVzorjg%Rw9sxClsACPC(fml$6@eHnwm|cJu`Y(-B(d|+q9wx$QLb-x%nCI2|<6$L8
z%FNskH_8m1Q(yk}O_|3g$VGY#T_hHZ_e7sQ-DflsszXCV6)8~wowSbWMz|6VUMYRj
zRb9KIZ_b{X5xVHxF#jrBgO+Bd!l93PBJ>d|Dh^$3!>wo@@I*v<Ap!$3W=9{~jpGD_
z`7fSatqX5CrPyF+XZLyUepi`Cp*|Q+g|O5q71$gauRzAny=r4kH&Pg>V-HhCTeo?1
zX^sxl<7iFw`EIVV$;X$;G@6J(CX+)#LoF_q)3dJfg+e9Z##y*5Dq!H_P>-KyjRTF%
zn`;}%dO!8T(L3W$LFLW@(4~xcZZX_8c-?G2;12+qF25e++^-5)V(r<tPucHE<HHJt
zr4@K_%qF$=Z*UMLwk|>#HF@9lF5r>}T(Y*?$7Fo9$?5P7Kyi6hL~Q?9I;YOuPbV(6
zjOWkX(~CvKYD!wi?xr!E$iK#*=Ah`^x+s#ff9(d#P4cN1xAku$IJMjoTdb(wKl10x
zmbOWt)p$usNe2!d+`J}6N104!<ipn13cX%Wc>67Fpd))GYv;X4=1!nl;<gJB5~5))
zCV%=4OI43wm<}sE%*&a3Rn@6x`{qt$N9=TU#hDgIR8Oou_(0K_pjQCY4&?fJVGU>`
zDo*I*6AA0Vhn$WzHZ>uAe8`J4BPzfR;qCH(TF@Yb(N&W{+pR9}fZ4Atg7X4O?Bg_i
zH?k7UkJ(pk?&%y;&c5#VFULXR`dKWB@?B?+V!l%?%w=oqsC^BAB?nL_8U~3(l51<N
zpeCV4O6TlH$7<sAQkYk+2~u`}&qd7{wrMUMJJFFnJxRva_p5*k#AH0S$XnH`n1CIA
z@1F;<j0-$&Z|>Cd20x>QEAGm}0nN%f0P`Nwa43D}Tl2Ka6iJs)o!`pT?L6bVUahEb
z6?tLgz5tAZS|AX9)U7}gc(#ShTqq+y<a@JPf>#T=mn06*)KBmx5LpzzWj&VbiTL-N
zMFfI5TfA*;&KAdSq}p&jKLK<0?vZfJmf{}rpAmu0Zt&riX19!;;b8WI*&QAZTmFvg
z`D63?o`Degmmwh`iRaJn2E!h7K}Iv&EPn~NxKu^yJJH;X;8tWhB1s8g;qWFEl_$d+
zMg=Ck3WU+qPworyL<EBCAPueI1B(jSW4iyx9`o_|gX`T#SU$q?n{EFi9X`_GBOUPn
ehiza&rIOUGWn0e;fxio&6JMi`-9LKf@BaeI@nVbs

diff --git a/packages/plasma-b2c/src/components/Segment/Segment.component-test.tsx b/packages/plasma-b2c/src/components/Segment/Segment.component-test.tsx
index 06c48fd66c..6dba21b226 100644
--- a/packages/plasma-b2c/src/components/Segment/Segment.component-test.tsx
+++ b/packages/plasma-b2c/src/components/Segment/Segment.component-test.tsx
@@ -152,6 +152,24 @@ describe('plasma-web: Segment', () => {
         cy.matchImageSnapshot();
     });
 
+    it('_stretch', () => {
+        mount(
+            <CypressTestDecorator>
+                <SegmentProvider>
+                    <SegmentGroup view="filled" stretch filledBackground>
+                        <SegmentItem value="segment_1" label="Segment 1" view="default" />
+                        <SegmentItem value="segment_2" label="Segment 2" view="default" />
+                        <SegmentItem value="segment_3" label="Segment 3" view="default" />
+                    </SegmentGroup>
+                </SegmentProvider>
+            </CypressTestDecorator>,
+        );
+
+        cy.get('button').contains('Segment 1').click();
+
+        cy.matchImageSnapshot();
+    });
+
     it('_size', () => {
         mount(
             <CypressTestDecorator>
diff --git a/packages/plasma-b2c/src/components/Segment/Segment.stories.tsx b/packages/plasma-b2c/src/components/Segment/Segment.stories.tsx
index a3558cc483..e94e2e21e3 100644
--- a/packages/plasma-b2c/src/components/Segment/Segment.stories.tsx
+++ b/packages/plasma-b2c/src/components/Segment/Segment.stories.tsx
@@ -100,6 +100,7 @@ export const Default: StoryObj<StorySegmentProps> = {
         pilled: false,
         filledBackground: false,
         disabled: false,
+        stretch: false,
     },
     render: (args) => <StoryDefault {...args} />,
 };
diff --git a/packages/plasma-b2c/src/components/Segment/SegmentGroup.config.ts b/packages/plasma-b2c/src/components/Segment/SegmentGroup.config.ts
index 53d0ca1bad..6b859de328 100644
--- a/packages/plasma-b2c/src/components/Segment/SegmentGroup.config.ts
+++ b/packages/plasma-b2c/src/components/Segment/SegmentGroup.config.ts
@@ -57,5 +57,8 @@ export const config = {
                 ${segmentTokens.groupFilledBackgroundColor}: var(--plasma-colors-surface-liquid01);
             `,
         },
+        stretch: {
+            true: css``,
+        },
     },
 };
diff --git a/packages/plasma-web/src/components/Segment/Segment.component-test.tsx b/packages/plasma-web/src/components/Segment/Segment.component-test.tsx
index 7400a21477..9fb9ece4c7 100644
--- a/packages/plasma-web/src/components/Segment/Segment.component-test.tsx
+++ b/packages/plasma-web/src/components/Segment/Segment.component-test.tsx
@@ -164,6 +164,24 @@ describe('plasma-web: Segment', () => {
         cy.matchImageSnapshot();
     });
 
+    it('_stretch', () => {
+        mount(
+            <CypressTestDecorator>
+                <SegmentProvider>
+                    <SegmentGroup view="filled" stretch filledBackground>
+                        <SegmentItem value="segment_1" label="Segment 1" view="default" />
+                        <SegmentItem value="segment_2" label="Segment 2" view="default" />
+                        <SegmentItem value="segment_3" label="Segment 3" view="default" />
+                    </SegmentGroup>
+                </SegmentProvider>
+            </CypressTestDecorator>,
+        );
+
+        cy.get('button').contains('Segment 1').click();
+
+        cy.matchImageSnapshot();
+    });
+
     it('_size', () => {
         mount(
             <CypressTestDecoratorWithTypo>
diff --git a/packages/plasma-web/src/components/Segment/Segment.stories.tsx b/packages/plasma-web/src/components/Segment/Segment.stories.tsx
index a3558cc483..e94e2e21e3 100644
--- a/packages/plasma-web/src/components/Segment/Segment.stories.tsx
+++ b/packages/plasma-web/src/components/Segment/Segment.stories.tsx
@@ -100,6 +100,7 @@ export const Default: StoryObj<StorySegmentProps> = {
         pilled: false,
         filledBackground: false,
         disabled: false,
+        stretch: false,
     },
     render: (args) => <StoryDefault {...args} />,
 };
diff --git a/packages/plasma-web/src/components/Segment/SegmentGroup.config.ts b/packages/plasma-web/src/components/Segment/SegmentGroup.config.ts
index 53d0ca1bad..6b859de328 100644
--- a/packages/plasma-web/src/components/Segment/SegmentGroup.config.ts
+++ b/packages/plasma-web/src/components/Segment/SegmentGroup.config.ts
@@ -57,5 +57,8 @@ export const config = {
                 ${segmentTokens.groupFilledBackgroundColor}: var(--plasma-colors-surface-liquid01);
             `,
         },
+        stretch: {
+            true: css``,
+        },
     },
 };