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 index 68f1871a90e..44e857ffbb4 100644 --- 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 = () => ( ) +export const UploadHideFileExtenstionText = () => ( + + {() => { + const Component = () => { + const { files, setFiles } = Upload.useUpload('my-file-list') + + if (files.length) { + console.log('files', files) + } + + useMockFiles(setFiles, {}) + + return ( + + ) + } + + return + }} + +) + export const UploadBasic = () => ( 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 index 2d85d0cadfa..f0b75b7b22b 100644 --- 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 + + + + 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 index 181a9489042..b13387de88e 100644 --- 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/packages/dnb-eufemia/src/components/upload/__tests__/__image_snapshots__/upload-for-sbanken-have-to-hide-the-file-extension-text.snap.png b/packages/dnb-eufemia/src/components/upload/__tests__/__image_snapshots__/upload-for-sbanken-have-to-hide-the-file-extension-text.snap.png new file mode 100644 index 00000000000..a859ba08817 Binary files /dev/null and b/packages/dnb-eufemia/src/components/upload/__tests__/__image_snapshots__/upload-for-sbanken-have-to-hide-the-file-extension-text.snap.png differ diff --git a/packages/dnb-eufemia/src/components/upload/__tests__/__image_snapshots__/upload-for-ui-have-to-hide-the-file-extension-text.snap.png b/packages/dnb-eufemia/src/components/upload/__tests__/__image_snapshots__/upload-for-ui-have-to-hide-the-file-extension-text.snap.png new file mode 100644 index 00000000000..5ce0838bcdf Binary files /dev/null and b/packages/dnb-eufemia/src/components/upload/__tests__/__image_snapshots__/upload-for-ui-have-to-hide-the-file-extension-text.snap.png differ