diff --git a/cypress/snapshots/b2c/components/Attach/Attach.component-test.tsx/plasma-b2c Attach -- _flow with helperText.snap.png b/cypress/snapshots/b2c/components/Attach/Attach.component-test.tsx/plasma-b2c Attach -- _flow with helperText.snap.png new file mode 100644 index 0000000000..c25524cccf Binary files /dev/null and b/cypress/snapshots/b2c/components/Attach/Attach.component-test.tsx/plasma-b2c Attach -- _flow with helperText.snap.png differ diff --git a/cypress/snapshots/b2c/components/Attach/Attach.component-test.tsx/plasma-b2c Attach -- _helperTextView.snap.png b/cypress/snapshots/b2c/components/Attach/Attach.component-test.tsx/plasma-b2c Attach -- _helperTextView.snap.png new file mode 100644 index 0000000000..232efa6fa0 Binary files /dev/null and b/cypress/snapshots/b2c/components/Attach/Attach.component-test.tsx/plasma-b2c Attach -- _helperTextView.snap.png differ diff --git a/cypress/snapshots/web/components/Attach/Attach.component-test.tsx/plasma-web Attach -- _flow with helperText.snap.png b/cypress/snapshots/web/components/Attach/Attach.component-test.tsx/plasma-web Attach -- _flow with helperText.snap.png new file mode 100644 index 0000000000..39b37379e8 Binary files /dev/null and b/cypress/snapshots/web/components/Attach/Attach.component-test.tsx/plasma-web Attach -- _flow with helperText.snap.png differ diff --git a/cypress/snapshots/web/components/Attach/Attach.component-test.tsx/plasma-web Attach -- _helperTextView.snap.png b/cypress/snapshots/web/components/Attach/Attach.component-test.tsx/plasma-web Attach -- _helperTextView.snap.png new file mode 100644 index 0000000000..f0c297dca5 Binary files /dev/null and b/cypress/snapshots/web/components/Attach/Attach.component-test.tsx/plasma-web Attach -- _helperTextView.snap.png differ diff --git a/packages/plasma-b2c/src/components/Attach/Attach.component-test.tsx b/packages/plasma-b2c/src/components/Attach/Attach.component-test.tsx index feed84685c..2d3c34e8a2 100644 --- 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( + + {helperTextViews.map((helperTextView) => ( + <> + + + + + + ))} + , + ); + 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( @@ -113,6 +133,25 @@ describe('plasma-b2c: Attach', () => { cy.matchImageSnapshot(); }); + it('_flow with helperText', () => { + mount( + + {flows.map((flow) => ( + <> + + + + + + ))} + , + ); + 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( diff --git a/packages/plasma-web/src/components/Attach/Attach.component-test.tsx b/packages/plasma-web/src/components/Attach/Attach.component-test.tsx index 3f7fc09fb9..92cf9b6605 100644 --- 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( + + {helperTextViews.map((helperTextView) => ( + <> + + + + + + ))} + , + ); + 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( @@ -113,6 +133,25 @@ describe('plasma-web: Attach', () => { cy.matchImageSnapshot(); }); + it('_flow with helperText', () => { + mount( + + {flows.map((flow) => ( + <> + + + + + + ))} + , + ); + 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(