chore(plasma-{b2c, web}): tests and shapshots updated

salute-developers · Dec 19, 2024 · e1d27be · e1d27be
1 parent 40741dd
commit e1d27be
Show file tree

Hide file tree

Showing 6 changed files with 78 additions and 0 deletions.
diff --git a/...h/Attach.component-test.tsx/plasma-b2c Attach -- _flow with helperText.snap.png b/...h/Attach.component-test.tsx/plasma-b2c Attach -- _flow with helperText.snap.png
diff --git a/.../Attach/Attach.component-test.tsx/plasma-b2c Attach -- _helperTextView.snap.png b/.../Attach/Attach.component-test.tsx/plasma-b2c Attach -- _helperTextView.snap.png
diff --git a/...h/Attach.component-test.tsx/plasma-web Attach -- _flow with helperText.snap.png b/...h/Attach.component-test.tsx/plasma-web Attach -- _flow with helperText.snap.png
diff --git a/.../Attach/Attach.component-test.tsx/plasma-web Attach -- _helperTextView.snap.png b/.../Attach/Attach.component-test.tsx/plasma-web Attach -- _helperTextView.snap.png
diff --git a/packages/plasma-b2c/src/components/Attach/Attach.component-test.tsx b/packages/plasma-b2c/src/components/Attach/Attach.component-test.tsx
@@ -12,6 +12,7 @@ const inputSelector = 'input';
 
 const sizes = ['xs', 's', 'm', 'l'];
 const views = ['default', 'accent', 'secondary', 'success', 'warning', 'critical', 'clear'];
+const helperTextViews = ['default', 'negative'];
 const buttonTypes = ['button', 'iconButton'];
 const flows = ['horizontal', 'vertical', 'auto'];
 const filenameTruncationWidths = ['400px', '350px', '300px', '180px', '0px'];
@@ -67,6 +68,25 @@ describe('plasma-b2c: Attach', () => {
         cy.matchImageSnapshot();
     });
 
+    it('_helperTextView', () => {
+        mount(
+            <CypressTestDecoratorWithTypo>
+                {helperTextViews.map((helperTextView) => (
+                    <>
+                        <Attach helperTextView={helperTextView} helperText="helperText" />
+                        <PadMe />
+                        <PadMe />
+                        <PadMe />
+                    </>
+                ))}
+            </CypressTestDecoratorWithTypo>,
+        );
+        cy.get(inputSelector).each(($element) => cy.wrap($element).attachFile(FIXTURE_PATH));
+        cy.get(cellRootSelector).should('have.length', helperTextViews.length);
+
+        cy.matchImageSnapshot();
+    });
+
     it('_hasAttachment=false', () => {
         mount(
             <CypressTestDecoratorWithTypo>
@@ -113,6 +133,25 @@ describe('plasma-b2c: Attach', () => {
         cy.matchImageSnapshot();
     });
 
+    it('_flow with helperText', () => {
+        mount(
+            <CypressTestDecoratorWithTypo>
+                {flows.map((flow) => (
+                    <>
+                        <Attach flow={flow} helperText="helperText" />
+                        <PadMe />
+                        <PadMe />
+                        <PadMe />
+                    </>
+                ))}
+            </CypressTestDecoratorWithTypo>,
+        );
+        cy.get(inputSelector).each(($element) => cy.wrap($element).attachFile(FIXTURE_PATH));
+        cy.get(cellRootSelector).should('have.length', flows.length);
+
+        cy.matchImageSnapshot();
+    });
+
     it('filenameTruncation flow:auto', () => {
         mount(
             <CypressTestDecoratorWithTypo>

diff --git a/packages/plasma-web/src/components/Attach/Attach.component-test.tsx b/packages/plasma-web/src/components/Attach/Attach.component-test.tsx
@@ -12,6 +12,7 @@ const inputSelector = 'input';
 
 const sizes = ['xs', 's', 'm', 'l'];
 const views = ['default', 'accent', 'secondary', 'success', 'warning', 'critical', 'clear'];
+const helperTextViews = ['default', 'negative'];
 const buttonTypes = ['button', 'iconButton'];
 const flows = ['horizontal', 'vertical', 'auto'];
 const filenameTruncationWidths = ['400px', '350px', '300px', '180px', '0px'];
@@ -67,6 +68,25 @@ describe('plasma-web: Attach', () => {
         cy.matchImageSnapshot();
     });
 
+    it('_helperTextView', () => {
+        mount(
+            <CypressTestDecoratorWithTypo>
+                {helperTextViews.map((helperTextView) => (
+                    <>
+                        <Attach helperTextView={helperTextView} helperText="helperText" />
+                        <PadMe />
+                        <PadMe />
+                        <PadMe />
+                    </>
+                ))}
+            </CypressTestDecoratorWithTypo>,
+        );
+        cy.get(inputSelector).each(($element) => cy.wrap($element).attachFile(FIXTURE_PATH));
+        cy.get(cellRootSelector).should('have.length', helperTextViews.length);
+
+        cy.matchImageSnapshot();
+    });
+
     it('_hasAttachment=false', () => {
         mount(
             <CypressTestDecoratorWithTypo>
@@ -113,6 +133,25 @@ describe('plasma-web: Attach', () => {
         cy.matchImageSnapshot();
     });
 
+    it('_flow with helperText', () => {
+        mount(
+            <CypressTestDecoratorWithTypo>
+                {flows.map((flow) => (
+                    <>
+                        <Attach flow={flow} helperText="helperText" />
+                        <PadMe />
+                        <PadMe />
+                        <PadMe />
+                    </>
+                ))}
+            </CypressTestDecoratorWithTypo>,
+        );
+        cy.get(inputSelector).each(($element) => cy.wrap($element).attachFile(FIXTURE_PATH));
+        cy.get(cellRootSelector).should('have.length', flows.length);
+
+        cy.matchImageSnapshot();
+    });
+
     it('filenameTruncation flow:auto', () => {
         mount(
             <CypressTestDecoratorWithTypo>