chore(Upload): adds screenshot test for disabled file max size (#4209)

dnbexperience · Nov 4, 2024 · ad3ce2d · ad3ce2d
2 parents c966bc1 + 5bafc69
commit ad3ce2d
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 4 deletions.
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/upload/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/upload/Examples.tsx
@@ -304,7 +304,7 @@ export const UploadFileMaxSizeBasedOnFileTypeDisabled = () => (
 )
 
 export const UploadDisabledFileMaxSize = () => (
-  <ComponentBox>
+  <ComponentBox data-visual-test="upload-disabled-file-max-size">
     <Upload
       acceptedFileTypes={['jpg', 'pdf']}
       id="upload-disabled-file-max-size"

diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/upload/demos.mdx b/packages/dnb-design-system-portal/src/docs/uilib/components/upload/demos.mdx
@@ -73,9 +73,7 @@ To disable `maxFileSize` Use either `0` or `false`. If `maxFileSize` is not prov
 You can disable the file max size, which will deactivate all file size verifications in the Upload component.
 This can also be used to manually implement more complex file max size verifications.
 
-<VisibleWhenNotVisualTest>
-  <UploadDisabledFileMaxSize />
-</VisibleWhenNotVisualTest>
+<UploadDisabledFileMaxSize />
 
 ### Upload without title and text
 

diff --git a/packages/dnb-eufemia/src/components/upload/__tests__/Upload.screenshot.test.ts b/packages/dnb-eufemia/src/components/upload/__tests__/Upload.screenshot.test.ts
@@ -43,6 +43,13 @@ describe.each(['ui', 'sbanken'])('Upload for %s', (themeName) => {
     expect(screenshot).toMatchImageSnapshot()
   })
 
+  it('have to match disabled file max size', async () => {
+    const screenshot = await makeScreenshot({
+      selector: '[data-visual-test="upload-disabled-file-max-size"]',
+    })
+    expect(screenshot).toMatchImageSnapshot()
+  })
+
   it('have to match when not providing title and text', async () => {
     const screenshot = await makeScreenshot({
       selector: '[data-visual-test="upload-no-title-no-text"]',

diff --git a/...ge_snapshots__/upload-for-sbanken-have-to-match-disabled-file-max-size.snap.png b/...ge_snapshots__/upload-for-sbanken-have-to-match-disabled-file-max-size.snap.png
diff --git a/...__image_snapshots__/upload-for-ui-have-to-match-disabled-file-max-size.snap.png b/...__image_snapshots__/upload-for-ui-have-to-match-disabled-file-max-size.snap.png