adds screenshot tests

dnbexperience · Oct 18, 2024 · 5681111 · 5681111
1 parent f8d689b
commit 5681111
Show file tree

Hide file tree

Showing 5 changed files with 41 additions and 0 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
@@ -57,6 +57,35 @@ export const UploadPrefilledFileList = () => (
   </ComponentBox>
 )
 
+export const UploadHideFileExtenstionText = () => (
+  <ComponentBox
+    data-visual-test="upload-hides-file-extension-text"
+    scope={{ useMockFiles }}
+  >
+    {() => {
+      const Component = () => {
+        const { files, setFiles } = Upload.useUpload('my-file-list')
+
+        if (files.length) {
+          console.log('files', files)
+        }
+
+        useMockFiles(setFiles, {})
+
+        return (
+          <Upload
+            acceptedFileTypes={['jpg', 'png']}
+            id="my-file-list"
+            displayFileExtensionText={false}
+          />
+        )
+      }
+
+      return <Component />
+    }}
+  </ComponentBox>
+)
+
 export const UploadBasic = () => (
   <ComponentBox data-visual-test="upload-basic">
     <Upload acceptedFileTypes={['jpg', 'png']} id="upload-basic" />

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
@@ -13,6 +13,7 @@ import {
   UploadDisabledFileMaxSize,
   UploadFileMaxSizeBasedOnFileType,
   UploadFileMaxSizeBasedOnFileTypeDisabled,
+  UploadHideFileExtenstionText,
 } from 'Docs/uilib/components/upload/Examples'
 
 ## Demos
@@ -75,3 +76,7 @@ This can also be used to manually implement more complex file max size verificat
 <VisibleWhenNotVisualTest>
   <UploadDisabledFileMaxSize />
 </VisibleWhenNotVisualTest>
+
+<VisibleWhenVisualTest>
+  <UploadHideFileExtenstionText />
+</VisibleWhenVisualTest>
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
@@ -35,6 +35,13 @@ describe.each(['ui', 'sbanken'])('Upload for %s', (themeName) => {
     expect(screenshot).toMatchImageSnapshot()
   })
 
+  it('have to hide the file extension text', async () => {
+    const screenshot = await makeScreenshot({
+      selector: '[data-visual-test="upload-hides-file-extension-text"]',
+    })
+    expect(screenshot).toMatchImageSnapshot()
+  })
+
   it('have to match file max size based on file type table', async () => {
     const screenshot = await makeScreenshot({
       selector:

diff --git a/...ge_snapshots__/upload-for-sbanken-have-to-hide-the-file-extension-text.snap.png b/...ge_snapshots__/upload-for-sbanken-have-to-hide-the-file-extension-text.snap.png
diff --git a/...__image_snapshots__/upload-for-ui-have-to-hide-the-file-extension-text.snap.png b/...__image_snapshots__/upload-for-ui-have-to-hide-the-file-extension-text.snap.png