test(plasma-b2c): update tests for new testing model

salute-developers · Dec 23, 2024 · 8a5a864 · 8a5a864
1 parent e5268b2
commit 8a5a864
Show file tree

Hide file tree

Showing 62 changed files with 263 additions and 191 deletions.
diff --git a/...t-test.tsx/plasma-b2c Breadcrumbs -- [PLASMA-T1160] Breadcrumbs size=m.snap.png b/...t-test.tsx/plasma-b2c Breadcrumbs -- [PLASMA-T1160] Breadcrumbs size=m.snap.png
diff --git a/...t-test.tsx/plasma-b2c Breadcrumbs -- [PLASMA-T1162] Breadcrumbs size=s.snap.png b/...t-test.tsx/plasma-b2c Breadcrumbs -- [PLASMA-T1162] Breadcrumbs size=s.snap.png
diff --git a/...t.tsx/plasma-b2c Breadcrumbs -- [PLASMA-T1165] Breadcrumbs showItems=4.snap.png b/...t.tsx/plasma-b2c Breadcrumbs -- [PLASMA-T1165] Breadcrumbs showItems=4.snap.png
diff --git a/...t.tsx/plasma-b2c Breadcrumbs -- [PLASMA-T1168] Breadcrumbs showItems=1.snap.png b/...t.tsx/plasma-b2c Breadcrumbs -- [PLASMA-T1168] Breadcrumbs showItems=1.snap.png
diff --git a/...PLASMA-T1161] Breadcrumbs size=l.snap.png → ... Breadcrumbs size=l, showItems=1.snap.png b/...PLASMA-T1161] Breadcrumbs size=l.snap.png → ... Breadcrumbs size=l, showItems=1.snap.png
diff --git a/...asma-b2c Breadcrumbs -- [PLASMA-T1380] Breadcrumbs size=m, showItems=2.snap.png b/...asma-b2c Breadcrumbs -- [PLASMA-T1380] Breadcrumbs size=m, showItems=2.snap.png
diff --git a/...asma-b2c Breadcrumbs -- [PLASMA-T1381] Breadcrumbs size=s, showItems=3.snap.png b/...asma-b2c Breadcrumbs -- [PLASMA-T1381] Breadcrumbs size=s, showItems=3.snap.png
diff --git a/...LASMA-T1163] Breadcrumbs size=xs.snap.png → ...Breadcrumbs size=xs, showItems=4.snap.png b/...LASMA-T1163] Breadcrumbs size=xs.snap.png → ...Breadcrumbs size=xs, showItems=4.snap.png
diff --git a/...- [PLASMA-T711] Card roundness=0.snap.png → ...1720] Card ratio=11, roundness=0.snap.png b/...- [PLASMA-T711] Card roundness=0.snap.png → ...1720] Card ratio=11, roundness=0.snap.png
diff --git a/...test.tsx/plasma-b2c Card -- [PLASMA-T1721] Card ratio=12, roundness=16.snap.png b/...test.tsx/plasma-b2c Card -- [PLASMA-T1721] Card ratio=12, roundness=16.snap.png
diff --git a/...a-b2c Card -- [PLASMA-T1722] Card ratio=43, roundness=32, scaleOnFocus.snap.png b/...a-b2c Card -- [PLASMA-T1722] Card ratio=43, roundness=32, scaleOnFocus.snap.png
diff --git a/...st.tsx/plasma-b2c Card -- [PLASMA-T1723] Card ratio=169, roundness=250.snap.png b/...st.tsx/plasma-b2c Card -- [PLASMA-T1723] Card ratio=169, roundness=250.snap.png
diff --git a/...-test.component-test.tsx/plasma-b2c Card -- [PLASMA-T710] Card default.snap.png b/...-test.component-test.tsx/plasma-b2c Card -- [PLASMA-T710] Card default.snap.png
diff --git a/... ChipGroup -- [PLASMA-T1599] ChipGroup size=l, view=default, gap=dense.snap.png b/... ChipGroup -- [PLASMA-T1599] ChipGroup size=l, view=default, gap=dense.snap.png
diff --git a/...- [PLASMA-T1600] ChipGroup size=m, view=secondary, gap=wide, isWrapped.snap.png b/...- [PLASMA-T1600] ChipGroup size=m, view=secondary, gap=wide, isWrapped.snap.png
diff --git a/...x/plasma-b2c ChipGroup -- [PLASMA-T1601] ChipGroup size=s, view=accent.snap.png b/...x/plasma-b2c ChipGroup -- [PLASMA-T1601] ChipGroup size=s, view=accent.snap.png
diff --git a/...nent-test.tsx/plasma-b2c ChipGroup -- [PLASMA-T1602] ChipGroup size=xs.snap.png b/...nent-test.tsx/plasma-b2c ChipGroup -- [PLASMA-T1602] ChipGroup size=xs.snap.png
diff --git a/...sma-b2c ChipGroup -- [PLASMA-T1780] ChipGroup isCommonChipStyles=false.snap.png b/...sma-b2c ChipGroup -- [PLASMA-T1780] ChipGroup isCommonChipStyles=false.snap.png
diff --git a/...sx/plasma-b2c ChipGroup -- [PLASMA-T1781] ChipGroup isCommonChipStyles.snap.png b/...sx/plasma-b2c ChipGroup -- [PLASMA-T1781] ChipGroup isCommonChipStyles.snap.png
diff --git a/...ma-b2c Range -- [PLASMA-T1001] Range enableSecondTextfieldContentRight.snap.png b/...ma-b2c Range -- [PLASMA-T1001] Range enableSecondTextfieldContentRight.snap.png
diff --git a/...nent-test.tsx/plasma-b2c Range -- [PLASMA-T1002] Range firstValueError.snap.png b/...nent-test.tsx/plasma-b2c Range -- [PLASMA-T1002] Range firstValueError.snap.png
diff --git a/...nt-test.tsx/plasma-b2c Range -- [PLASMA-T1003] Range firstValueSuccess.snap.png b/...nt-test.tsx/plasma-b2c Range -- [PLASMA-T1003] Range firstValueSuccess.snap.png
diff --git a/...2c Range -- [PLASMA-T1004] Range firstValueSuccess, secondValueSuccess.snap.png b/...2c Range -- [PLASMA-T1004] Range firstValueSuccess, secondValueSuccess.snap.png
diff --git a/...ma-b2c Range -- [PLASMA-T1005] Range firstValueError, secondValueError.snap.png b/...ma-b2c Range -- [PLASMA-T1005] Range firstValueError, secondValueError.snap.png
diff --git a/...t-test.tsx/plasma-b2c Range -- [PLASMA-T1006] Range firstField clicked.snap.png b/...t-test.tsx/plasma-b2c Range -- [PLASMA-T1006] Range firstField clicked.snap.png
diff --git a/...-test.tsx/plasma-b2c Range -- [PLASMA-T1016] Range secondField clicked.snap.png b/...-test.tsx/plasma-b2c Range -- [PLASMA-T1016] Range secondField clicked.snap.png
diff --git a/...ent-test.tsx/plasma-b2c Range -- [PLASMA-T1192] Range secondValueError.snap.png b/...ent-test.tsx/plasma-b2c Range -- [PLASMA-T1192] Range secondValueError.snap.png
diff --git a/...t-test.tsx/plasma-b2c Range -- [PLASMA-T1193] Range secondValueSuccess.snap.png b/...t-test.tsx/plasma-b2c Range -- [PLASMA-T1193] Range secondValueSuccess.snap.png
diff --git a/...x/plasma-b2c Range -- [PLASMA-T1383] Range size=l, dividerVariant=none.snap.png b/...x/plasma-b2c Range -- [PLASMA-T1383] Range size=l, dividerVariant=none.snap.png
diff --git a/...extfieldContentLeft, enableSecondTextfieldContentLeft, firstValueError.snap.png b/...extfieldContentLeft, enableSecondTextfieldContentLeft, firstValueError.snap.png
diff --git a/...fieldContentRight, enableSecondTextfieldContentRight, secondValueError.snap.png b/...fieldContentRight, enableSecondTextfieldContentRight, secondValueError.snap.png
diff --git a/...sx/plasma-b2c Range -- [PLASMA-T1533] Range size=xs, firstValueSuccess.snap.png b/...sx/plasma-b2c Range -- [PLASMA-T1533] Range size=xs, firstValueSuccess.snap.png
diff --git a/...t-test.tsx/plasma-b2c Range -- [PLASMA-T1534] Range secondValueSuccess.snap.png b/...t-test.tsx/plasma-b2c Range -- [PLASMA-T1534] Range secondValueSuccess.snap.png
diff --git a/...-b2c Range -- [PLASMA-T1535] Range firstValueError, secondValueSuccess.snap.png b/...-b2c Range -- [PLASMA-T1535] Range firstValueError, secondValueSuccess.snap.png
diff --git a/...-b2c Range -- [PLASMA-T1536] Range firstValueSuccess, secondValueError.snap.png b/...-b2c Range -- [PLASMA-T1536] Range firstValueSuccess, secondValueError.snap.png
diff --git a/...t.component-test.tsx/plasma-b2c Range -- [PLASMA-T1537] Range readOnly.snap.png b/...t.component-test.tsx/plasma-b2c Range -- [PLASMA-T1537] Range readOnly.snap.png
diff --git a/...t.component-test.tsx/plasma-b2c Range -- [PLASMA-T1538] Range disabled.snap.png b/...t.component-test.tsx/plasma-b2c Range -- [PLASMA-T1538] Range disabled.snap.png
diff --git a/...test.component-test.tsx/plasma-b2c Range -- [PLASMA-T984] Range size=l.snap.png b/...test.component-test.tsx/plasma-b2c Range -- [PLASMA-T984] Range size=l.snap.png
diff --git a/...st.component-test.tsx/plasma-b2c Range -- [PLASMA-T985] Range disabled.snap.png b/...st.component-test.tsx/plasma-b2c Range -- [PLASMA-T985] Range disabled.snap.png
diff --git a/...st.component-test.tsx/plasma-b2c Range -- [PLASMA-T986] Range readOnly.snap.png b/...st.component-test.tsx/plasma-b2c Range -- [PLASMA-T986] Range readOnly.snap.png
diff --git a/...tsx/plasma-b2c Range -- [PLASMA-T987] Range enableContentRight, size=m.snap.png b/...tsx/plasma-b2c Range -- [PLASMA-T987] Range enableContentRight, size=m.snap.png
diff --git a/....tsx/plasma-b2c Range -- [PLASMA-T988] Range enableContentLeft, size=s.snap.png b/....tsx/plasma-b2c Range -- [PLASMA-T988] Range enableContentLeft, size=s.snap.png
diff --git a/...x/plasma-b2c Range -- [PLASMA-T989] Range dividerVariant=none, size=xs.snap.png b/...x/plasma-b2c Range -- [PLASMA-T989] Range dividerVariant=none, size=xs.snap.png
diff --git a/...LASMA-T990] Range enableFirstTextfieldContentLeft, dividerVariant=none.snap.png b/...LASMA-T990] Range enableFirstTextfieldContentLeft, dividerVariant=none.snap.png
diff --git a/...nge enableFirstTextfieldContentRight, enableSecondTextfieldContentLeft.snap.png b/...nge enableFirstTextfieldContentRight, enableSecondTextfieldContentLeft.snap.png
diff --git a/...ign=bottom, showScale, showCurrentValue, currentValueVisibility=always.snap.png b/...ign=bottom, showScale, showCurrentValue, currentValueVisibility=always.snap.png
diff --git a/...e, showScale, showCurrentValue, currentValueVisibility=hover, showIcon.snap.png b/...e, showScale, showCurrentValue, currentValueVisibility=hover, showIcon.snap.png
diff --git a/...MA-T1696] Slider size=s, view=gradient, pointerSize=none, without icon.snap.png b/...MA-T1696] Slider size=s, view=gradient, pointerSize=none, without icon.snap.png
diff --git a/...ze=l, rangeValuesPlacement=outer.snap.png → ...out scale, without current value.snap.png b/...ze=l, rangeValuesPlacement=outer.snap.png → ...out scale, without current value.snap.png
diff --git a/...-- [PLASMA-T937] Slider disabled.snap.png → ...- [PLASMA-T1698] Slider disabled.snap.png b/...-- [PLASMA-T937] Slider disabled.snap.png → ...- [PLASMA-T1698] Slider disabled.snap.png
diff --git a/...st.tsx/plasma-b2c Slider -- [PLASMA-T1699] Slider orientation=vertical.snap.png b/...st.tsx/plasma-b2c Slider -- [PLASMA-T1699] Slider orientation=vertical.snap.png
diff --git a/...der -- [PLASMA-T697] Slider view=default, size=m, labelPlacement=outer.snap.png b/...der -- [PLASMA-T697] Slider view=default, size=m, labelPlacement=outer.snap.png
diff --git a/...st.tsx/plasma-b2c Slider -- [PLASMA-T939] Slider view=gradient, size=s.snap.png b/...st.tsx/plasma-b2c Slider -- [PLASMA-T939] Slider view=gradient, size=s.snap.png
diff --git a/...plasma-b2c Slider -- [PLASMA-T940] Slider min=10, labelPlacement=inner.snap.png b/...plasma-b2c Slider -- [PLASMA-T940] Slider min=10, labelPlacement=inner.snap.png
diff --git a/...b2c Slider -- [PLASMA-T941] Slider max=123, rangeValuesPlacement=inner.snap.png b/...b2c Slider -- [PLASMA-T941] Slider max=123, rangeValuesPlacement=inner.snap.png
diff --git a/...nt-test.tsx/plasma-b2c Slider -- [PLASMA-T942] Slider showCurrentValue.snap.png b/...nt-test.tsx/plasma-b2c Slider -- [PLASMA-T942] Slider showCurrentValue.snap.png
diff --git a/...t.tsx/plasma-b2c Slider -- [PLASMA-T943] Slider disableShowRangeValues.snap.png b/...t.tsx/plasma-b2c Slider -- [PLASMA-T943] Slider disableShowRangeValues.snap.png
diff --git a/packages/plasma-b2c/src/components/Breadcrumbs/Breadcrumbs.update-test.component-test.tsx b/packages/plasma-b2c/src/components/Breadcrumbs/Breadcrumbs.update-test.component-test.tsx
@@ -52,60 +52,40 @@ describe('plasma-b2c: Breadcrumbs', () => {
         </CypressTestDecorator>
     );
 
-    it('[PLASMA-T1160] Breadcrumbs: size=m', () => {
+    it('[PLASMA-T1379] Breadcrumbs: size=l, showItems=1', () => {
         mount(
             <CypressTestDecoratorWithTypo>
-                <Breadcrumbs items={items} size="m" />
+                <Breadcrumbs items={items} size="l" showItems={1} />
             </CypressTestDecoratorWithTypo>,
         );
 
         cy.matchImageSnapshot();
     });
 
-    it('[PLASMA-T1161] Breadcrumbs: size=l', () => {
+    it('[PLASMA-T1380] Breadcrumbs: size=m, showItems=2', () => {
         mount(
             <CypressTestDecoratorWithTypo>
-                <Breadcrumbs items={items} size="l" />
+                <Breadcrumbs items={items} size="m" showItems={2} />
             </CypressTestDecoratorWithTypo>,
         );
 
         cy.matchImageSnapshot();
     });
 
-    it('[PLASMA-T1162] Breadcrumbs: size=s', () => {
+    it('[PLASMA-T1381] Breadcrumbs: size=s, showItems=3', () => {
         mount(
             <CypressTestDecoratorWithTypo>
-                <Breadcrumbs items={items} size="s" />
+                <Breadcrumbs items={items} size="s" showItems={3} />
             </CypressTestDecoratorWithTypo>,
         );
 
         cy.matchImageSnapshot();
     });
 
-    it('[PLASMA-T1163] Breadcrumbs: size=xs', () => {
+    it('[PLASMA-T1382] Breadcrumbs: size=xs, showItems=4', () => {
         mount(
             <CypressTestDecoratorWithTypo>
-                <Breadcrumbs items={items} size="xs" />
-            </CypressTestDecoratorWithTypo>,
-        );
-
-        cy.matchImageSnapshot();
-    });
-
-    it('[PLASMA-T1165] Breadcrumbs: showItems=4', () => {
-        mount(
-            <CypressTestDecoratorWithTypo>
-                <Breadcrumbs items={items} showItems={4} />
-            </CypressTestDecoratorWithTypo>,
-        );
-
-        cy.matchImageSnapshot();
-    });
-
-    it('[PLASMA-T1168] Breadcrumbs: showItems=1', () => {
-        mount(
-            <CypressTestDecoratorWithTypo>
-                <Breadcrumbs items={items} showItems={1} />
+                <Breadcrumbs items={items} size="xs" showItems={4} />
             </CypressTestDecoratorWithTypo>,
         );
 

diff --git a/packages/plasma-b2c/src/components/Card/Card.update-test.component-test.tsx b/packages/plasma-b2c/src/components/Card/Card.update-test.component-test.tsx
@@ -23,10 +23,10 @@ describe('plasma-b2c: Card', () => {
         </CypressTestDecorator>
     );
 
-    it('[PLASMA-T710] Card: default', () => {
+    it('[PLASMA-T1720] Card: ratio=1/1, roundness=0', () => {
         mount(
             <CypressTestDecoratorWithTypo>
-                <Card style={{ width: '50%', color: 'black' }} scaleOnFocus>
+                <Card style={{ width: '50%', color: 'black' }} roundness="0">
                     <CardBody>
                         <CardMedia src={src} placeholder={src} ratio="1/1" />
                         <CardBadge style={{ left: '1rem', top: '1rem' }} text="Test in badge" />
@@ -44,12 +44,54 @@ describe('plasma-b2c: Card', () => {
         cy.matchImageSnapshot();
     });
 
-    it('[PLASMA-T711] Card: roundness=0', () => {
+    it('[PLASMA-T1721] Card: ratio=1/2, roundness=16', () => {
         mount(
             <CypressTestDecoratorWithTypo>
-                <Card style={{ width: '50%', color: 'black' }} scaleOnFocus roundness="0">
+                <Card style={{ width: '50%', color: 'black' }} roundness="16">
                     <CardBody>
-                        <CardMedia src={src} placeholder={src} ratio="1/1" />
+                        <CardMedia src={src} placeholder={src} ratio="1/2" />
+                        <CardBadge style={{ left: '1rem', top: '1rem' }} text="Test in badge" />
+                        <CardContent>
+                            <BodyM>Label</BodyM>
+                            <H4 bold>Tittle</H4>
+                            <BodyM>description</BodyM>
+                        </CardContent>
+                    </CardBody>
+                </Card>
+            </CypressTestDecoratorWithTypo>,
+        );
+
+        cy.mockImage('img', 'images/320_320_0.jpg');
+        cy.matchImageSnapshot();
+    });
+
+    it('[PLASMA-T1722] Card: ratio=4/3, roundness=32, scaleOnFocus', () => {
+        mount(
+            <CypressTestDecoratorWithTypo>
+                <Card style={{ width: '50%', color: 'black' }} roundness="32" scaleOnFocus>
+                    <CardBody>
+                        <CardMedia src={src} placeholder={src} ratio="4/3" />
+                        <CardBadge style={{ left: '1rem', top: '1rem' }} text="Test in badge" />
+                        <CardContent>
+                            <BodyM>Label</BodyM>
+                            <H4 bold>Tittle</H4>
+                            <BodyM>description</BodyM>
+                        </CardContent>
+                    </CardBody>
+                </Card>
+            </CypressTestDecoratorWithTypo>,
+        );
+
+        cy.mockImage('img', 'images/320_320_0.jpg');
+        cy.matchImageSnapshot();
+    });
+
+    it('[PLASMA-T1723] Card: ratio=16/9, roundness=250', () => {
+        mount(
+            <CypressTestDecoratorWithTypo>
+                <Card style={{ width: '50%', color: 'black' }} roundness="250">
+                    <CardBody>
+                        <CardMedia src={src} placeholder={src} ratio="16/9" />
                         <CardBadge style={{ left: '1rem', top: '1rem' }} text="Test in badge" />
                         <CardContent>
                             <BodyM>Label</BodyM>

diff --git a/packages/plasma-b2c/src/components/ChipGroup/ChipGroup.update-test.component-test.tsx b/packages/plasma-b2c/src/components/ChipGroup/ChipGroup.update-test.component-test.tsx
@@ -0,0 +1,90 @@
+import React from 'react';
+import { mount, CypressTestDecorator, getComponent } from '@salutejs/plasma-cy-utils';
+
+import { Chip as ChipB2C } from '../Chip';
+
+import { ChipGroup as ChipGroupB2C } from '.';
+
+describe('plasma-b2c: ChipGroup', () => {
+    const ChipGroup = getComponent('ChipGroup') as typeof ChipGroupB2C;
+    const Chip = getComponent('Chip') as typeof ChipB2C;
+
+    const getChips = (itemsCount = 5) =>
+        Array(itemsCount)
+            .fill(true)
+            .map((_, i) => <Chip text={`Chip ${i}`} key={`chip_${i}`} hasClear={false} />);
+
+    const getCustomChips = () => [
+        <Chip view="default" size="l" text="Chip 1" hasClear={false} />,
+        <Chip view="accent" text="Chip 2" hasClear={false} />,
+        <Chip view="secondary" size="s" text="Chip 3" hasClear={false} />,
+    ];
+
+    it('[PLASMA-T1599] ChipGroup: size=l, view=default, gap=dense', () => {
+        mount(
+            <CypressTestDecorator>
+                <ChipGroup view="default" size="l" gap="dense">
+                    {getChips()}
+                </ChipGroup>
+            </CypressTestDecorator>,
+        );
+
+        cy.matchImageSnapshot();
+    });
+
+    it('[PLASMA-T1600] ChipGroup: size=m, view=secondary, gap=wide, isWrapped', () => {
+        mount(
+            <CypressTestDecorator>
+                <ChipGroup view="secondary" size="m" gap="wide" isWrapped>
+                    {getChips(20)}
+                </ChipGroup>
+            </CypressTestDecorator>,
+        );
+
+        cy.matchImageSnapshot();
+    });
+
+    it('[PLASMA-T1601] ChipGroup: size=s, view=accent', () => {
+        mount(
+            <CypressTestDecorator>
+                <ChipGroup view="accent" size="s">
+                    {getChips(20)}
+                </ChipGroup>
+            </CypressTestDecorator>,
+        );
+
+        cy.matchImageSnapshot();
+    });
+
+    it('[PLASMA-T1602] ChipGroup: size=xs', () => {
+        mount(
+            <CypressTestDecorator>
+                <ChipGroup view="default" size="xs">
+                    {getChips()}
+                </ChipGroup>
+            </CypressTestDecorator>,
+        );
+
+        cy.matchImageSnapshot();
+    });
+
+    it('[PLASMA-T1780] ChipGroup: isCommonChipStyles=false', () => {
+        mount(
+            <CypressTestDecorator>
+                <ChipGroup isCommonChipStyles={false}>{getCustomChips()}</ChipGroup>
+            </CypressTestDecorator>,
+        );
+
+        cy.matchImageSnapshot();
+    });
+
+    it('[PLASMA-T1781] ChipGroup: isCommonChipStyles', () => {
+        mount(
+            <CypressTestDecorator>
+                <ChipGroup isCommonChipStyles>{getCustomChips()}</ChipGroup>
+            </CypressTestDecorator>,
+        );
+
+        cy.matchImageSnapshot();
+    });
+});