Implement clickable folder links in upload overlay

changelog/unreleased/enhancement-upload-overlay-folder-links

@@ -0,0 +1,6 @@
+Enhancement: Clickable folder links in upload overlay
+
+Uploaded folders can now be clicked in the upload overlay, which navigates the user to the clicked folder.
+
+https://github.com/owncloud/web/pull/7109
+https://github.com/owncloud/web/issues/7102

packages/web-runtime/src/components/UploadInfo.vue

@@ -107,7 +107,7 @@
             :resource="item"
             :is-path-displayed="true"
             :is-thumbnail-displayed="displayThumbnails"
-            :is-resource-clickable="false"
+            :is-resource-clickable="isResourceClickable(item)"
             :parent-folder-name-default="defaultParentFolderName(item)"
             :folder-link="folderLink(item)"
             :parent-folder-link="parentFolderLink(item)"
@@ -417,6 +417,9 @@ export default {
     displayFileAsResource(file) {
       return !!file.targetRoute
     },
+    isResourceClickable(file) {
+      return file.isFolder === true
+    },
     folderLink(file) {
       return this.createFolderLink(file.path, file.storageId, file.targetRoute)
     },

packages/web-runtime/tests/unit/components/UploadInfo.spec.js

@@ -129,6 +129,18 @@ describe('UploadInfo component', () => {
       const uploadedItems = wrapper.findAll('.upload-info-items li')
       expect(uploadedItems.length).toBe(2)
     })
+    it('folder is clickable', () => {
+      const wrapper = getShallowWrapper({
+        showInfo: true,
+        infoExpanded: true,
+        uploads: [{ name: 'file', type: 'folder', isFolder: true, targetRoute: {}, path: '' }]
+      })
+
+      const info = wrapper.find('.upload-info-items')
+      expect(info.exists()).toBeTruthy()
+      const resourceStub = wrapper.find('.upload-info-items li oc-resource-stub')
+      expect(resourceStub.props().isResourceClickable).toBeTruthy()
+    })
   })
   describe('getRemainingTime method', () => {
     it.each([