diff --git a/packages/dnb-eufemia/src/components/upload/__tests__/Upload.test.tsx b/packages/dnb-eufemia/src/components/upload/__tests__/Upload.test.tsx index 81d2c928c6a..6f7ecb505f6 100644 --- a/packages/dnb-eufemia/src/components/upload/__tests__/Upload.test.tsx +++ b/packages/dnb-eufemia/src/components/upload/__tests__/Upload.test.tsx @@ -932,6 +932,38 @@ describe('Upload', () => { screen.queryByText(`file length is more than 5`) ).toBeInTheDocument() }) + + it('removes files when unmounting', () => { + const files = [ + { file: createMockFile('fileName1.png', 100, 'image/png') }, + { file: createMockFile('fileName2.png', 200, 'image/png') }, + ] + + const id = 'random-id-unmount' + + const { unmount } = render() + const MockComponent = () => { + const { setFiles } = useUpload(id) + + useEffect(() => setFiles(files), []) + + return
+ } + + render() + + expect( + document.querySelectorAll('.dnb-upload__file-cell').length + ).toBe(2) + + unmount() + + render() + + expect( + document.querySelectorAll('.dnb-upload__file-cell').length + ).toBe(0) + }) }) describe('events', () => {