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(